/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--tw-font-sans:system-ui,"Open Sans",sans-serif;--tw-font-mono:JetBrains Mono,Menlo,monospace;--tw-color-red-500:oklch(63.7% .237 25.331);--tw-color-yellow-500:oklch(79.5% .184 86.047);--tw-color-green-500:oklch(72.3% .219 149.579);--tw-color-blue-500:oklch(62.3% .214 259.815);--tw-color-gray-100:oklch(96.7% .003 264.542);--tw-color-gray-200:oklch(92.8% .006 264.531);--tw-color-gray-300:oklch(87.2% .01 258.338);--tw-color-gray-400:oklch(70.7% .022 261.325);--tw-color-gray-500:oklch(55.1% .027 264.364);--tw-color-gray-600:oklch(44.6% .03 256.802);--tw-color-gray-700:oklch(37.3% .034 259.733);--tw-color-gray-800:oklch(27.8% .033 256.848);--tw-color-black:#000;--tw-color-white:#fff;--tw-spacing:.25rem;--tw-container-md:28rem;--tw-container-lg:32rem;--tw-container-2xl:42rem;--tw-container-3xl:48rem;--tw-container-7xl:80rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1/.75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25/.875);--tw-text-base:1rem;--tw-text-base--line-height:calc(1.5/1);--tw-text-lg:1.125rem;--tw-text-lg--line-height:calc(1.75/1.125);--tw-text-xl:1.25rem;--tw-text-xl--line-height:calc(1.75/1.25);--tw-text-2xl:1.5rem;--tw-text-2xl--line-height:calc(2/1.5);--tw-text-3xl:1.875rem;--tw-text-3xl--line-height:calc(2.25/1.875);--tw-text-4xl:2.25rem;--tw-text-4xl--line-height:calc(2.5/2.25);--tw-font-weight-normal:400;--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-font-weight-bold:700;--tw-tracking-tight:-.025em;--tw-tracking-widest:.1em;--tw-leading-relaxed:1.625;--tw-radius-xs:.17rem;--tw-radius-sm:.25rem;--tw-radius-md:.5rem;--tw-radius-lg:.75rem;--tw-animate-spin:spin 1s linear infinite;--tw-aspect-video:16/9;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-default-font-family:var(--tw-font-sans);--tw-default-mono-font-family:var(--tw-font-mono);--tw-radius:.5rem;--tw-sidebar-width:240px;--tw-color-background:var(--main);--tw-color-foreground:var(--main-content);--tw-color-border:var(--border);--tw-color-panel-1:var(--panel-1);--tw-color-panel-2:var(--panel-2);--tw-color-card:var(--card);--tw-color-default:var(--default);--tw-color-default-foreground:var(--default-content);--tw-color-primary:var(--primary);--tw-color-primary-foreground:var(--primary-content);--tw-color-secondary:var(--secondary);--tw-color-secondary-foreground:var(--secondary-content);--tw-color-info:var(--info);--tw-color-info-foreground:var(--info-content);--tw-color-success:var(--success);--tw-color-success-foreground:var(--success-content);--tw-color-warning:var(--warning);--tw-color-warning-foreground:var(--warning-content);--tw-color-warning-border:var(--warning);--tw-color-danger:var(--danger);--tw-color-danger-foreground:var(--danger-content);--tw-color-danger-border:var(--danger);--tw-color-input:var(--input);--tw-color-popover:var(--popover-background);--tw-color-popover-active:var(--popover-background-active);--tw-color-popover-foreground:var(--popover-foreground);--tw-color-tooltip:var(--tooltip-background);--tw-color-tooltip-foreground:var(--tooltip-foreground);--tw-color-tooltip-border:var(--tooltip-border-color);--tw-color-muted:var(--panel-2);--tw-color-muted-foreground:var(--main-content-muted);--tw-color-ring:var(--ring);--tw-color-sidebar:var(--sidebar-bg);--tw-color-sidebar-foreground:var(--sidebar-content);--tw-color-sidebar-border:#2a2a2a;--tw-color-sidebar-active:var(--sidebar-active)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--tw-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--tw-default-font-feature-settings,normal);font-variation-settings:var(--tw-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--tw-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--tw-default-mono-font-feature-settings,normal);font-variation-settings:var(--tw-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-border,#e5e7eb)}::file-selector-button{border-color:var(--color-border,#e5e7eb)}*{border-color:var(--tw-color-border)}html{background-color:var(--tw-color-background);height:100%;font-family:var(--tw-font-sans);color:var(--tw-color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background-color:var(--tw-color-background);height:100%;font-family:var(--tw-font-sans);color:var(--tw-color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components{.fr-text-input{border-radius:var(--tw-radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--tw-color-input);background-color:var(--tw-color-background);--tw-ring-offset-color:var(--tw-color-background);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.fr-text-input::-moz-placeholder{color:var(--tw-color-muted-foreground)}.fr-text-input::placeholder{color:var(--tw-color-muted-foreground)}.fr-text-input:-moz-read-only{cursor:default;background-color:var(--tw-color-muted)}.fr-text-input:read-only{cursor:default;background-color:var(--tw-color-muted)}.fr-text-input:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--tw-color-ring);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.fr-text-input:disabled{cursor:not-allowed;opacity:.5}.fr-button{justify-content:center;align-items:center;gap:calc(var(--tw-spacing)*2);border-radius:var(--tw-radius-sm);--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration));--tw-duration:.1s;transition-duration:.1s;animation-duration:.1s;display:inline-flex}.fr-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--tw-color-ring);--tw-outline-style:none;outline-style:none}.fr-button svg{width:calc(var(--tw-spacing)*5);height:calc(var(--tw-spacing)*5);flex-shrink:0}.fr-badge-pill{padding-inline:calc(var(--tw-spacing)*3);padding-block:calc(var(--tw-spacing)*1);font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height));--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium);border-radius:3.40282e38px}.fr-badge-success{background-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.fr-badge-success{background-color:color-mix(in oklab,var(--tw-color-success)10%,transparent)}}.fr-badge-success{color:var(--tw-color-success)}.fr-badge-warning{background-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.fr-badge-warning{background-color:color-mix(in oklab,var(--tw-color-warning)10%,transparent)}}.fr-badge-warning{color:var(--tw-color-warning)}.fr-badge-error{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.fr-badge-error{background-color:color-mix(in oklab,var(--tw-color-danger)10%,transparent)}}.fr-badge-error{color:var(--tw-color-danger)}.fr-badge-info{background-color:var(--tw-color-info)}@supports (color:color-mix(in lab, red, red)){.fr-badge-info{background-color:color-mix(in oklab,var(--tw-color-info)10%,transparent)}}.fr-badge-info{color:var(--tw-color-info)}}@layer utilities{.tw\:elevate-setup{z-index:0;position:relative}.tw\:elevate-setup:before,.tw\:elevate-setup:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.tw\:elevate-setup:before{z-index:-1}.tw\:elevate-setup:after{z-index:1}.tw\:elevate-setup.border:before,.tw\:elevate-setup.border:after{inset:-1px}.tw\:pointer-events-none{pointer-events:none}.tw\:invisible{visibility:hidden}.tw\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tw\:absolute{position:absolute}.tw\:fixed{position:fixed}.tw\:relative{position:relative}.tw\:inset-0{inset:calc(var(--tw-spacing)*0)}.tw\:-top-1{top:calc(var(--tw-spacing)*-1)}.tw\:-top-4{top:calc(var(--tw-spacing)*-4)}.tw\:-top-6{top:calc(var(--tw-spacing)*-6)}.tw\:top-0{top:calc(var(--tw-spacing)*0)}.tw\:top-1{top:calc(var(--tw-spacing)*1)}.tw\:top-1\/2{top:50%}.tw\:top-2{top:calc(var(--tw-spacing)*2)}.tw\:top-3{top:calc(var(--tw-spacing)*3)}.tw\:top-4{top:calc(var(--tw-spacing)*4)}.tw\:top-\[50\%\]{top:50%}.tw\:-right-1{right:calc(var(--tw-spacing)*-1)}.tw\:right-0{right:calc(var(--tw-spacing)*0)}.tw\:right-1{right:calc(var(--tw-spacing)*1)}.tw\:right-2{right:calc(var(--tw-spacing)*2)}.tw\:right-2\.5{right:calc(var(--tw-spacing)*2.5)}.tw\:right-4{right:calc(var(--tw-spacing)*4)}.tw\:right-6{right:calc(var(--tw-spacing)*6)}.tw\:right-10{right:calc(var(--tw-spacing)*10)}.tw\:bottom-0{bottom:calc(var(--tw-spacing)*0)}.tw\:bottom-2{bottom:calc(var(--tw-spacing)*2)}.tw\:left-0{left:calc(var(--tw-spacing)*0)}.tw\:left-1{left:calc(var(--tw-spacing)*1)}.tw\:left-1\/2{left:50%}.tw\:left-2{left:calc(var(--tw-spacing)*2)}.tw\:left-2\.5{left:calc(var(--tw-spacing)*2.5)}.tw\:left-\[50\%\]{left:50%}.tw\:z-1{z-index:1}.tw\:z-10{z-index:10}.tw\:z-50{z-index:50}.tw\:z-1050{z-index:1050}.tw\:z-\[999999\]{z-index:999999}.tw\:-m-1{margin:calc(var(--tw-spacing)*-1)}.tw\:m-0{margin:calc(var(--tw-spacing)*0)}.tw\:m-2{margin:calc(var(--tw-spacing)*2)}.tw\:m-4{margin:calc(var(--tw-spacing)*4)}.tw\:m-auto{margin:auto}.tw\:-mx-1{margin-inline:calc(var(--tw-spacing)*-1)}.tw\:-mx-3{margin-inline:calc(var(--tw-spacing)*-3)}.tw\:mx-2{margin-inline:calc(var(--tw-spacing)*2)}.tw\:mx-3\.5{margin-inline:calc(var(--tw-spacing)*3.5)}.tw\:mx-auto{margin-inline:auto}.tw\:my-1{margin-block:calc(var(--tw-spacing)*1)}.tw\:my-4{margin-block:calc(var(--tw-spacing)*4)}.tw\:my-8{margin-block:calc(var(--tw-spacing)*8)}.tw\:mt-0{margin-top:calc(var(--tw-spacing)*0)}.tw\:mt-1{margin-top:calc(var(--tw-spacing)*1)}.tw\:mt-2{margin-top:calc(var(--tw-spacing)*2)}.tw\:mt-2\!{margin-top:calc(var(--tw-spacing)*2)!important}.tw\:mt-3{margin-top:calc(var(--tw-spacing)*3)}.tw\:mt-4{margin-top:calc(var(--tw-spacing)*4)}.tw\:mt-5{margin-top:calc(var(--tw-spacing)*5)}.tw\:mt-6{margin-top:calc(var(--tw-spacing)*6)}.tw\:mt-8{margin-top:calc(var(--tw-spacing)*8)}.tw\:mr-1{margin-right:calc(var(--tw-spacing)*1)}.tw\:mr-2{margin-right:calc(var(--tw-spacing)*2)}.tw\:mr-auto{margin-right:auto}.tw\:mb-0{margin-bottom:calc(var(--tw-spacing)*0)}.tw\:mb-0\!{margin-bottom:calc(var(--tw-spacing)*0)!important}.tw\:mb-2{margin-bottom:calc(var(--tw-spacing)*2)}.tw\:mb-3{margin-bottom:calc(var(--tw-spacing)*3)}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing)*4)}.tw\:mb-6{margin-bottom:calc(var(--tw-spacing)*6)}.tw\:mb-12{margin-bottom:calc(var(--tw-spacing)*12)}.tw\:ml-1{margin-left:calc(var(--tw-spacing)*1)}.tw\:ml-2{margin-left:calc(var(--tw-spacing)*2)}.tw\:ml-4{margin-left:calc(var(--tw-spacing)*4)}.tw\:ml-auto{margin-left:auto}.tw\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tw\:block{display:block}.tw\:flex{display:flex}.tw\:flex\!{display:flex!important}.tw\:grid{display:grid}.tw\:hidden{display:none}.tw\:inline-block{display:inline-block}.tw\:inline-flex{display:inline-flex}.tw\:aspect-4\/3{aspect-ratio:4/3}.tw\:aspect-16\/9{aspect-ratio:16/9}.tw\:aspect-square{aspect-ratio:1}.tw\:aspect-video{aspect-ratio:var(--tw-aspect-video)}.tw\:size-3\.5{width:calc(var(--tw-spacing)*3.5);height:calc(var(--tw-spacing)*3.5)}.tw\:size-6{width:calc(var(--tw-spacing)*6);height:calc(var(--tw-spacing)*6)}.tw\:size-8{width:calc(var(--tw-spacing)*8);height:calc(var(--tw-spacing)*8)}.tw\:size-10{width:calc(var(--tw-spacing)*10);height:calc(var(--tw-spacing)*10)}.tw\:size-14{width:calc(var(--tw-spacing)*14);height:calc(var(--tw-spacing)*14)}.tw\:size-24{width:calc(var(--tw-spacing)*24);height:calc(var(--tw-spacing)*24)}.tw\:h-0\.5{height:calc(var(--tw-spacing)*.5)}.tw\:h-2{height:calc(var(--tw-spacing)*2)}.tw\:h-3{height:calc(var(--tw-spacing)*3)}.tw\:h-3\.5{height:calc(var(--tw-spacing)*3.5)}.tw\:h-4{height:calc(var(--tw-spacing)*4)}.tw\:h-4\.5{height:calc(var(--tw-spacing)*4.5)}.tw\:h-5{height:calc(var(--tw-spacing)*5)}.tw\:h-6{height:calc(var(--tw-spacing)*6)}.tw\:h-7{height:calc(var(--tw-spacing)*7)}.tw\:h-8{height:calc(var(--tw-spacing)*8)}.tw\:h-9{height:calc(var(--tw-spacing)*9)}.tw\:h-10{height:calc(var(--tw-spacing)*10)}.tw\:h-\[1em\]{height:1em}.tw\:h-\[14px\]{height:14px}.tw\:h-\[16px\]{height:16px}.tw\:h-\[30px\]{height:30px}.tw\:h-\[35px\]{height:35px}.tw\:h-\[50px\]{height:50px}.tw\:h-\[70px\]{height:70px}.tw\:h-\[400px\]{height:400px}.tw\:h-\[435px\]{height:435px}.tw\:h-full{height:100%}.tw\:h-px{height:1px}.tw\:h-screen{height:100vh}.tw\:max-h-0{max-height:calc(var(--tw-spacing)*0)}.tw\:max-h-48{max-height:calc(var(--tw-spacing)*48)}.tw\:max-h-96{max-height:calc(var(--tw-spacing)*96)}.tw\:max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.tw\:max-h-\[90vh\]{max-height:90vh}.tw\:max-h-\[300px\]{max-height:300px}.tw\:max-h-\[350px\]{max-height:350px}.tw\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.tw\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height)}.tw\:min-h-6{min-height:calc(var(--tw-spacing)*6)}.tw\:min-h-12{min-height:calc(var(--tw-spacing)*12)}.tw\:min-h-\[30px\]{min-height:30px}.tw\:min-h-\[35px\]{min-height:35px}.tw\:min-h-\[90px\]{min-height:90px}.tw\:min-h-screen{min-height:100vh}.tw\:w-2{width:calc(var(--tw-spacing)*2)}.tw\:w-3{width:calc(var(--tw-spacing)*3)}.tw\:w-3\.5{width:calc(var(--tw-spacing)*3.5)}.tw\:w-3\/4{width:75%}.tw\:w-4{width:calc(var(--tw-spacing)*4)}.tw\:w-4\.5{width:calc(var(--tw-spacing)*4.5)}.tw\:w-5{width:calc(var(--tw-spacing)*5)}.tw\:w-7{width:calc(var(--tw-spacing)*7)}.tw\:w-9{width:calc(var(--tw-spacing)*9)}.tw\:w-10{width:calc(var(--tw-spacing)*10)}.tw\:w-11{width:calc(var(--tw-spacing)*11)}.tw\:w-72{width:calc(var(--tw-spacing)*72)}.tw\:w-\[1em\]{width:1em}.tw\:w-\[50px\]{width:50px}.tw\:w-\[60px\]{width:60px}.tw\:w-\[100px\]{width:100px}.tw\:w-\[240px\]{width:240px}.tw\:w-\[350px\]{width:350px}.tw\:w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.tw\:w-auto{width:auto}.tw\:w-fit{width:-moz-fit-content;width:fit-content}.tw\:w-full{width:100%}.tw\:w-px{width:1px}.tw\:max-w-2xl{max-width:var(--tw-container-2xl)}.tw\:max-w-3xl{max-width:var(--tw-container-3xl)}.tw\:max-w-7xl{max-width:var(--tw-container-7xl)}.tw\:max-w-\[350px\]{max-width:350px}.tw\:max-w-\[500px\]{max-width:500px}.tw\:max-w-\[600px\]{max-width:600px}.tw\:max-w-lg{max-width:var(--tw-container-lg)}.tw\:max-w-md{max-width:var(--tw-container-md)}.tw\:min-w-0{min-width:calc(var(--tw-spacing)*0)}.tw\:min-w-\[2ch\]{min-width:2ch}.tw\:min-w-\[8rem\]{min-width:8rem}.tw\:min-w-\[14px\]{min-width:14px}.tw\:min-w-\[50px\]{min-width:50px}.tw\:min-w-\[60px\]{min-width:60px}.tw\:min-w-\[100px\]{min-width:100px}.tw\:min-w-\[180px\]{min-width:180px}.tw\:min-w-\[200px\]{min-width:200px}.tw\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.tw\:min-w-\[var\(--tw-sidebar-width\)\]{min-width:var(--tw-sidebar-width)}.tw\:flex-1{flex:1 1}.tw\:flex-shrink-0,.tw\:shrink-0{flex-shrink:0}.tw\:grow{flex-grow:1}.tw\:border-collapse{border-collapse:collapse}.tw\:origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.tw\:origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.tw\:origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.tw\:origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.tw\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:rotate-180{rotate:180deg}.tw\:animate-spin{animation:var(--tw-animate-spin)}.tw\:like-link{cursor:pointer;color:var(--tw-color-primary);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:like-link:hover{opacity:.9;-webkit-text-decoration-line:underline;text-decoration-line:underline}.tw\:like-link:active:after{opacity:.5}.tw\:cursor-default{cursor:default}.tw\:cursor-not-allowed{cursor:not-allowed}.tw\:cursor-pointer{cursor:pointer}.tw\:touch-none{touch-action:none}.tw\:list-disc{list-style-type:disc}.tw\:list-none{list-style-type:none}.tw\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.tw\:flex-col{flex-direction:column}.tw\:flex-col-reverse{flex-direction:column-reverse}.tw\:flex-row{flex-direction:row}.tw\:flex-nowrap{flex-wrap:nowrap}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:items-start{align-items:flex-start}.tw\:items-stretch{align-items:stretch}.tw\:justify-between{justify-content:space-between}.tw\:justify-center{justify-content:center}.tw\:justify-end{justify-content:flex-end}.tw\:gap-0{gap:calc(var(--tw-spacing)*0)}.tw\:gap-1{gap:calc(var(--tw-spacing)*1)}.tw\:gap-1\.5{gap:calc(var(--tw-spacing)*1.5)}.tw\:gap-2{gap:calc(var(--tw-spacing)*2)}.tw\:gap-3{gap:calc(var(--tw-spacing)*3)}.tw\:gap-4{gap:calc(var(--tw-spacing)*4)}:where(.tw\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.tw\:gap-x-1{-moz-column-gap:calc(var(--tw-spacing)*1);column-gap:calc(var(--tw-spacing)*1)}.tw\:gap-x-4{-moz-column-gap:calc(var(--tw-spacing)*4);column-gap:calc(var(--tw-spacing)*4)}:where(.tw\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--tw-spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--tw-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.tw\:gap-y-3{row-gap:calc(var(--tw-spacing)*3)}.tw\:self-start{align-self:flex-start}.tw\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tw\:overflow-auto{overflow:auto}.tw\:overflow-hidden{overflow:hidden}.tw\:overflow-x-hidden{overflow-x:hidden}.tw\:overflow-y-auto{overflow-y:auto}.tw\:rounded{border-radius:var(--tw-radius)}.tw\:rounded-full{border-radius:3.40282e38px}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)}.tw\:rounded-md{border-radius:var(--tw-radius-md)}.tw\:rounded-none{border-radius:0}.tw\:rounded-sm{border-radius:var(--tw-radius-sm)}.tw\:rounded-xs{border-radius:var(--tw-radius-xs)}.tw\:rounded-l-md{border-top-left-radius:var(--tw-radius-md);border-bottom-left-radius:var(--tw-radius-md)}.tw\:rounded-r-md{border-top-right-radius:var(--tw-radius-md);border-bottom-right-radius:var(--tw-radius-md)}.tw\:border{border-style:var(--tw-border-style);border-width:1px}.tw\:border-0{border-style:var(--tw-border-style);border-width:0}.tw\:border-1{border-style:var(--tw-border-style);border-width:1px}.tw\:border-t,.tw\:border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.tw\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tw\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tw\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.tw\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.tw\:border-border{border-color:var(--tw-color-border)}.tw\:border-danger{border-color:var(--tw-color-danger)}.tw\:border-danger-border{border-color:var(--tw-color-danger-border)}.tw\:border-danger\/30{border-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:border-danger\/30{border-color:color-mix(in oklab,var(--tw-color-danger)30%,transparent)}}.tw\:border-danger\/40{border-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:border-danger\/40{border-color:color-mix(in oklab,var(--tw-color-danger)40%,transparent)}}.tw\:border-gray-200{border-color:var(--tw-color-gray-200)}.tw\:border-gray-300{border-color:var(--tw-color-gray-300)}.tw\:border-info,.tw\:border-info\/40{border-color:var(--tw-color-info)}@supports (color:color-mix(in lab, red, red)){.tw\:border-info\/40{border-color:color-mix(in oklab,var(--tw-color-info)40%,transparent)}}.tw\:border-input{border-color:var(--tw-color-input)}.tw\:border-primary,.tw\:border-primary\/30{border-color:var(--tw-color-primary)}@supports (color:color-mix(in lab, red, red)){.tw\:border-primary\/30{border-color:color-mix(in oklab,var(--tw-color-primary)30%,transparent)}}.tw\:border-ring{border-color:var(--tw-color-ring)}.tw\:border-secondary,.tw\:border-secondary\/30{border-color:var(--tw-color-secondary)}@supports (color:color-mix(in lab, red, red)){.tw\:border-secondary\/30{border-color:color-mix(in oklab,var(--tw-color-secondary)30%,transparent)}}.tw\:border-sidebar-border{border-color:var(--tw-color-sidebar-border)}.tw\:border-success,.tw\:border-success\/30{border-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.tw\:border-success\/30{border-color:color-mix(in oklab,var(--tw-color-success)30%,transparent)}}.tw\:border-success\/40{border-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.tw\:border-success\/40{border-color:color-mix(in oklab,var(--tw-color-success)40%,transparent)}}.tw\:border-tooltip-border{border-color:var(--tw-color-tooltip-border)}.tw\:border-transparent{border-color:#0000}.tw\:border-warning{border-color:var(--tw-color-warning)}.tw\:border-warning-border{border-color:var(--tw-color-warning-border)}.tw\:border-warning\/30{border-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:border-warning\/30{border-color:color-mix(in oklab,var(--tw-color-warning)30%,transparent)}}.tw\:border-warning\/60{border-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:border-warning\/60{border-color:color-mix(in oklab,var(--tw-color-warning)60%,transparent)}}.tw\:bg-background{background-color:var(--tw-color-background)}.tw\:bg-black\/80{background-color:var(--tw-color-black)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-black\/80{background-color:color-mix(in oklab,var(--tw-color-black)80%,transparent)}}.tw\:bg-card{background-color:var(--tw-color-card)}.tw\:bg-current{background-color:currentColor}.tw\:bg-danger,.tw\:bg-danger\/10{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-danger\/10{background-color:color-mix(in oklab,var(--tw-color-danger)10%,transparent)}}.tw\:bg-danger\/20{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-danger\/20{background-color:color-mix(in oklab,var(--tw-color-danger)20%,transparent)}}.tw\:bg-danger\/30{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-danger\/30{background-color:color-mix(in oklab,var(--tw-color-danger)30%,transparent)}}.tw\:bg-danger\/80{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-danger\/80{background-color:color-mix(in oklab,var(--tw-color-danger)80%,transparent)}}.tw\:bg-danger\/90{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-danger\/90{background-color:color-mix(in oklab,var(--tw-color-danger)90%,transparent)}}.tw\:bg-default{background-color:var(--tw-color-default)}.tw\:bg-gray-100{background-color:var(--tw-color-gray-100)}.tw\:bg-gray-200{background-color:var(--tw-color-gray-200)}.tw\:bg-gray-300{background-color:var(--tw-color-gray-300)}.tw\:bg-info,.tw\:bg-info\/10{background-color:var(--tw-color-info)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-info\/10{background-color:color-mix(in oklab,var(--tw-color-info)10%,transparent)}}.tw\:bg-muted{background-color:var(--tw-color-muted)}.tw\:bg-panel-1{background-color:var(--tw-color-panel-1)}.tw\:bg-panel-2{background-color:var(--tw-color-panel-2)}.tw\:bg-popover{background-color:var(--tw-color-popover)}.tw\:bg-popover-active{background-color:var(--tw-color-popover-active)}.tw\:bg-primary,.tw\:bg-primary\/20{background-color:var(--tw-color-primary)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-primary\/20{background-color:color-mix(in oklab,var(--tw-color-primary)20%,transparent)}}.tw\:bg-secondary{background-color:var(--tw-color-secondary)}.tw\:bg-secondary\!{background-color:var(--tw-color-secondary)!important}.tw\:bg-secondary\/20{background-color:var(--tw-color-secondary)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-secondary\/20{background-color:color-mix(in oklab,var(--tw-color-secondary)20%,transparent)}}.tw\:bg-sidebar{background-color:var(--tw-color-sidebar)}.tw\:bg-sidebar-active\!{background-color:var(--tw-color-sidebar-active)!important}.tw\:bg-success,.tw\:bg-success\/10{background-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-success\/10{background-color:color-mix(in oklab,var(--tw-color-success)10%,transparent)}}.tw\:bg-success\/20{background-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-success\/20{background-color:color-mix(in oklab,var(--tw-color-success)20%,transparent)}}.tw\:bg-tooltip\/95{background-color:var(--tw-color-tooltip)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-tooltip\/95{background-color:color-mix(in oklab,var(--tw-color-tooltip)95%,transparent)}}.tw\:bg-transparent{background-color:#0000}.tw\:bg-transparent\!{background-color:#0000!important}.tw\:bg-warning,.tw\:bg-warning\/10{background-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-warning\/10{background-color:color-mix(in oklab,var(--tw-color-warning)10%,transparent)}}.tw\:bg-warning\/20{background-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-warning\/20{background-color:color-mix(in oklab,var(--tw-color-warning)20%,transparent)}}.tw\:bg-warning\/90{background-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:bg-warning\/90{background-color:color-mix(in oklab,var(--tw-color-warning)90%,transparent)}}.tw\:bg-white{background-color:var(--tw-color-white)}.tw\:fill-current{fill:currentColor}.tw\:object-cover{-o-object-fit:cover;object-fit:cover}.tw\:p-0{padding:calc(var(--tw-spacing)*0)}.tw\:p-0\.5{padding:calc(var(--tw-spacing)*.5)}.tw\:p-1{padding:calc(var(--tw-spacing)*1)}.tw\:p-2{padding:calc(var(--tw-spacing)*2)}.tw\:p-3{padding:calc(var(--tw-spacing)*3)}.tw\:p-4{padding:calc(var(--tw-spacing)*4)}.tw\:p-5{padding:calc(var(--tw-spacing)*5)}.tw\:p-6{padding:calc(var(--tw-spacing)*6)}.tw\:p-8{padding:calc(var(--tw-spacing)*8)}.tw\:px-0{padding-inline:calc(var(--tw-spacing)*0)}.tw\:px-0\.5{padding-inline:calc(var(--tw-spacing)*.5)}.tw\:px-1{padding-inline:calc(var(--tw-spacing)*1)}.tw\:px-1\.5{padding-inline:calc(var(--tw-spacing)*1.5)}.tw\:px-2{padding-inline:calc(var(--tw-spacing)*2)}.tw\:px-3{padding-inline:calc(var(--tw-spacing)*3)}.tw\:px-3\.5{padding-inline:calc(var(--tw-spacing)*3.5)}.tw\:px-4{padding-inline:calc(var(--tw-spacing)*4)}.tw\:px-5{padding-inline:calc(var(--tw-spacing)*5)}.tw\:px-6{padding-inline:calc(var(--tw-spacing)*6)}.tw\:py-0{padding-block:calc(var(--tw-spacing)*0)}.tw\:py-0\.5{padding-block:calc(var(--tw-spacing)*.5)}.tw\:py-1{padding-block:calc(var(--tw-spacing)*1)}.tw\:py-1\.5{padding-block:calc(var(--tw-spacing)*1.5)}.tw\:py-2{padding-block:calc(var(--tw-spacing)*2)}.tw\:py-3{padding-block:calc(var(--tw-spacing)*3)}.tw\:py-4{padding-block:calc(var(--tw-spacing)*4)}.tw\:py-6{padding-block:calc(var(--tw-spacing)*6)}.tw\:pt-1{padding-top:calc(var(--tw-spacing)*1)}.tw\:pt-2{padding-top:calc(var(--tw-spacing)*2)}.tw\:pt-3{padding-top:calc(var(--tw-spacing)*3)}.tw\:pt-4{padding-top:calc(var(--tw-spacing)*4)}.tw\:pr-2{padding-right:calc(var(--tw-spacing)*2)}.tw\:pr-6{padding-right:calc(var(--tw-spacing)*6)}.tw\:pr-8{padding-right:calc(var(--tw-spacing)*8)}.tw\:pr-9{padding-right:calc(var(--tw-spacing)*9)}.tw\:pr-10{padding-right:calc(var(--tw-spacing)*10)}.tw\:pr-12{padding-right:calc(var(--tw-spacing)*12)}.tw\:pr-16{padding-right:calc(var(--tw-spacing)*16)}.tw\:pb-1{padding-bottom:calc(var(--tw-spacing)*1)}.tw\:pb-2{padding-bottom:calc(var(--tw-spacing)*2)}.tw\:pb-3{padding-bottom:calc(var(--tw-spacing)*3)}.tw\:pl-4{padding-left:calc(var(--tw-spacing)*4)}.tw\:pl-5{padding-left:calc(var(--tw-spacing)*5)}.tw\:pl-8{padding-left:calc(var(--tw-spacing)*8)}.tw\:text-center{text-align:center}.tw\:text-left{text-align:left}.tw\:text-left\!{text-align:left!important}.tw\:text-right{text-align:right}.tw\:font-mono{font-family:var(--tw-font-mono)}.tw\:text-2xl{font-size:var(--tw-text-2xl);line-height:var(--tw-leading,var(--tw-text-2xl--line-height))}.tw\:text-3xl{font-size:var(--tw-text-3xl);line-height:var(--tw-leading,var(--tw-text-3xl--line-height))}.tw\:text-4xl{font-size:var(--tw-text-4xl);line-height:var(--tw-leading,var(--tw-text-4xl--line-height))}.tw\:text-base{font-size:var(--tw-text-base);line-height:var(--tw-leading,var(--tw-text-base--line-height))}.tw\:text-lg{font-size:var(--tw-text-lg);line-height:var(--tw-leading,var(--tw-text-lg--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.tw\:text-xl{font-size:var(--tw-text-xl);line-height:var(--tw-leading,var(--tw-text-xl--line-height))}.tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height))}.tw\:text-\[0\.8rem\]{font-size:.8rem}.tw\:text-\[8px\]{font-size:8px}.tw\:text-\[10px\]{font-size:10px}.tw\:leading-none{--tw-leading:1;line-height:1}.tw\:leading-relaxed{--tw-leading:var(--tw-leading-relaxed);line-height:var(--tw-leading-relaxed)}.tw\:font-bold{--tw-font-weight:var(--tw-font-weight-bold);font-weight:var(--tw-font-weight-bold)}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}.tw\:font-normal{--tw-font-weight:var(--tw-font-weight-normal);font-weight:var(--tw-font-weight-normal)}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}.tw\:tracking-tight{--tw-tracking:var(--tw-tracking-tight);letter-spacing:var(--tw-tracking-tight)}.tw\:tracking-widest{--tw-tracking:var(--tw-tracking-widest);letter-spacing:var(--tw-tracking-widest)}.tw\:text-nowrap{text-wrap:nowrap}.tw\:break-words{overflow-wrap:break-word}.tw\:break-all{word-break:break-all}.tw\:whitespace-nowrap{white-space:nowrap}.tw\:whitespace-pre-wrap{white-space:pre-wrap}.tw\:text-black,.tw\:text-black\/90{color:var(--tw-color-black)}@supports (color:color-mix(in lab, red, red)){.tw\:text-black\/90{color:color-mix(in oklab,var(--tw-color-black)90%,transparent)}}.tw\:text-blue-500{color:var(--tw-color-blue-500)}.tw\:text-current{color:currentColor}.tw\:text-danger{color:var(--tw-color-danger)}.tw\:text-danger-foreground{color:var(--tw-color-danger-foreground)}.tw\:text-danger\/90\!{color:var(--tw-color-danger)!important}@supports (color:color-mix(in lab, red, red)){.tw\:text-danger\/90\!{color:color-mix(in oklab,var(--tw-color-danger)90%,transparent)!important}}.tw\:text-default-foreground{color:var(--tw-color-default-foreground)}.tw\:text-default\/90{color:var(--tw-color-default)}@supports (color:color-mix(in lab, red, red)){.tw\:text-default\/90{color:color-mix(in oklab,var(--tw-color-default)90%,transparent)}}.tw\:text-foreground{color:var(--tw-color-foreground)}.tw\:text-foreground\!{color:var(--tw-color-foreground)!important}.tw\:text-gray-300{color:var(--tw-color-gray-300)}.tw\:text-gray-400{color:var(--tw-color-gray-400)}.tw\:text-gray-500{color:var(--tw-color-gray-500)}.tw\:text-gray-600{color:var(--tw-color-gray-600)}.tw\:text-gray-800{color:var(--tw-color-gray-800)}.tw\:text-green-500{color:var(--tw-color-green-500)}.tw\:text-info{color:var(--tw-color-info)}.tw\:text-info-foreground{color:var(--tw-color-info-foreground)}.tw\:text-muted-foreground{color:var(--tw-color-muted-foreground)}.tw\:text-muted-foreground\!{color:var(--tw-color-muted-foreground)!important}.tw\:text-popover-foreground{color:var(--tw-color-popover-foreground)}.tw\:text-primary{color:var(--tw-color-primary)}.tw\:text-primary-foreground{color:var(--tw-color-primary-foreground)}.tw\:text-primary\/90{color:var(--tw-color-primary)}@supports (color:color-mix(in lab, red, red)){.tw\:text-primary\/90{color:color-mix(in oklab,var(--tw-color-primary)90%,transparent)}}.tw\:text-red-500{color:var(--tw-color-red-500)}.tw\:text-secondary{color:var(--tw-color-secondary)}.tw\:text-secondary-foreground{color:var(--tw-color-secondary-foreground)}.tw\:text-secondary-foreground\!{color:var(--tw-color-secondary-foreground)!important}.tw\:text-sidebar-foreground{color:var(--tw-color-sidebar-foreground)}.tw\:text-sidebar-foreground\!{color:var(--tw-color-sidebar-foreground)!important}.tw\:text-success{color:var(--tw-color-success)}.tw\:text-success-foreground{color:var(--tw-color-success-foreground)}.tw\:text-tooltip-foreground{color:var(--tw-color-tooltip-foreground)}.tw\:text-warning{color:var(--tw-color-warning)}.tw\:text-warning-foreground{color:var(--tw-color-warning-foreground)}.tw\:text-white,.tw\:text-white\/80{color:var(--tw-color-white)}@supports (color:color-mix(in lab, red, red)){.tw\:text-white\/80{color:color-mix(in oklab,var(--tw-color-white)80%,transparent)}}.tw\:text-yellow-500{color:var(--tw-color-yellow-500)}.tw\:lowercase{text-transform:lowercase}.tw\:normal-case{text-transform:none}.tw\:uppercase{text-transform:uppercase}.tw\:no-underline\!{-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.tw\:underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.tw\:opacity-0{opacity:0}.tw\:opacity-30{opacity:.3}.tw\:opacity-45{opacity:.45}.tw\:opacity-50{opacity:.5}.tw\:opacity-60{opacity:.6}.tw\:opacity-65{opacity:.65}.tw\:opacity-70{opacity:.7}.tw\:opacity-100{opacity:1}.tw\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.tw\:ring-offset-background{--tw-ring-offset-color:var(--tw-color-background)}.tw\:backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.tw\:transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tw\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tw\:animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.tw\:outline-none{--tw-outline-style:none;outline-style:none}.tw\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw\:\[--spinner-width\:1px\]{--spinner-width:1px}.tw\:\[--spinner-width\:2px\]{--spinner-width:2px}.tw\:\[--spinner-width\:3px\]{--spinner-width:3px}.tw\:\[--spinner-width\:4px\]{--spinner-width:4px}.tw\:duration-200{animation-duration:.2s}.tw\:duration-300{animation-duration:.3s}.tw\:fade-in,.tw\:fade-in-0{--tw-enter-opacity:0}.tw\:slide-in-from-bottom-4{--tw-enter-translate-y:r}.tw\:zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.tw\:group-hover\:opacity-100:is(:where(.tw\:group):hover *){opacity:1}}.tw\:peer-checked\:bg-success:is(:where(.tw\:peer):checked~*){background-color:var(--tw-color-success)}.tw\:peer-focus\:outline-none:is(:where(.tw\:peer):focus~*){--tw-outline-style:none;outline-style:none}.tw\:peer-disabled\:cursor-not-allowed:is(:where(.tw\:peer):disabled~*){cursor:not-allowed}.tw\:peer-disabled\:opacity-70:is(:where(.tw\:peer):disabled~*){opacity:.7}.tw\:placeholder\:text-muted-foreground::-moz-placeholder{color:var(--tw-color-muted-foreground)}.tw\:placeholder\:text-muted-foreground::placeholder{color:var(--tw-color-muted-foreground)}.tw\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.tw\:after\:absolute:after{content:var(--tw-content);position:absolute}.tw\:after\:inset-0:after{content:var(--tw-content);inset:calc(var(--tw-spacing)*0)}.tw\:after\:top-1\/4:after{content:var(--tw-content);top:25%}.tw\:after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.tw\:after\:right-4:after{content:var(--tw-content);right:calc(var(--tw-spacing)*4)}.tw\:after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.tw\:after\:block:after{content:var(--tw-content);display:block}.tw\:after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--tw-spacing)*2.5)}.tw\:after\:h-5:after{content:var(--tw-content);height:calc(var(--tw-spacing)*5)}.tw\:after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--tw-spacing)*2.5)}.tw\:after\:w-5:after{content:var(--tw-content);width:calc(var(--tw-spacing)*5)}.tw\:after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.tw\:after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.tw\:after\:border-0:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:0}.tw\:after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.tw\:after\:border-black\/10:after{content:var(--tw-content);border-color:var(--tw-color-black)}@supports (color:color-mix(in lab, red, red)){.tw\:after\:border-black\/10:after{border-color:color-mix(in oklab,var(--tw-color-black)10%,transparent)}}.tw\:after\:border-success:after{content:var(--tw-content);border-color:var(--tw-color-success)}.tw\:after\:bg-blue-500:after{content:var(--tw-content);background-color:var(--tw-color-blue-500)}.tw\:after\:bg-white:after{content:var(--tw-content);background-color:var(--tw-color-white)}.tw\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:after\:content-\[\"\"\]:after,.tw\:after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.tw\:peer-checked\:after\:translate-x-full:is(:where(.tw\:peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:odd\:bg-muted\/50:nth-child(odd){background-color:var(--tw-color-muted)}@supports (color:color-mix(in lab, red, red)){.tw\:odd\:bg-muted\/50:nth-child(odd){background-color:color-mix(in oklab,var(--tw-color-muted)50%,transparent)}}.tw\:-moz-read-only\:cursor-default:-moz-read-only{cursor:default}.tw\:read-only\:cursor-default:read-only{cursor:default}.tw\:-moz-read-only\:bg-muted:-moz-read-only{background-color:var(--tw-color-muted)}.tw\:read-only\:bg-muted:read-only{background-color:var(--tw-color-muted)}.tw\:focus-within\:relative:focus-within{position:relative}.tw\:focus-within\:z-20:focus-within{z-index:20}.tw\:focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus-within\:ring-ring:focus-within{--tw-ring-color:var(--tw-color-ring)}.tw\:focus-within\:ring-offset-0:focus-within{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.tw\:focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.tw\:hover\:border-danger:hover,.tw\:hover\:border-danger\/50:hover{border-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:border-danger\/50:hover{border-color:color-mix(in oklab,var(--tw-color-danger)50%,transparent)}}.tw\:hover\:border-primary:hover{border-color:var(--tw-color-primary)}.tw\:hover\:bg-default:hover{background-color:var(--tw-color-default)}.tw\:hover\:bg-muted:hover{background-color:var(--tw-color-muted)}.tw\:hover\:bg-popover-active:hover{background-color:var(--tw-color-popover-active)}.tw\:hover\:bg-secondary-foreground\/20:hover{background-color:var(--tw-color-secondary-foreground)}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:bg-secondary-foreground\/20:hover{background-color:color-mix(in oklab,var(--tw-color-secondary-foreground)20%,transparent)}}.tw\:hover\:bg-secondary\/10:hover{background-color:var(--tw-color-secondary)}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:bg-secondary\/10:hover{background-color:color-mix(in oklab,var(--tw-color-secondary)10%,transparent)}}.tw\:hover\:bg-sidebar-active:hover{background-color:var(--tw-color-sidebar-active)}.tw\:hover\:bg-sidebar-active\/50\!:hover{background-color:var(--tw-color-sidebar-active)!important}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:bg-sidebar-active\/50\!:hover{background-color:color-mix(in oklab,var(--tw-color-sidebar-active)50%,transparent)!important}}.tw\:hover\:bg-transparent:hover{background-color:#0000}.tw\:hover\:text-danger\!:hover{color:var(--tw-color-danger)!important}.tw\:hover\:text-danger\/80:hover{color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:text-danger\/80:hover{color:color-mix(in oklab,var(--tw-color-danger)80%,transparent)}}.tw\:hover\:text-default-foreground:hover{color:var(--tw-color-default-foreground)}.tw\:hover\:text-foreground:hover{color:var(--tw-color-foreground)}.tw\:hover\:no-underline\!:hover{-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.tw\:hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.tw\:hover\:opacity-100:hover{opacity:1}.tw\:hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:not-disabled\:hover\:bg-danger\/90:not(:disabled):hover{background-color:var(--tw-color-danger)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-danger\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-danger)90%,transparent)}}.tw\:not-disabled\:hover\:bg-default\/10:not(:disabled):hover{background-color:var(--tw-color-default)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-default\/10:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-default)10%,transparent)}}.tw\:not-disabled\:hover\:bg-gray-100:not(:disabled):hover{background-color:var(--tw-color-gray-100)}.tw\:not-disabled\:hover\:bg-info\/90:not(:disabled):hover{background-color:var(--tw-color-info)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-info\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-info)90%,transparent)}}.tw\:not-disabled\:hover\:bg-primary\/10:not(:disabled):hover{background-color:var(--tw-color-primary)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-primary\/10:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-primary)10%,transparent)}}.tw\:not-disabled\:hover\:bg-primary\/90:not(:disabled):hover{background-color:var(--tw-color-primary)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-primary\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-primary)90%,transparent)}}.tw\:not-disabled\:hover\:bg-secondary\/15:not(:disabled):hover{background-color:var(--tw-color-secondary)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-secondary\/15:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-secondary)15%,transparent)}}.tw\:not-disabled\:hover\:bg-secondary\/90:not(:disabled):hover{background-color:var(--tw-color-secondary)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-secondary\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-secondary)90%,transparent)}}.tw\:not-disabled\:hover\:bg-success\/90:not(:disabled):hover{background-color:var(--tw-color-success)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-success\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-success)90%,transparent)}}.tw\:not-disabled\:hover\:bg-warning\/90:not(:disabled):hover{background-color:var(--tw-color-warning)}@supports (color:color-mix(in lab, red, red)){.tw\:not-disabled\:hover\:bg-warning\/90:not(:disabled):hover{background-color:color-mix(in oklab,var(--tw-color-warning)90%,transparent)}}.tw\:not-data-\[disabled\=true\]\:hover\:border-ring\/50:not([data-disabled=true]):hover{border-color:var(--tw-color-ring)}@supports (color:color-mix(in lab, red, red)){.tw\:not-data-\[disabled\=true\]\:hover\:border-ring\/50:not([data-disabled=true]):hover{border-color:color-mix(in oklab,var(--tw-color-ring)50%,transparent)}}.tw\:not-data-\[disabled\=true\]\:hover\:text-foreground\!:not([data-disabled=true]):hover{color:var(--tw-color-foreground)!important}}.tw\:focus\:bg-popover-active:focus{background-color:var(--tw-color-popover-active)}.tw\:focus\:text-default-foreground:focus{color:var(--tw-color-default-foreground)}.tw\:focus\:no-underline\!:focus{-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.tw\:focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus\:ring-ring:focus{--tw-ring-color:var(--tw-color-ring)}.tw\:focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.tw\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.tw\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus-visible\:ring-danger:focus-visible{--tw-ring-color:var(--tw-color-danger)}.tw\:focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--tw-color-ring)}.tw\:focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.tw\:focus-visible\:ring-offset-d:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.tw\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tw\:active\:scale-\[0\.98\]:active{scale:.98}.tw\:disabled\:pointer-events-none:disabled{pointer-events:none}.tw\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.tw\:disabled\:opacity-50:disabled{opacity:.5}.tw\:data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.tw\:data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.tw\:data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--tw-color-muted-foreground)}.tw\:data-\[selected\=true\]\:bg-popover-active[data-selected=true]{background-color:var(--tw-color-popover-active)}.tw\:data-\[selected\=true\]\:text-default-foreground[data-selected=true]{color:var(--tw-color-default-foreground)}.tw\:data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--tw-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-2}.tw\:data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--tw-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:2}.tw\:data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--tw-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-2}.tw\:data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--tw-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:2}.tw\:data-\[state\=checked\]\:border-secondary[data-state=checked]{border-color:var(--tw-color-secondary)}.tw\:data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--tw-color-secondary)}.tw\:data-\[state\=checked\]\:text-secondary-foreground[data-state=checked]{color:var(--tw-color-secondary-foreground)}.tw\:data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.tw\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.tw\:data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.tw\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.tw\:data-\[state\=indeterminate\]\:border-secondary[data-state=indeterminate]{border-color:var(--tw-color-secondary)}.tw\:data-\[state\=indeterminate\]\:bg-secondary[data-state=indeterminate]{background-color:var(--tw-color-secondary)}.tw\:data-\[state\=indeterminate\]\:text-secondary-foreground[data-state=indeterminate]{color:var(--tw-color-secondary-foreground)}.tw\:data-\[state\=open\]\:bg-popover-active[data-state=open]{background-color:var(--tw-color-popover-active)}.tw\:data-\[state\=open\]\:text-default-foreground[data-state=open]{color:var(--tw-color-default-foreground)}.tw\:data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.tw\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.tw\:data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.tw\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:40rem){.tw\:sm\:flex-row{flex-direction:row}.tw\:sm\:items-center{align-items:center}.tw\:sm\:justify-end{justify-content:flex-end}.tw\:sm\:rounded-md{border-radius:var(--tw-radius-md)}.tw\:sm\:text-left{text-align:left}}@media (min-width:48rem){.tw\:md\:text-nowrap{text-wrap:nowrap}}.tw\:dark\:bg-gray-700:is(.dark *){background-color:var(--tw-color-gray-700)}.tw\:dark\:after\:border-white\/10:is(.dark *):after{content:var(--tw-content);border-color:var(--tw-color-white)}@supports (color:color-mix(in lab, red, red)){.tw\:dark\:after\:border-white\/10:is(.dark *):after{border-color:color-mix(in oklab,var(--tw-color-white)10%,transparent)}}.tw\:\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.tw\:\[\&_svg\]\:size-4 svg{width:calc(var(--tw-spacing)*4);height:calc(var(--tw-spacing)*4)}.tw\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.tw\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.tw\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.tw\:\[\&\>\:last-child\]\:mb-0>:last-child{margin-bottom:calc(var(--tw-spacing)*0)}.tw\:\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root{--base-100:#fbfcff;--base-200:#fff;--base-300:#e5e7eb;--base-content:#111827;--default:var(--base-100);--default-content:var(--base-content);--primary:#276bfd;--primary-content:#fff;--primary-border:#276bfd;--secondary:#1e1e1e;--secondary-content:#fff;--info:#06b6d4;--info-content:#fff;--success:#059f6c;--success-content:#fff;--danger:#dc2626;--danger-content:#fff;--danger-border:#bf2020;--warning:#ef9d0e;--warning-content:#000;--main:var(--base-100);--main-content:var(--base-content);--main-content-muted:#737983;--border:var(--base-300);--card:var(--base-200);--card-border:var(--base-300);--popover-background:var(--base-200);--popover-background-active:var(--base-300);--popover-border-color:var(--base-300);--tooltip-background:#151515;--tooltip-foreground:#fff;--tooltip-border-color:#151515;--panel-1:var(--base-200);--panel-border-1:var(--base-300);--panel-2:var(--base-300);--panel-border-2:var(--base-300);--sidebar-bg:#1e1e1e;--sidebar-content:#fff;--sidebar-active:#2a2a2a;--input:#e5e7eb;--ring:var(--secondary);--elevate-1:#00000008;--elevate-2:#00000014;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--shadow-2xs:0px 1px 2px 0px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a;--shadow:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px 0 #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #00000026;--shadow-2xl:0 25px 50px -12px #00000040}.dark{--base-100:#263038;--base-200:#222b32;--base-300:#1a2226;--base-content:#f3f3f3;--sidebar-bg:var(--base-300);--input:var(--base-100)}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--color-muted-foreground);pointer-events:none}.sidebar-item{align-items:center;gap:calc(var(--tw-spacing)*3);border-radius:var(--tw-radius-md);padding-inline:calc(var(--tw-spacing)*3);padding-block:calc(var(--tw-spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration));display:flex}@media (hover:hover){.sidebar-item:hover{background-color:var(--tw-color-sidebar-active)}}.sidebar-item-active{background-color:var(--tw-color-sidebar-active)}.status-online{background-color:#22c55e}.status-away{background-color:#f59e0b}.status-busy{background-color:#ef4444}.status-offline{background-color:#9ca3af}.workspace-canvas-grid{background-image:radial-gradient(circle,#d1d5db 1px,#0000 1px);background-position:0 0;background-size:20px 20px}.dark .workspace-canvas-grid{background-image:radial-gradient(circle,#374151 1px,#0000 1px)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, 'Font Awesome 6 Free');
  font-weight: var(--fa-style, 900);
}
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa-sharp-solid,
.fa-classic,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa);
}
.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free';
}
.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands';
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333333em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.07142857em;
  vertical-align: 0.05357143em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.04166667em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4,0,.6,1));
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4,0,.6,1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));;
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1,1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%,
  24% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30";
}
.fa-1 {
  --fa: "\31";
}
.fa-2 {
  --fa: "\32";
}
.fa-3 {
  --fa: "\33";
}
.fa-4 {
  --fa: "\34";
}
.fa-5 {
  --fa: "\35";
}
.fa-6 {
  --fa: "\36";
}
.fa-7 {
  --fa: "\37";
}
.fa-8 {
  --fa: "\38";
}
.fa-9 {
  --fa: "\39";
}
.fa-fill-drip {
  --fa: "\f576";
}
.fa-arrows-to-circle {
  --fa: "\e4bd";
}
.fa-circle-chevron-right {
  --fa: "\f138";
}
.fa-chevron-circle-right {
  --fa: "\f138";
}
.fa-at {
  --fa: "\40";
}
.fa-trash-can {
  --fa: "\f2ed";
}
.fa-trash-alt {
  --fa: "\f2ed";
}
.fa-text-height {
  --fa: "\f034";
}
.fa-user-xmark {
  --fa: "\f235";
}
.fa-user-times {
  --fa: "\f235";
}
.fa-stethoscope {
  --fa: "\f0f1";
}
.fa-message {
  --fa: "\f27a";
}
.fa-comment-alt {
  --fa: "\f27a";
}
.fa-info {
  --fa: "\f129";
}
.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}
.fa-compress-alt {
  --fa: "\f422";
}
.fa-explosion {
  --fa: "\e4e9";
}
.fa-file-lines {
  --fa: "\f15c";
}
.fa-file-alt {
  --fa: "\f15c";
}
.fa-file-text {
  --fa: "\f15c";
}
.fa-wave-square {
  --fa: "\f83e";
}
.fa-ring {
  --fa: "\f70b";
}
.fa-building-un {
  --fa: "\e4d9";
}
.fa-dice-three {
  --fa: "\f527";
}
.fa-calendar-days {
  --fa: "\f073";
}
.fa-calendar-alt {
  --fa: "\f073";
}
.fa-anchor-circle-check {
  --fa: "\e4aa";
}
.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}
.fa-volleyball {
  --fa: "\f45f";
}
.fa-volleyball-ball {
  --fa: "\f45f";
}
.fa-arrows-up-to-line {
  --fa: "\e4c2";
}
.fa-sort-down {
  --fa: "\f0dd";
}
.fa-sort-desc {
  --fa: "\f0dd";
}
.fa-circle-minus {
  --fa: "\f056";
}
.fa-minus-circle {
  --fa: "\f056";
}
.fa-door-open {
  --fa: "\f52b";
}
.fa-right-from-bracket {
  --fa: "\f2f5";
}
.fa-sign-out-alt {
  --fa: "\f2f5";
}
.fa-atom {
  --fa: "\f5d2";
}
.fa-soap {
  --fa: "\e06e";
}
.fa-icons {
  --fa: "\f86d";
}
.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}
.fa-microphone-lines-slash {
  --fa: "\f539";
}
.fa-microphone-alt-slash {
  --fa: "\f539";
}
.fa-bridge-circle-check {
  --fa: "\e4c9";
}
.fa-pump-medical {
  --fa: "\e06a";
}
.fa-fingerprint {
  --fa: "\f577";
}
.fa-hand-point-right {
  --fa: "\f0a4";
}
.fa-magnifying-glass-location {
  --fa: "\f689";
}
.fa-search-location {
  --fa: "\f689";
}
.fa-forward-step {
  --fa: "\f051";
}
.fa-step-forward {
  --fa: "\f051";
}
.fa-face-smile-beam {
  --fa: "\f5b8";
}
.fa-smile-beam {
  --fa: "\f5b8";
}
.fa-flag-checkered {
  --fa: "\f11e";
}
.fa-football {
  --fa: "\f44e";
}
.fa-football-ball {
  --fa: "\f44e";
}
.fa-school-circle-exclamation {
  --fa: "\e56c";
}
.fa-crop {
  --fa: "\f125";
}
.fa-angles-down {
  --fa: "\f103";
}
.fa-angle-double-down {
  --fa: "\f103";
}
.fa-users-rectangle {
  --fa: "\e594";
}
.fa-people-roof {
  --fa: "\e537";
}
.fa-people-line {
  --fa: "\e534";
}
.fa-beer-mug-empty {
  --fa: "\f0fc";
}
.fa-beer {
  --fa: "\f0fc";
}
.fa-diagram-predecessor {
  --fa: "\e477";
}
.fa-arrow-up-long {
  --fa: "\f176";
}
.fa-long-arrow-up {
  --fa: "\f176";
}
.fa-fire-flame-simple {
  --fa: "\f46a";
}
.fa-burn {
  --fa: "\f46a";
}
.fa-person {
  --fa: "\f183";
}
.fa-male {
  --fa: "\f183";
}
.fa-laptop {
  --fa: "\f109";
}
.fa-file-csv {
  --fa: "\f6dd";
}
.fa-menorah {
  --fa: "\f676";
}
.fa-truck-plane {
  --fa: "\e58f";
}
.fa-record-vinyl {
  --fa: "\f8d9";
}
.fa-face-grin-stars {
  --fa: "\f587";
}
.fa-grin-stars {
  --fa: "\f587";
}
.fa-bong {
  --fa: "\f55c";
}
.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}
.fa-pastafarianism {
  --fa: "\f67b";
}
.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}
.fa-spoon {
  --fa: "\f2e5";
}
.fa-utensil-spoon {
  --fa: "\f2e5";
}
.fa-jar-wheat {
  --fa: "\e517";
}
.fa-envelopes-bulk {
  --fa: "\f674";
}
.fa-mail-bulk {
  --fa: "\f674";
}
.fa-file-circle-exclamation {
  --fa: "\e4eb";
}
.fa-circle-h {
  --fa: "\f47e";
}
.fa-hospital-symbol {
  --fa: "\f47e";
}
.fa-pager {
  --fa: "\f815";
}
.fa-address-book {
  --fa: "\f2b9";
}
.fa-contact-book {
  --fa: "\f2b9";
}
.fa-strikethrough {
  --fa: "\f0cc";
}
.fa-k {
  --fa: "\4b";
}
.fa-landmark-flag {
  --fa: "\e51c";
}
.fa-pencil {
  --fa: "\f303";
}
.fa-pencil-alt {
  --fa: "\f303";
}
.fa-backward {
  --fa: "\f04a";
}
.fa-caret-right {
  --fa: "\f0da";
}
.fa-comments {
  --fa: "\f086";
}
.fa-paste {
  --fa: "\f0ea";
}
.fa-file-clipboard {
  --fa: "\f0ea";
}
.fa-code-pull-request {
  --fa: "\e13c";
}
.fa-clipboard-list {
  --fa: "\f46d";
}
.fa-truck-ramp-box {
  --fa: "\f4de";
}
.fa-truck-loading {
  --fa: "\f4de";
}
.fa-user-check {
  --fa: "\f4fc";
}
.fa-vial-virus {
  --fa: "\e597";
}
.fa-sheet-plastic {
  --fa: "\e571";
}
.fa-blog {
  --fa: "\f781";
}
.fa-user-ninja {
  --fa: "\f504";
}
.fa-person-arrow-up-from-line {
  --fa: "\e539";
}
.fa-scroll-torah {
  --fa: "\f6a0";
}
.fa-torah {
  --fa: "\f6a0";
}
.fa-broom-ball {
  --fa: "\f458";
}
.fa-quidditch {
  --fa: "\f458";
}
.fa-quidditch-broom-ball {
  --fa: "\f458";
}
.fa-toggle-off {
  --fa: "\f204";
}
.fa-box-archive {
  --fa: "\f187";
}
.fa-archive {
  --fa: "\f187";
}
.fa-person-drowning {
  --fa: "\e545";
}
.fa-arrow-down-9-1 {
  --fa: "\f886";
}
.fa-sort-numeric-desc {
  --fa: "\f886";
}
.fa-sort-numeric-down-alt {
  --fa: "\f886";
}
.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}
.fa-grin-tongue-squint {
  --fa: "\f58a";
}
.fa-spray-can {
  --fa: "\f5bd";
}
.fa-truck-monster {
  --fa: "\f63b";
}
.fa-w {
  --fa: "\57";
}
.fa-earth-africa {
  --fa: "\f57c";
}
.fa-globe-africa {
  --fa: "\f57c";
}
.fa-rainbow {
  --fa: "\f75b";
}
.fa-circle-notch {
  --fa: "\f1ce";
}
.fa-tablet-screen-button {
  --fa: "\f3fa";
}
.fa-tablet-alt {
  --fa: "\f3fa";
}
.fa-paw {
  --fa: "\f1b0";
}
.fa-cloud {
  --fa: "\f0c2";
}
.fa-trowel-bricks {
  --fa: "\e58a";
}
.fa-face-flushed {
  --fa: "\f579";
}
.fa-flushed {
  --fa: "\f579";
}
.fa-hospital-user {
  --fa: "\f80d";
}
.fa-tent-arrow-left-right {
  --fa: "\e57f";
}
.fa-gavel {
  --fa: "\f0e3";
}
.fa-legal {
  --fa: "\f0e3";
}
.fa-binoculars {
  --fa: "\f1e5";
}
.fa-microphone-slash {
  --fa: "\f131";
}
.fa-box-tissue {
  --fa: "\e05b";
}
.fa-motorcycle {
  --fa: "\f21c";
}
.fa-bell-concierge {
  --fa: "\f562";
}
.fa-concierge-bell {
  --fa: "\f562";
}
.fa-pen-ruler {
  --fa: "\f5ae";
}
.fa-pencil-ruler {
  --fa: "\f5ae";
}
.fa-people-arrows {
  --fa: "\e068";
}
.fa-people-arrows-left-right {
  --fa: "\e068";
}
.fa-mars-and-venus-burst {
  --fa: "\e523";
}
.fa-square-caret-right {
  --fa: "\f152";
}
.fa-caret-square-right {
  --fa: "\f152";
}
.fa-scissors {
  --fa: "\f0c4";
}
.fa-cut {
  --fa: "\f0c4";
}
.fa-sun-plant-wilt {
  --fa: "\e57a";
}
.fa-toilets-portable {
  --fa: "\e584";
}
.fa-hockey-puck {
  --fa: "\f453";
}
.fa-table {
  --fa: "\f0ce";
}
.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}
.fa-tachograph-digital {
  --fa: "\f566";
}
.fa-digital-tachograph {
  --fa: "\f566";
}
.fa-users-slash {
  --fa: "\e073";
}
.fa-clover {
  --fa: "\e139";
}
.fa-reply {
  --fa: "\f3e5";
}
.fa-mail-reply {
  --fa: "\f3e5";
}
.fa-star-and-crescent {
  --fa: "\f699";
}
.fa-house-fire {
  --fa: "\e50c";
}
.fa-square-minus {
  --fa: "\f146";
}
.fa-minus-square {
  --fa: "\f146";
}
.fa-helicopter {
  --fa: "\f533";
}
.fa-compass {
  --fa: "\f14e";
}
.fa-square-caret-down {
  --fa: "\f150";
}
.fa-caret-square-down {
  --fa: "\f150";
}
.fa-file-circle-question {
  --fa: "\e4ef";
}
.fa-laptop-code {
  --fa: "\f5fc";
}
.fa-swatchbook {
  --fa: "\f5c3";
}
.fa-prescription-bottle {
  --fa: "\f485";
}
.fa-bars {
  --fa: "\f0c9";
}
.fa-navicon {
  --fa: "\f0c9";
}
.fa-people-group {
  --fa: "\e533";
}
.fa-hourglass-end {
  --fa: "\f253";
}
.fa-hourglass-3 {
  --fa: "\f253";
}
.fa-heart-crack {
  --fa: "\f7a9";
}
.fa-heart-broken {
  --fa: "\f7a9";
}
.fa-square-up-right {
  --fa: "\f360";
}
.fa-external-link-square-alt {
  --fa: "\f360";
}
.fa-face-kiss-beam {
  --fa: "\f597";
}
.fa-kiss-beam {
  --fa: "\f597";
}
.fa-film {
  --fa: "\f008";
}
.fa-ruler-horizontal {
  --fa: "\f547";
}
.fa-people-robbery {
  --fa: "\e536";
}
.fa-lightbulb {
  --fa: "\f0eb";
}
.fa-caret-left {
  --fa: "\f0d9";
}
.fa-circle-exclamation {
  --fa: "\f06a";
}
.fa-exclamation-circle {
  --fa: "\f06a";
}
.fa-school-circle-xmark {
  --fa: "\e56d";
}
.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}
.fa-sign-out {
  --fa: "\f08b";
}
.fa-circle-chevron-down {
  --fa: "\f13a";
}
.fa-chevron-circle-down {
  --fa: "\f13a";
}
.fa-unlock-keyhole {
  --fa: "\f13e";
}
.fa-unlock-alt {
  --fa: "\f13e";
}
.fa-cloud-showers-heavy {
  --fa: "\f740";
}
.fa-headphones-simple {
  --fa: "\f58f";
}
.fa-headphones-alt {
  --fa: "\f58f";
}
.fa-sitemap {
  --fa: "\f0e8";
}
.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}
.fa-donate {
  --fa: "\f4b9";
}
.fa-memory {
  --fa: "\f538";
}
.fa-road-spikes {
  --fa: "\e568";
}
.fa-fire-burner {
  --fa: "\e4f1";
}
.fa-flag {
  --fa: "\f024";
}
.fa-hanukiah {
  --fa: "\f6e6";
}
.fa-feather {
  --fa: "\f52d";
}
.fa-volume-low {
  --fa: "\f027";
}
.fa-volume-down {
  --fa: "\f027";
}
.fa-comment-slash {
  --fa: "\f4b3";
}
.fa-cloud-sun-rain {
  --fa: "\f743";
}
.fa-compress {
  --fa: "\f066";
}
.fa-wheat-awn {
  --fa: "\e2cd";
}
.fa-wheat-alt {
  --fa: "\e2cd";
}
.fa-ankh {
  --fa: "\f644";
}
.fa-hands-holding-child {
  --fa: "\e4fa";
}
.fa-asterisk {
  --fa: "\2a";
}
.fa-square-check {
  --fa: "\f14a";
}
.fa-check-square {
  --fa: "\f14a";
}
.fa-peseta-sign {
  --fa: "\e221";
}
.fa-heading {
  --fa: "\f1dc";
}
.fa-header {
  --fa: "\f1dc";
}
.fa-ghost {
  --fa: "\f6e2";
}
.fa-list {
  --fa: "\f03a";
}
.fa-list-squares {
  --fa: "\f03a";
}
.fa-square-phone-flip {
  --fa: "\f87b";
}
.fa-phone-square-alt {
  --fa: "\f87b";
}
.fa-cart-plus {
  --fa: "\f217";
}
.fa-gamepad {
  --fa: "\f11b";
}
.fa-circle-dot {
  --fa: "\f192";
}
.fa-dot-circle {
  --fa: "\f192";
}
.fa-face-dizzy {
  --fa: "\f567";
}
.fa-dizzy {
  --fa: "\f567";
}
.fa-egg {
  --fa: "\f7fb";
}
.fa-house-medical-circle-xmark {
  --fa: "\e513";
}
.fa-campground {
  --fa: "\f6bb";
}
.fa-folder-plus {
  --fa: "\f65e";
}
.fa-futbol {
  --fa: "\f1e3";
}
.fa-futbol-ball {
  --fa: "\f1e3";
}
.fa-soccer-ball {
  --fa: "\f1e3";
}
.fa-paintbrush {
  --fa: "\f1fc";
}
.fa-paint-brush {
  --fa: "\f1fc";
}
.fa-lock {
  --fa: "\f023";
}
.fa-gas-pump {
  --fa: "\f52f";
}
.fa-hot-tub-person {
  --fa: "\f593";
}
.fa-hot-tub {
  --fa: "\f593";
}
.fa-map-location {
  --fa: "\f59f";
}
.fa-map-marked {
  --fa: "\f59f";
}
.fa-house-flood-water {
  --fa: "\e50e";
}
.fa-tree {
  --fa: "\f1bb";
}
.fa-bridge-lock {
  --fa: "\e4cc";
}
.fa-sack-dollar {
  --fa: "\f81d";
}
.fa-pen-to-square {
  --fa: "\f044";
}
.fa-edit {
  --fa: "\f044";
}
.fa-car-side {
  --fa: "\f5e4";
}
.fa-share-nodes {
  --fa: "\f1e0";
}
.fa-share-alt {
  --fa: "\f1e0";
}
.fa-heart-circle-minus {
  --fa: "\e4ff";
}
.fa-hourglass-half {
  --fa: "\f252";
}
.fa-hourglass-2 {
  --fa: "\f252";
}
.fa-microscope {
  --fa: "\f610";
}
.fa-sink {
  --fa: "\e06d";
}
.fa-bag-shopping {
  --fa: "\f290";
}
.fa-shopping-bag {
  --fa: "\f290";
}
.fa-arrow-down-z-a {
  --fa: "\f881";
}
.fa-sort-alpha-desc {
  --fa: "\f881";
}
.fa-sort-alpha-down-alt {
  --fa: "\f881";
}
.fa-mitten {
  --fa: "\f7b5";
}
.fa-person-rays {
  --fa: "\e54d";
}
.fa-users {
  --fa: "\f0c0";
}
.fa-eye-slash {
  --fa: "\f070";
}
.fa-flask-vial {
  --fa: "\e4f3";
}
.fa-hand {
  --fa: "\f256";
}
.fa-hand-paper {
  --fa: "\f256";
}
.fa-om {
  --fa: "\f679";
}
.fa-worm {
  --fa: "\e599";
}
.fa-house-circle-xmark {
  --fa: "\e50b";
}
.fa-plug {
  --fa: "\f1e6";
}
.fa-chevron-up {
  --fa: "\f077";
}
.fa-hand-spock {
  --fa: "\f259";
}
.fa-stopwatch {
  --fa: "\f2f2";
}
.fa-face-kiss {
  --fa: "\f596";
}
.fa-kiss {
  --fa: "\f596";
}
.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}
.fa-face-grin-tongue {
  --fa: "\f589";
}
.fa-grin-tongue {
  --fa: "\f589";
}
.fa-chess-bishop {
  --fa: "\f43a";
}
.fa-face-grin-wink {
  --fa: "\f58c";
}
.fa-grin-wink {
  --fa: "\f58c";
}
.fa-ear-deaf {
  --fa: "\f2a4";
}
.fa-deaf {
  --fa: "\f2a4";
}
.fa-deafness {
  --fa: "\f2a4";
}
.fa-hard-of-hearing {
  --fa: "\f2a4";
}
.fa-road-circle-check {
  --fa: "\e564";
}
.fa-dice-five {
  --fa: "\f523";
}
.fa-square-rss {
  --fa: "\f143";
}
.fa-rss-square {
  --fa: "\f143";
}
.fa-land-mine-on {
  --fa: "\e51b";
}
.fa-i-cursor {
  --fa: "\f246";
}
.fa-stamp {
  --fa: "\f5bf";
}
.fa-stairs {
  --fa: "\e289";
}
.fa-i {
  --fa: "\49";
}
.fa-hryvnia-sign {
  --fa: "\f6f2";
}
.fa-hryvnia {
  --fa: "\f6f2";
}
.fa-pills {
  --fa: "\f484";
}
.fa-face-grin-wide {
  --fa: "\f581";
}
.fa-grin-alt {
  --fa: "\f581";
}
.fa-tooth {
  --fa: "\f5c9";
}
.fa-v {
  --fa: "\56";
}
.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}
.fa-bicycle {
  --fa: "\f206";
}
.fa-staff-snake {
  --fa: "\e579";
}
.fa-rod-asclepius {
  --fa: "\e579";
}
.fa-rod-snake {
  --fa: "\e579";
}
.fa-staff-aesculapius {
  --fa: "\e579";
}
.fa-head-side-cough-slash {
  --fa: "\e062";
}
.fa-truck-medical {
  --fa: "\f0f9";
}
.fa-ambulance {
  --fa: "\f0f9";
}
.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}
.fa-snowman {
  --fa: "\f7d0";
}
.fa-mortar-pestle {
  --fa: "\f5a7";
}
.fa-road-barrier {
  --fa: "\e562";
}
.fa-school {
  --fa: "\f549";
}
.fa-igloo {
  --fa: "\f7ae";
}
.fa-joint {
  --fa: "\f595";
}
.fa-angle-right {
  --fa: "\f105";
}
.fa-horse {
  --fa: "\f6f0";
}
.fa-q {
  --fa: "\51";
}
.fa-g {
  --fa: "\47";
}
.fa-notes-medical {
  --fa: "\f481";
}
.fa-temperature-half {
  --fa: "\f2c9";
}
.fa-temperature-2 {
  --fa: "\f2c9";
}
.fa-thermometer-2 {
  --fa: "\f2c9";
}
.fa-thermometer-half {
  --fa: "\f2c9";
}
.fa-dong-sign {
  --fa: "\e169";
}
.fa-capsules {
  --fa: "\f46b";
}
.fa-poo-storm {
  --fa: "\f75a";
}
.fa-poo-bolt {
  --fa: "\f75a";
}
.fa-face-frown-open {
  --fa: "\f57a";
}
.fa-frown-open {
  --fa: "\f57a";
}
.fa-hand-point-up {
  --fa: "\f0a6";
}
.fa-money-bill {
  --fa: "\f0d6";
}
.fa-bookmark {
  --fa: "\f02e";
}
.fa-align-justify {
  --fa: "\f039";
}
.fa-umbrella-beach {
  --fa: "\f5ca";
}
.fa-helmet-un {
  --fa: "\e503";
}
.fa-bullseye {
  --fa: "\f140";
}
.fa-bacon {
  --fa: "\f7e5";
}
.fa-hand-point-down {
  --fa: "\f0a7";
}
.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}
.fa-folder {
  --fa: "\f07b";
}
.fa-folder-blank {
  --fa: "\f07b";
}
.fa-file-waveform {
  --fa: "\f478";
}
.fa-file-medical-alt {
  --fa: "\f478";
}
.fa-radiation {
  --fa: "\f7b9";
}
.fa-chart-simple {
  --fa: "\e473";
}
.fa-mars-stroke {
  --fa: "\f229";
}
.fa-vial {
  --fa: "\f492";
}
.fa-gauge {
  --fa: "\f624";
}
.fa-dashboard {
  --fa: "\f624";
}
.fa-gauge-med {
  --fa: "\f624";
}
.fa-tachometer-alt-average {
  --fa: "\f624";
}
.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}
.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}
.fa-e {
  --fa: "\45";
}
.fa-pen-clip {
  --fa: "\f305";
}
.fa-pen-alt {
  --fa: "\f305";
}
.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}
.fa-user {
  --fa: "\f007";
}
.fa-school-circle-check {
  --fa: "\e56b";
}
.fa-dumpster {
  --fa: "\f793";
}
.fa-van-shuttle {
  --fa: "\f5b6";
}
.fa-shuttle-van {
  --fa: "\f5b6";
}
.fa-building-user {
  --fa: "\e4da";
}
.fa-square-caret-left {
  --fa: "\f191";
}
.fa-caret-square-left {
  --fa: "\f191";
}
.fa-highlighter {
  --fa: "\f591";
}
.fa-key {
  --fa: "\f084";
}
.fa-bullhorn {
  --fa: "\f0a1";
}
.fa-globe {
  --fa: "\f0ac";
}
.fa-synagogue {
  --fa: "\f69b";
}
.fa-person-half-dress {
  --fa: "\e548";
}
.fa-road-bridge {
  --fa: "\e563";
}
.fa-location-arrow {
  --fa: "\f124";
}
.fa-c {
  --fa: "\43";
}
.fa-tablet-button {
  --fa: "\f10a";
}
.fa-building-lock {
  --fa: "\e4d6";
}
.fa-pizza-slice {
  --fa: "\f818";
}
.fa-money-bill-wave {
  --fa: "\f53a";
}
.fa-chart-area {
  --fa: "\f1fe";
}
.fa-area-chart {
  --fa: "\f1fe";
}
.fa-house-flag {
  --fa: "\e50d";
}
.fa-person-circle-minus {
  --fa: "\e540";
}
.fa-ban {
  --fa: "\f05e";
}
.fa-cancel {
  --fa: "\f05e";
}
.fa-camera-rotate {
  --fa: "\e0d8";
}
.fa-spray-can-sparkles {
  --fa: "\f5d0";
}
.fa-air-freshener {
  --fa: "\f5d0";
}
.fa-star {
  --fa: "\f005";
}
.fa-repeat {
  --fa: "\f363";
}
.fa-cross {
  --fa: "\f654";
}
.fa-box {
  --fa: "\f466";
}
.fa-venus-mars {
  --fa: "\f228";
}
.fa-arrow-pointer {
  --fa: "\f245";
}
.fa-mouse-pointer {
  --fa: "\f245";
}
.fa-maximize {
  --fa: "\f31e";
}
.fa-expand-arrows-alt {
  --fa: "\f31e";
}
.fa-charging-station {
  --fa: "\f5e7";
}
.fa-shapes {
  --fa: "\f61f";
}
.fa-triangle-circle-square {
  --fa: "\f61f";
}
.fa-shuffle {
  --fa: "\f074";
}
.fa-random {
  --fa: "\f074";
}
.fa-person-running {
  --fa: "\f70c";
}
.fa-running {
  --fa: "\f70c";
}
.fa-mobile-retro {
  --fa: "\e527";
}
.fa-grip-lines-vertical {
  --fa: "\f7a5";
}
.fa-spider {
  --fa: "\f717";
}
.fa-hands-bound {
  --fa: "\e4f9";
}
.fa-file-invoice-dollar {
  --fa: "\f571";
}
.fa-plane-circle-exclamation {
  --fa: "\e556";
}
.fa-x-ray {
  --fa: "\f497";
}
.fa-spell-check {
  --fa: "\f891";
}
.fa-slash {
  --fa: "\f715";
}
.fa-computer-mouse {
  --fa: "\f8cc";
}
.fa-mouse {
  --fa: "\f8cc";
}
.fa-arrow-right-to-bracket {
  --fa: "\f090";
}
.fa-sign-in {
  --fa: "\f090";
}
.fa-shop-slash {
  --fa: "\e070";
}
.fa-store-alt-slash {
  --fa: "\e070";
}
.fa-server {
  --fa: "\f233";
}
.fa-virus-covid-slash {
  --fa: "\e4a9";
}
.fa-shop-lock {
  --fa: "\e4a5";
}
.fa-hourglass-start {
  --fa: "\f251";
}
.fa-hourglass-1 {
  --fa: "\f251";
}
.fa-blender-phone {
  --fa: "\f6b6";
}
.fa-building-wheat {
  --fa: "\e4db";
}
.fa-person-breastfeeding {
  --fa: "\e53a";
}
.fa-right-to-bracket {
  --fa: "\f2f6";
}
.fa-sign-in-alt {
  --fa: "\f2f6";
}
.fa-venus {
  --fa: "\f221";
}
.fa-passport {
  --fa: "\f5ab";
}
.fa-thumbtack-slash {
  --fa: "\e68f";
}
.fa-thumb-tack-slash {
  --fa: "\e68f";
}
.fa-heart-pulse {
  --fa: "\f21e";
}
.fa-heartbeat {
  --fa: "\f21e";
}
.fa-people-carry-box {
  --fa: "\f4ce";
}
.fa-people-carry {
  --fa: "\f4ce";
}
.fa-temperature-high {
  --fa: "\f769";
}
.fa-microchip {
  --fa: "\f2db";
}
.fa-crown {
  --fa: "\f521";
}
.fa-weight-hanging {
  --fa: "\f5cd";
}
.fa-xmarks-lines {
  --fa: "\e59a";
}
.fa-file-prescription {
  --fa: "\f572";
}
.fa-weight-scale {
  --fa: "\f496";
}
.fa-weight {
  --fa: "\f496";
}
.fa-user-group {
  --fa: "\f500";
}
.fa-user-friends {
  --fa: "\f500";
}
.fa-arrow-up-a-z {
  --fa: "\f15e";
}
.fa-sort-alpha-up {
  --fa: "\f15e";
}
.fa-chess-knight {
  --fa: "\f441";
}
.fa-face-laugh-squint {
  --fa: "\f59b";
}
.fa-laugh-squint {
  --fa: "\f59b";
}
.fa-wheelchair {
  --fa: "\f193";
}
.fa-circle-arrow-up {
  --fa: "\f0aa";
}
.fa-arrow-circle-up {
  --fa: "\f0aa";
}
.fa-toggle-on {
  --fa: "\f205";
}
.fa-person-walking {
  --fa: "\f554";
}
.fa-walking {
  --fa: "\f554";
}
.fa-l {
  --fa: "\4c";
}
.fa-fire {
  --fa: "\f06d";
}
.fa-bed-pulse {
  --fa: "\f487";
}
.fa-procedures {
  --fa: "\f487";
}
.fa-shuttle-space {
  --fa: "\f197";
}
.fa-space-shuttle {
  --fa: "\f197";
}
.fa-face-laugh {
  --fa: "\f599";
}
.fa-laugh {
  --fa: "\f599";
}
.fa-folder-open {
  --fa: "\f07c";
}
.fa-heart-circle-plus {
  --fa: "\e500";
}
.fa-code-fork {
  --fa: "\e13b";
}
.fa-city {
  --fa: "\f64f";
}
.fa-microphone-lines {
  --fa: "\f3c9";
}
.fa-microphone-alt {
  --fa: "\f3c9";
}
.fa-pepper-hot {
  --fa: "\f816";
}
.fa-unlock {
  --fa: "\f09c";
}
.fa-colon-sign {
  --fa: "\e140";
}
.fa-headset {
  --fa: "\f590";
}
.fa-store-slash {
  --fa: "\e071";
}
.fa-road-circle-xmark {
  --fa: "\e566";
}
.fa-user-minus {
  --fa: "\f503";
}
.fa-mars-stroke-up {
  --fa: "\f22a";
}
.fa-mars-stroke-v {
  --fa: "\f22a";
}
.fa-champagne-glasses {
  --fa: "\f79f";
}
.fa-glass-cheers {
  --fa: "\f79f";
}
.fa-clipboard {
  --fa: "\f328";
}
.fa-house-circle-exclamation {
  --fa: "\e50a";
}
.fa-file-arrow-up {
  --fa: "\f574";
}
.fa-file-upload {
  --fa: "\f574";
}
.fa-wifi {
  --fa: "\f1eb";
}
.fa-wifi-3 {
  --fa: "\f1eb";
}
.fa-wifi-strong {
  --fa: "\f1eb";
}
.fa-bath {
  --fa: "\f2cd";
}
.fa-bathtub {
  --fa: "\f2cd";
}
.fa-underline {
  --fa: "\f0cd";
}
.fa-user-pen {
  --fa: "\f4ff";
}
.fa-user-edit {
  --fa: "\f4ff";
}
.fa-signature {
  --fa: "\f5b7";
}
.fa-stroopwafel {
  --fa: "\f551";
}
.fa-bold {
  --fa: "\f032";
}
.fa-anchor-lock {
  --fa: "\e4ad";
}
.fa-building-ngo {
  --fa: "\e4d7";
}
.fa-manat-sign {
  --fa: "\e1d5";
}
.fa-not-equal {
  --fa: "\f53e";
}
.fa-border-top-left {
  --fa: "\f853";
}
.fa-border-style {
  --fa: "\f853";
}
.fa-map-location-dot {
  --fa: "\f5a0";
}
.fa-map-marked-alt {
  --fa: "\f5a0";
}
.fa-jedi {
  --fa: "\f669";
}
.fa-square-poll-vertical {
  --fa: "\f681";
}
.fa-poll {
  --fa: "\f681";
}
.fa-mug-hot {
  --fa: "\f7b6";
}
.fa-car-battery {
  --fa: "\f5df";
}
.fa-battery-car {
  --fa: "\f5df";
}
.fa-gift {
  --fa: "\f06b";
}
.fa-dice-two {
  --fa: "\f528";
}
.fa-chess-queen {
  --fa: "\f445";
}
.fa-glasses {
  --fa: "\f530";
}
.fa-chess-board {
  --fa: "\f43c";
}
.fa-building-circle-check {
  --fa: "\e4d2";
}
.fa-person-chalkboard {
  --fa: "\e53d";
}
.fa-mars-stroke-right {
  --fa: "\f22b";
}
.fa-mars-stroke-h {
  --fa: "\f22b";
}
.fa-hand-back-fist {
  --fa: "\f255";
}
.fa-hand-rock {
  --fa: "\f255";
}
.fa-square-caret-up {
  --fa: "\f151";
}
.fa-caret-square-up {
  --fa: "\f151";
}
.fa-cloud-showers-water {
  --fa: "\e4e4";
}
.fa-chart-bar {
  --fa: "\f080";
}
.fa-bar-chart {
  --fa: "\f080";
}
.fa-hands-bubbles {
  --fa: "\e05e";
}
.fa-hands-wash {
  --fa: "\e05e";
}
.fa-less-than-equal {
  --fa: "\f537";
}
.fa-train {
  --fa: "\f238";
}
.fa-eye-low-vision {
  --fa: "\f2a8";
}
.fa-low-vision {
  --fa: "\f2a8";
}
.fa-crow {
  --fa: "\f520";
}
.fa-sailboat {
  --fa: "\e445";
}
.fa-window-restore {
  --fa: "\f2d2";
}
.fa-square-plus {
  --fa: "\f0fe";
}
.fa-plus-square {
  --fa: "\f0fe";
}
.fa-torii-gate {
  --fa: "\f6a1";
}
.fa-frog {
  --fa: "\f52e";
}
.fa-bucket {
  --fa: "\e4cf";
}
.fa-image {
  --fa: "\f03e";
}
.fa-microphone {
  --fa: "\f130";
}
.fa-cow {
  --fa: "\f6c8";
}
.fa-caret-up {
  --fa: "\f0d8";
}
.fa-screwdriver {
  --fa: "\f54a";
}
.fa-folder-closed {
  --fa: "\e185";
}
.fa-house-tsunami {
  --fa: "\e515";
}
.fa-square-nfi {
  --fa: "\e576";
}
.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}
.fa-martini-glass {
  --fa: "\f57b";
}
.fa-glass-martini-alt {
  --fa: "\f57b";
}
.fa-square-binary {
  --fa: "\e69b";
}
.fa-rotate-left {
  --fa: "\f2ea";
}
.fa-rotate-back {
  --fa: "\f2ea";
}
.fa-rotate-backward {
  --fa: "\f2ea";
}
.fa-undo-alt {
  --fa: "\f2ea";
}
.fa-table-columns {
  --fa: "\f0db";
}
.fa-columns {
  --fa: "\f0db";
}
.fa-lemon {
  --fa: "\f094";
}
.fa-head-side-mask {
  --fa: "\e063";
}
.fa-handshake {
  --fa: "\f2b5";
}
.fa-gem {
  --fa: "\f3a5";
}
.fa-dolly {
  --fa: "\f472";
}
.fa-dolly-box {
  --fa: "\f472";
}
.fa-smoking {
  --fa: "\f48d";
}
.fa-minimize {
  --fa: "\f78c";
}
.fa-compress-arrows-alt {
  --fa: "\f78c";
}
.fa-monument {
  --fa: "\f5a6";
}
.fa-snowplow {
  --fa: "\f7d2";
}
.fa-angles-right {
  --fa: "\f101";
}
.fa-angle-double-right {
  --fa: "\f101";
}
.fa-cannabis {
  --fa: "\f55f";
}
.fa-circle-play {
  --fa: "\f144";
}
.fa-play-circle {
  --fa: "\f144";
}
.fa-tablets {
  --fa: "\f490";
}
.fa-ethernet {
  --fa: "\f796";
}
.fa-euro-sign {
  --fa: "\f153";
}
.fa-eur {
  --fa: "\f153";
}
.fa-euro {
  --fa: "\f153";
}
.fa-chair {
  --fa: "\f6c0";
}
.fa-circle-check {
  --fa: "\f058";
}
.fa-check-circle {
  --fa: "\f058";
}
.fa-circle-stop {
  --fa: "\f28d";
}
.fa-stop-circle {
  --fa: "\f28d";
}
.fa-compass-drafting {
  --fa: "\f568";
}
.fa-drafting-compass {
  --fa: "\f568";
}
.fa-plate-wheat {
  --fa: "\e55a";
}
.fa-icicles {
  --fa: "\f7ad";
}
.fa-person-shelter {
  --fa: "\e54f";
}
.fa-neuter {
  --fa: "\f22c";
}
.fa-id-badge {
  --fa: "\f2c1";
}
.fa-marker {
  --fa: "\f5a1";
}
.fa-face-laugh-beam {
  --fa: "\f59a";
}
.fa-laugh-beam {
  --fa: "\f59a";
}
.fa-helicopter-symbol {
  --fa: "\e502";
}
.fa-universal-access {
  --fa: "\f29a";
}
.fa-circle-chevron-up {
  --fa: "\f139";
}
.fa-chevron-circle-up {
  --fa: "\f139";
}
.fa-lari-sign {
  --fa: "\e1c8";
}
.fa-volcano {
  --fa: "\f770";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}
.fa-sterling-sign {
  --fa: "\f154";
}
.fa-gbp {
  --fa: "\f154";
}
.fa-pound-sign {
  --fa: "\f154";
}
.fa-viruses {
  --fa: "\e076";
}
.fa-square-person-confined {
  --fa: "\e577";
}
.fa-user-tie {
  --fa: "\f508";
}
.fa-arrow-down-long {
  --fa: "\f175";
}
.fa-long-arrow-down {
  --fa: "\f175";
}
.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}
.fa-certificate {
  --fa: "\f0a3";
}
.fa-reply-all {
  --fa: "\f122";
}
.fa-mail-reply-all {
  --fa: "\f122";
}
.fa-suitcase {
  --fa: "\f0f2";
}
.fa-person-skating {
  --fa: "\f7c5";
}
.fa-skating {
  --fa: "\f7c5";
}
.fa-filter-circle-dollar {
  --fa: "\f662";
}
.fa-funnel-dollar {
  --fa: "\f662";
}
.fa-camera-retro {
  --fa: "\f083";
}
.fa-circle-arrow-down {
  --fa: "\f0ab";
}
.fa-arrow-circle-down {
  --fa: "\f0ab";
}
.fa-file-import {
  --fa: "\f56f";
}
.fa-arrow-right-to-file {
  --fa: "\f56f";
}
.fa-square-arrow-up-right {
  --fa: "\f14c";
}
.fa-external-link-square {
  --fa: "\f14c";
}
.fa-box-open {
  --fa: "\f49e";
}
.fa-scroll {
  --fa: "\f70e";
}
.fa-spa {
  --fa: "\f5bb";
}
.fa-location-pin-lock {
  --fa: "\e51f";
}
.fa-pause {
  --fa: "\f04c";
}
.fa-hill-avalanche {
  --fa: "\e507";
}
.fa-temperature-empty {
  --fa: "\f2cb";
}
.fa-temperature-0 {
  --fa: "\f2cb";
}
.fa-thermometer-0 {
  --fa: "\f2cb";
}
.fa-thermometer-empty {
  --fa: "\f2cb";
}
.fa-bomb {
  --fa: "\f1e2";
}
.fa-registered {
  --fa: "\f25d";
}
.fa-address-card {
  --fa: "\f2bb";
}
.fa-contact-card {
  --fa: "\f2bb";
}
.fa-vcard {
  --fa: "\f2bb";
}
.fa-scale-unbalanced-flip {
  --fa: "\f516";
}
.fa-balance-scale-right {
  --fa: "\f516";
}
.fa-subscript {
  --fa: "\f12c";
}
.fa-diamond-turn-right {
  --fa: "\f5eb";
}
.fa-directions {
  --fa: "\f5eb";
}
.fa-burst {
  --fa: "\e4dc";
}
.fa-house-laptop {
  --fa: "\e066";
}
.fa-laptop-house {
  --fa: "\e066";
}
.fa-face-tired {
  --fa: "\f5c8";
}
.fa-tired {
  --fa: "\f5c8";
}
.fa-money-bills {
  --fa: "\e1f3";
}
.fa-smog {
  --fa: "\f75f";
}
.fa-crutch {
  --fa: "\f7f7";
}
.fa-cloud-arrow-up {
  --fa: "\f0ee";
}
.fa-cloud-upload {
  --fa: "\f0ee";
}
.fa-cloud-upload-alt {
  --fa: "\f0ee";
}
.fa-palette {
  --fa: "\f53f";
}
.fa-arrows-turn-right {
  --fa: "\e4c0";
}
.fa-vest {
  --fa: "\e085";
}
.fa-ferry {
  --fa: "\e4ea";
}
.fa-arrows-down-to-people {
  --fa: "\e4b9";
}
.fa-seedling {
  --fa: "\f4d8";
}
.fa-sprout {
  --fa: "\f4d8";
}
.fa-left-right {
  --fa: "\f337";
}
.fa-arrows-alt-h {
  --fa: "\f337";
}
.fa-boxes-packing {
  --fa: "\e4c7";
}
.fa-circle-arrow-left {
  --fa: "\f0a8";
}
.fa-arrow-circle-left {
  --fa: "\f0a8";
}
.fa-group-arrows-rotate {
  --fa: "\e4f6";
}
.fa-bowl-food {
  --fa: "\e4c6";
}
.fa-candy-cane {
  --fa: "\f786";
}
.fa-arrow-down-wide-short {
  --fa: "\f160";
}
.fa-sort-amount-asc {
  --fa: "\f160";
}
.fa-sort-amount-down {
  --fa: "\f160";
}
.fa-cloud-bolt {
  --fa: "\f76c";
}
.fa-thunderstorm {
  --fa: "\f76c";
}
.fa-text-slash {
  --fa: "\f87d";
}
.fa-remove-format {
  --fa: "\f87d";
}
.fa-face-smile-wink {
  --fa: "\f4da";
}
.fa-smile-wink {
  --fa: "\f4da";
}
.fa-file-word {
  --fa: "\f1c2";
}
.fa-file-powerpoint {
  --fa: "\f1c4";
}
.fa-arrows-left-right {
  --fa: "\f07e";
}
.fa-arrows-h {
  --fa: "\f07e";
}
.fa-house-lock {
  --fa: "\e510";
}
.fa-cloud-arrow-down {
  --fa: "\f0ed";
}
.fa-cloud-download {
  --fa: "\f0ed";
}
.fa-cloud-download-alt {
  --fa: "\f0ed";
}
.fa-children {
  --fa: "\e4e1";
}
.fa-chalkboard {
  --fa: "\f51b";
}
.fa-blackboard {
  --fa: "\f51b";
}
.fa-user-large-slash {
  --fa: "\f4fa";
}
.fa-user-alt-slash {
  --fa: "\f4fa";
}
.fa-envelope-open {
  --fa: "\f2b6";
}
.fa-handshake-simple-slash {
  --fa: "\e05f";
}
.fa-handshake-alt-slash {
  --fa: "\e05f";
}
.fa-mattress-pillow {
  --fa: "\e525";
}
.fa-guarani-sign {
  --fa: "\e19a";
}
.fa-arrows-rotate {
  --fa: "\f021";
}
.fa-refresh {
  --fa: "\f021";
}
.fa-sync {
  --fa: "\f021";
}
.fa-fire-extinguisher {
  --fa: "\f134";
}
.fa-cruzeiro-sign {
  --fa: "\e152";
}
.fa-greater-than-equal {
  --fa: "\f532";
}
.fa-shield-halved {
  --fa: "\f3ed";
}
.fa-shield-alt {
  --fa: "\f3ed";
}
.fa-book-atlas {
  --fa: "\f558";
}
.fa-atlas {
  --fa: "\f558";
}
.fa-virus {
  --fa: "\e074";
}
.fa-envelope-circle-check {
  --fa: "\e4e8";
}
.fa-layer-group {
  --fa: "\f5fd";
}
.fa-arrows-to-dot {
  --fa: "\e4be";
}
.fa-archway {
  --fa: "\f557";
}
.fa-heart-circle-check {
  --fa: "\e4fd";
}
.fa-house-chimney-crack {
  --fa: "\f6f1";
}
.fa-house-damage {
  --fa: "\f6f1";
}
.fa-file-zipper {
  --fa: "\f1c6";
}
.fa-file-archive {
  --fa: "\f1c6";
}
.fa-square {
  --fa: "\f0c8";
}
.fa-martini-glass-empty {
  --fa: "\f000";
}
.fa-glass-martini {
  --fa: "\f000";
}
.fa-couch {
  --fa: "\f4b8";
}
.fa-cedi-sign {
  --fa: "\e0df";
}
.fa-italic {
  --fa: "\f033";
}
.fa-table-cells-column-lock {
  --fa: "\e678";
}
.fa-church {
  --fa: "\f51d";
}
.fa-comments-dollar {
  --fa: "\f653";
}
.fa-democrat {
  --fa: "\f747";
}
.fa-z {
  --fa: "\5a";
}
.fa-person-skiing {
  --fa: "\f7c9";
}
.fa-skiing {
  --fa: "\f7c9";
}
.fa-road-lock {
  --fa: "\e567";
}
.fa-a {
  --fa: "\41";
}
.fa-temperature-arrow-down {
  --fa: "\e03f";
}
.fa-temperature-down {
  --fa: "\e03f";
}
.fa-feather-pointed {
  --fa: "\f56b";
}
.fa-feather-alt {
  --fa: "\f56b";
}
.fa-p {
  --fa: "\50";
}
.fa-snowflake {
  --fa: "\f2dc";
}
.fa-newspaper {
  --fa: "\f1ea";
}
.fa-rectangle-ad {
  --fa: "\f641";
}
.fa-ad {
  --fa: "\f641";
}
.fa-circle-arrow-right {
  --fa: "\f0a9";
}
.fa-arrow-circle-right {
  --fa: "\f0a9";
}
.fa-filter-circle-xmark {
  --fa: "\e17b";
}
.fa-locust {
  --fa: "\e520";
}
.fa-sort {
  --fa: "\f0dc";
}
.fa-unsorted {
  --fa: "\f0dc";
}
.fa-list-ol {
  --fa: "\f0cb";
}
.fa-list-1-2 {
  --fa: "\f0cb";
}
.fa-list-numeric {
  --fa: "\f0cb";
}
.fa-person-dress-burst {
  --fa: "\e544";
}
.fa-money-check-dollar {
  --fa: "\f53d";
}
.fa-money-check-alt {
  --fa: "\f53d";
}
.fa-vector-square {
  --fa: "\f5cb";
}
.fa-bread-slice {
  --fa: "\f7ec";
}
.fa-language {
  --fa: "\f1ab";
}
.fa-face-kiss-wink-heart {
  --fa: "\f598";
}
.fa-kiss-wink-heart {
  --fa: "\f598";
}
.fa-filter {
  --fa: "\f0b0";
}
.fa-question {
  --fa: "\3f";
}
.fa-file-signature {
  --fa: "\f573";
}
.fa-up-down-left-right {
  --fa: "\f0b2";
}
.fa-arrows-alt {
  --fa: "\f0b2";
}
.fa-house-chimney-user {
  --fa: "\e065";
}
.fa-hand-holding-heart {
  --fa: "\f4be";
}
.fa-puzzle-piece {
  --fa: "\f12e";
}
.fa-money-check {
  --fa: "\f53c";
}
.fa-star-half-stroke {
  --fa: "\f5c0";
}
.fa-star-half-alt {
  --fa: "\f5c0";
}
.fa-code {
  --fa: "\f121";
}
.fa-whiskey-glass {
  --fa: "\f7a0";
}
.fa-glass-whiskey {
  --fa: "\f7a0";
}
.fa-building-circle-exclamation {
  --fa: "\e4d3";
}
.fa-magnifying-glass-chart {
  --fa: "\e522";
}
.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}
.fa-external-link {
  --fa: "\f08e";
}
.fa-cubes-stacked {
  --fa: "\e4e6";
}
.fa-won-sign {
  --fa: "\f159";
}
.fa-krw {
  --fa: "\f159";
}
.fa-won {
  --fa: "\f159";
}
.fa-virus-covid {
  --fa: "\e4a8";
}
.fa-austral-sign {
  --fa: "\e0a9";
}
.fa-f {
  --fa: "\46";
}
.fa-leaf {
  --fa: "\f06c";
}
.fa-road {
  --fa: "\f018";
}
.fa-taxi {
  --fa: "\f1ba";
}
.fa-cab {
  --fa: "\f1ba";
}
.fa-person-circle-plus {
  --fa: "\e541";
}
.fa-chart-pie {
  --fa: "\f200";
}
.fa-pie-chart {
  --fa: "\f200";
}
.fa-bolt-lightning {
  --fa: "\e0b7";
}
.fa-sack-xmark {
  --fa: "\e56a";
}
.fa-file-excel {
  --fa: "\f1c3";
}
.fa-file-contract {
  --fa: "\f56c";
}
.fa-fish-fins {
  --fa: "\e4f2";
}
.fa-building-flag {
  --fa: "\e4d5";
}
.fa-face-grin-beam {
  --fa: "\f582";
}
.fa-grin-beam {
  --fa: "\f582";
}
.fa-object-ungroup {
  --fa: "\f248";
}
.fa-poop {
  --fa: "\f619";
}
.fa-location-pin {
  --fa: "\f041";
}
.fa-map-marker {
  --fa: "\f041";
}
.fa-kaaba {
  --fa: "\f66b";
}
.fa-toilet-paper {
  --fa: "\f71e";
}
.fa-helmet-safety {
  --fa: "\f807";
}
.fa-hard-hat {
  --fa: "\f807";
}
.fa-hat-hard {
  --fa: "\f807";
}
.fa-eject {
  --fa: "\f052";
}
.fa-circle-right {
  --fa: "\f35a";
}
.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}
.fa-plane-circle-check {
  --fa: "\e555";
}
.fa-face-rolling-eyes {
  --fa: "\f5a5";
}
.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}
.fa-object-group {
  --fa: "\f247";
}
.fa-chart-line {
  --fa: "\f201";
}
.fa-line-chart {
  --fa: "\f201";
}
.fa-mask-ventilator {
  --fa: "\e524";
}
.fa-arrow-right {
  --fa: "\f061";
}
.fa-signs-post {
  --fa: "\f277";
}
.fa-map-signs {
  --fa: "\f277";
}
.fa-cash-register {
  --fa: "\f788";
}
.fa-person-circle-question {
  --fa: "\e542";
}
.fa-h {
  --fa: "\48";
}
.fa-tarp {
  --fa: "\e57b";
}
.fa-screwdriver-wrench {
  --fa: "\f7d9";
}
.fa-tools {
  --fa: "\f7d9";
}
.fa-arrows-to-eye {
  --fa: "\e4bf";
}
.fa-plug-circle-bolt {
  --fa: "\e55b";
}
.fa-heart {
  --fa: "\f004";
}
.fa-mars-and-venus {
  --fa: "\f224";
}
.fa-house-user {
  --fa: "\e1b0";
}
.fa-home-user {
  --fa: "\e1b0";
}
.fa-dumpster-fire {
  --fa: "\f794";
}
.fa-house-crack {
  --fa: "\e3b1";
}
.fa-martini-glass-citrus {
  --fa: "\f561";
}
.fa-cocktail {
  --fa: "\f561";
}
.fa-face-surprise {
  --fa: "\f5c2";
}
.fa-surprise {
  --fa: "\f5c2";
}
.fa-bottle-water {
  --fa: "\e4c5";
}
.fa-circle-pause {
  --fa: "\f28b";
}
.fa-pause-circle {
  --fa: "\f28b";
}
.fa-toilet-paper-slash {
  --fa: "\e072";
}
.fa-apple-whole {
  --fa: "\f5d1";
}
.fa-apple-alt {
  --fa: "\f5d1";
}
.fa-kitchen-set {
  --fa: "\e51a";
}
.fa-r {
  --fa: "\52";
}
.fa-temperature-quarter {
  --fa: "\f2ca";
}
.fa-temperature-1 {
  --fa: "\f2ca";
}
.fa-thermometer-1 {
  --fa: "\f2ca";
}
.fa-thermometer-quarter {
  --fa: "\f2ca";
}
.fa-cube {
  --fa: "\f1b2";
}
.fa-bitcoin-sign {
  --fa: "\e0b4";
}
.fa-shield-dog {
  --fa: "\e573";
}
.fa-solar-panel {
  --fa: "\f5ba";
}
.fa-lock-open {
  --fa: "\f3c1";
}
.fa-elevator {
  --fa: "\e16d";
}
.fa-money-bill-transfer {
  --fa: "\e528";
}
.fa-money-bill-trend-up {
  --fa: "\e529";
}
.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}
.fa-square-poll-horizontal {
  --fa: "\f682";
}
.fa-poll-h {
  --fa: "\f682";
}
.fa-circle {
  --fa: "\f111";
}
.fa-backward-fast {
  --fa: "\f049";
}
.fa-fast-backward {
  --fa: "\f049";
}
.fa-recycle {
  --fa: "\f1b8";
}
.fa-user-astronaut {
  --fa: "\f4fb";
}
.fa-plane-slash {
  --fa: "\e069";
}
.fa-trademark {
  --fa: "\f25c";
}
.fa-basketball {
  --fa: "\f434";
}
.fa-basketball-ball {
  --fa: "\f434";
}
.fa-satellite-dish {
  --fa: "\f7c0";
}
.fa-circle-up {
  --fa: "\f35b";
}
.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}
.fa-mobile-screen-button {
  --fa: "\f3cd";
}
.fa-mobile-alt {
  --fa: "\f3cd";
}
.fa-volume-high {
  --fa: "\f028";
}
.fa-volume-up {
  --fa: "\f028";
}
.fa-users-rays {
  --fa: "\e593";
}
.fa-wallet {
  --fa: "\f555";
}
.fa-clipboard-check {
  --fa: "\f46c";
}
.fa-file-audio {
  --fa: "\f1c7";
}
.fa-burger {
  --fa: "\f805";
}
.fa-hamburger {
  --fa: "\f805";
}
.fa-wrench {
  --fa: "\f0ad";
}
.fa-bugs {
  --fa: "\e4d0";
}
.fa-rupee-sign {
  --fa: "\f156";
}
.fa-rupee {
  --fa: "\f156";
}
.fa-file-image {
  --fa: "\f1c5";
}
.fa-circle-question {
  --fa: "\f059";
}
.fa-question-circle {
  --fa: "\f059";
}
.fa-plane-departure {
  --fa: "\f5b0";
}
.fa-handshake-slash {
  --fa: "\e060";
}
.fa-book-bookmark {
  --fa: "\e0bb";
}
.fa-code-branch {
  --fa: "\f126";
}
.fa-hat-cowboy {
  --fa: "\f8c0";
}
.fa-bridge {
  --fa: "\e4c8";
}
.fa-phone-flip {
  --fa: "\f879";
}
.fa-phone-alt {
  --fa: "\f879";
}
.fa-truck-front {
  --fa: "\e2b7";
}
.fa-cat {
  --fa: "\f6be";
}
.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}
.fa-truck-field {
  --fa: "\e58d";
}
.fa-route {
  --fa: "\f4d7";
}
.fa-clipboard-question {
  --fa: "\e4e3";
}
.fa-panorama {
  --fa: "\e209";
}
.fa-comment-medical {
  --fa: "\f7f5";
}
.fa-teeth-open {
  --fa: "\f62f";
}
.fa-file-circle-minus {
  --fa: "\e4ed";
}
.fa-tags {
  --fa: "\f02c";
}
.fa-wine-glass {
  --fa: "\f4e3";
}
.fa-forward-fast {
  --fa: "\f050";
}
.fa-fast-forward {
  --fa: "\f050";
}
.fa-face-meh-blank {
  --fa: "\f5a4";
}
.fa-meh-blank {
  --fa: "\f5a4";
}
.fa-square-parking {
  --fa: "\f540";
}
.fa-parking {
  --fa: "\f540";
}
.fa-house-signal {
  --fa: "\e012";
}
.fa-bars-progress {
  --fa: "\f828";
}
.fa-tasks-alt {
  --fa: "\f828";
}
.fa-faucet-drip {
  --fa: "\e006";
}
.fa-cart-flatbed {
  --fa: "\f474";
}
.fa-dolly-flatbed {
  --fa: "\f474";
}
.fa-ban-smoking {
  --fa: "\f54d";
}
.fa-smoking-ban {
  --fa: "\f54d";
}
.fa-terminal {
  --fa: "\f120";
}
.fa-mobile-button {
  --fa: "\f10b";
}
.fa-house-medical-flag {
  --fa: "\e514";
}
.fa-basket-shopping {
  --fa: "\f291";
}
.fa-shopping-basket {
  --fa: "\f291";
}
.fa-tape {
  --fa: "\f4db";
}
.fa-bus-simple {
  --fa: "\f55e";
}
.fa-bus-alt {
  --fa: "\f55e";
}
.fa-eye {
  --fa: "\f06e";
}
.fa-face-sad-cry {
  --fa: "\f5b3";
}
.fa-sad-cry {
  --fa: "\f5b3";
}
.fa-audio-description {
  --fa: "\f29e";
}
.fa-person-military-to-person {
  --fa: "\e54c";
}
.fa-file-shield {
  --fa: "\e4f0";
}
.fa-user-slash {
  --fa: "\f506";
}
.fa-pen {
  --fa: "\f304";
}
.fa-tower-observation {
  --fa: "\e586";
}
.fa-file-code {
  --fa: "\f1c9";
}
.fa-signal {
  --fa: "\f012";
}
.fa-signal-5 {
  --fa: "\f012";
}
.fa-signal-perfect {
  --fa: "\f012";
}
.fa-bus {
  --fa: "\f207";
}
.fa-heart-circle-xmark {
  --fa: "\e501";
}
.fa-house-chimney {
  --fa: "\e3af";
}
.fa-home-lg {
  --fa: "\e3af";
}
.fa-window-maximize {
  --fa: "\f2d0";
}
.fa-face-frown {
  --fa: "\f119";
}
.fa-frown {
  --fa: "\f119";
}
.fa-prescription {
  --fa: "\f5b1";
}
.fa-shop {
  --fa: "\f54f";
}
.fa-store-alt {
  --fa: "\f54f";
}
.fa-floppy-disk {
  --fa: "\f0c7";
}
.fa-save {
  --fa: "\f0c7";
}
.fa-vihara {
  --fa: "\f6a7";
}
.fa-scale-unbalanced {
  --fa: "\f515";
}
.fa-balance-scale-left {
  --fa: "\f515";
}
.fa-sort-up {
  --fa: "\f0de";
}
.fa-sort-asc {
  --fa: "\f0de";
}
.fa-comment-dots {
  --fa: "\f4ad";
}
.fa-commenting {
  --fa: "\f4ad";
}
.fa-plant-wilt {
  --fa: "\e5aa";
}
.fa-diamond {
  --fa: "\f219";
}
.fa-face-grin-squint {
  --fa: "\f585";
}
.fa-grin-squint {
  --fa: "\f585";
}
.fa-hand-holding-dollar {
  --fa: "\f4c0";
}
.fa-hand-holding-usd {
  --fa: "\f4c0";
}
.fa-chart-diagram {
  --fa: "\e695";
}
.fa-bacterium {
  --fa: "\e05a";
}
.fa-hand-pointer {
  --fa: "\f25a";
}
.fa-drum-steelpan {
  --fa: "\f56a";
}
.fa-hand-scissors {
  --fa: "\f257";
}
.fa-hands-praying {
  --fa: "\f684";
}
.fa-praying-hands {
  --fa: "\f684";
}
.fa-arrow-rotate-right {
  --fa: "\f01e";
}
.fa-arrow-right-rotate {
  --fa: "\f01e";
}
.fa-arrow-rotate-forward {
  --fa: "\f01e";
}
.fa-redo {
  --fa: "\f01e";
}
.fa-biohazard {
  --fa: "\f780";
}
.fa-location-crosshairs {
  --fa: "\f601";
}
.fa-location {
  --fa: "\f601";
}
.fa-mars-double {
  --fa: "\f227";
}
.fa-child-dress {
  --fa: "\e59c";
}
.fa-users-between-lines {
  --fa: "\e591";
}
.fa-lungs-virus {
  --fa: "\e067";
}
.fa-face-grin-tears {
  --fa: "\f588";
}
.fa-grin-tears {
  --fa: "\f588";
}
.fa-phone {
  --fa: "\f095";
}
.fa-calendar-xmark {
  --fa: "\f273";
}
.fa-calendar-times {
  --fa: "\f273";
}
.fa-child-reaching {
  --fa: "\e59d";
}
.fa-head-side-virus {
  --fa: "\e064";
}
.fa-user-gear {
  --fa: "\f4fe";
}
.fa-user-cog {
  --fa: "\f4fe";
}
.fa-arrow-up-1-9 {
  --fa: "\f163";
}
.fa-sort-numeric-up {
  --fa: "\f163";
}
.fa-door-closed {
  --fa: "\f52a";
}
.fa-shield-virus {
  --fa: "\e06c";
}
.fa-dice-six {
  --fa: "\f526";
}
.fa-mosquito-net {
  --fa: "\e52c";
}
.fa-file-fragment {
  --fa: "\e697";
}
.fa-bridge-water {
  --fa: "\e4ce";
}
.fa-person-booth {
  --fa: "\f756";
}
.fa-text-width {
  --fa: "\f035";
}
.fa-hat-wizard {
  --fa: "\f6e8";
}
.fa-pen-fancy {
  --fa: "\f5ac";
}
.fa-person-digging {
  --fa: "\f85e";
}
.fa-digging {
  --fa: "\f85e";
}
.fa-trash {
  --fa: "\f1f8";
}
.fa-gauge-simple {
  --fa: "\f629";
}
.fa-gauge-simple-med {
  --fa: "\f629";
}
.fa-tachometer-average {
  --fa: "\f629";
}
.fa-book-medical {
  --fa: "\f7e6";
}
.fa-poo {
  --fa: "\f2fe";
}
.fa-quote-right {
  --fa: "\f10e";
}
.fa-quote-right-alt {
  --fa: "\f10e";
}
.fa-shirt {
  --fa: "\f553";
}
.fa-t-shirt {
  --fa: "\f553";
}
.fa-tshirt {
  --fa: "\f553";
}
.fa-cubes {
  --fa: "\f1b3";
}
.fa-divide {
  --fa: "\f529";
}
.fa-tenge-sign {
  --fa: "\f7d7";
}
.fa-tenge {
  --fa: "\f7d7";
}
.fa-headphones {
  --fa: "\f025";
}
.fa-hands-holding {
  --fa: "\f4c2";
}
.fa-hands-clapping {
  --fa: "\e1a8";
}
.fa-republican {
  --fa: "\f75e";
}
.fa-arrow-left {
  --fa: "\f060";
}
.fa-person-circle-xmark {
  --fa: "\e543";
}
.fa-ruler {
  --fa: "\f545";
}
.fa-align-left {
  --fa: "\f036";
}
.fa-dice-d6 {
  --fa: "\f6d1";
}
.fa-restroom {
  --fa: "\f7bd";
}
.fa-j {
  --fa: "\4a";
}
.fa-users-viewfinder {
  --fa: "\e595";
}
.fa-file-video {
  --fa: "\f1c8";
}
.fa-up-right-from-square {
  --fa: "\f35d";
}
.fa-external-link-alt {
  --fa: "\f35d";
}
.fa-table-cells {
  --fa: "\f00a";
}
.fa-th {
  --fa: "\f00a";
}
.fa-file-pdf {
  --fa: "\f1c1";
}
.fa-book-bible {
  --fa: "\f647";
}
.fa-bible {
  --fa: "\f647";
}
.fa-o {
  --fa: "\4f";
}
.fa-suitcase-medical {
  --fa: "\f0fa";
}
.fa-medkit {
  --fa: "\f0fa";
}
.fa-user-secret {
  --fa: "\f21b";
}
.fa-otter {
  --fa: "\f700";
}
.fa-person-dress {
  --fa: "\f182";
}
.fa-female {
  --fa: "\f182";
}
.fa-comment-dollar {
  --fa: "\f651";
}
.fa-business-time {
  --fa: "\f64a";
}
.fa-briefcase-clock {
  --fa: "\f64a";
}
.fa-table-cells-large {
  --fa: "\f009";
}
.fa-th-large {
  --fa: "\f009";
}
.fa-book-tanakh {
  --fa: "\f827";
}
.fa-tanakh {
  --fa: "\f827";
}
.fa-phone-volume {
  --fa: "\f2a0";
}
.fa-volume-control-phone {
  --fa: "\f2a0";
}
.fa-hat-cowboy-side {
  --fa: "\f8c1";
}
.fa-clipboard-user {
  --fa: "\f7f3";
}
.fa-child {
  --fa: "\f1ae";
}
.fa-lira-sign {
  --fa: "\f195";
}
.fa-satellite {
  --fa: "\f7bf";
}
.fa-plane-lock {
  --fa: "\e558";
}
.fa-tag {
  --fa: "\f02b";
}
.fa-comment {
  --fa: "\f075";
}
.fa-cake-candles {
  --fa: "\f1fd";
}
.fa-birthday-cake {
  --fa: "\f1fd";
}
.fa-cake {
  --fa: "\f1fd";
}
.fa-envelope {
  --fa: "\f0e0";
}
.fa-angles-up {
  --fa: "\f102";
}
.fa-angle-double-up {
  --fa: "\f102";
}
.fa-paperclip {
  --fa: "\f0c6";
}
.fa-arrow-right-to-city {
  --fa: "\e4b3";
}
.fa-ribbon {
  --fa: "\f4d6";
}
.fa-lungs {
  --fa: "\f604";
}
.fa-arrow-up-9-1 {
  --fa: "\f887";
}
.fa-sort-numeric-up-alt {
  --fa: "\f887";
}
.fa-litecoin-sign {
  --fa: "\e1d3";
}
.fa-border-none {
  --fa: "\f850";
}
.fa-circle-nodes {
  --fa: "\e4e2";
}
.fa-parachute-box {
  --fa: "\f4cd";
}
.fa-indent {
  --fa: "\f03c";
}
.fa-truck-field-un {
  --fa: "\e58e";
}
.fa-hourglass {
  --fa: "\f254";
}
.fa-hourglass-empty {
  --fa: "\f254";
}
.fa-mountain {
  --fa: "\f6fc";
}
.fa-user-doctor {
  --fa: "\f0f0";
}
.fa-user-md {
  --fa: "\f0f0";
}
.fa-circle-info {
  --fa: "\f05a";
}
.fa-info-circle {
  --fa: "\f05a";
}
.fa-cloud-meatball {
  --fa: "\f73b";
}
.fa-camera {
  --fa: "\f030";
}
.fa-camera-alt {
  --fa: "\f030";
}
.fa-square-virus {
  --fa: "\e578";
}
.fa-meteor {
  --fa: "\f753";
}
.fa-car-on {
  --fa: "\e4dd";
}
.fa-sleigh {
  --fa: "\f7cc";
}
.fa-arrow-down-1-9 {
  --fa: "\f162";
}
.fa-sort-numeric-asc {
  --fa: "\f162";
}
.fa-sort-numeric-down {
  --fa: "\f162";
}
.fa-hand-holding-droplet {
  --fa: "\f4c1";
}
.fa-hand-holding-water {
  --fa: "\f4c1";
}
.fa-water {
  --fa: "\f773";
}
.fa-calendar-check {
  --fa: "\f274";
}
.fa-braille {
  --fa: "\f2a1";
}
.fa-prescription-bottle-medical {
  --fa: "\f486";
}
.fa-prescription-bottle-alt {
  --fa: "\f486";
}
.fa-landmark {
  --fa: "\f66f";
}
.fa-truck {
  --fa: "\f0d1";
}
.fa-crosshairs {
  --fa: "\f05b";
}
.fa-person-cane {
  --fa: "\e53c";
}
.fa-tent {
  --fa: "\e57d";
}
.fa-vest-patches {
  --fa: "\e086";
}
.fa-check-double {
  --fa: "\f560";
}
.fa-arrow-down-a-z {
  --fa: "\f15d";
}
.fa-sort-alpha-asc {
  --fa: "\f15d";
}
.fa-sort-alpha-down {
  --fa: "\f15d";
}
.fa-money-bill-wheat {
  --fa: "\e52a";
}
.fa-cookie {
  --fa: "\f563";
}
.fa-arrow-rotate-left {
  --fa: "\f0e2";
}
.fa-arrow-left-rotate {
  --fa: "\f0e2";
}
.fa-arrow-rotate-back {
  --fa: "\f0e2";
}
.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}
.fa-undo {
  --fa: "\f0e2";
}
.fa-hard-drive {
  --fa: "\f0a0";
}
.fa-hdd {
  --fa: "\f0a0";
}
.fa-face-grin-squint-tears {
  --fa: "\f586";
}
.fa-grin-squint-tears {
  --fa: "\f586";
}
.fa-dumbbell {
  --fa: "\f44b";
}
.fa-rectangle-list {
  --fa: "\f022";
}
.fa-list-alt {
  --fa: "\f022";
}
.fa-tarp-droplet {
  --fa: "\e57c";
}
.fa-house-medical-circle-check {
  --fa: "\e511";
}
.fa-person-skiing-nordic {
  --fa: "\f7ca";
}
.fa-skiing-nordic {
  --fa: "\f7ca";
}
.fa-calendar-plus {
  --fa: "\f271";
}
.fa-plane-arrival {
  --fa: "\f5af";
}
.fa-circle-left {
  --fa: "\f359";
}
.fa-arrow-alt-circle-left {
  --fa: "\f359";
}
.fa-train-subway {
  --fa: "\f239";
}
.fa-subway {
  --fa: "\f239";
}
.fa-chart-gantt {
  --fa: "\e0e4";
}
.fa-indian-rupee-sign {
  --fa: "\e1bc";
}
.fa-indian-rupee {
  --fa: "\e1bc";
}
.fa-inr {
  --fa: "\e1bc";
}
.fa-crop-simple {
  --fa: "\f565";
}
.fa-crop-alt {
  --fa: "\f565";
}
.fa-money-bill-1 {
  --fa: "\f3d1";
}
.fa-money-bill-alt {
  --fa: "\f3d1";
}
.fa-left-long {
  --fa: "\f30a";
}
.fa-long-arrow-alt-left {
  --fa: "\f30a";
}
.fa-dna {
  --fa: "\f471";
}
.fa-virus-slash {
  --fa: "\e075";
}
.fa-minus {
  --fa: "\f068";
}
.fa-subtract {
  --fa: "\f068";
}
.fa-chess {
  --fa: "\f439";
}
.fa-arrow-left-long {
  --fa: "\f177";
}
.fa-long-arrow-left {
  --fa: "\f177";
}
.fa-plug-circle-check {
  --fa: "\e55c";
}
.fa-street-view {
  --fa: "\f21d";
}
.fa-franc-sign {
  --fa: "\e18f";
}
.fa-volume-off {
  --fa: "\f026";
}
.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}
.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}
.fa-asl-interpreting {
  --fa: "\f2a3";
}
.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}
.fa-gear {
  --fa: "\f013";
}
.fa-cog {
  --fa: "\f013";
}
.fa-droplet-slash {
  --fa: "\f5c7";
}
.fa-tint-slash {
  --fa: "\f5c7";
}
.fa-mosque {
  --fa: "\f678";
}
.fa-mosquito {
  --fa: "\e52b";
}
.fa-star-of-david {
  --fa: "\f69a";
}
.fa-person-military-rifle {
  --fa: "\e54b";
}
.fa-cart-shopping {
  --fa: "\f07a";
}
.fa-shopping-cart {
  --fa: "\f07a";
}
.fa-vials {
  --fa: "\f493";
}
.fa-plug-circle-plus {
  --fa: "\e55f";
}
.fa-place-of-worship {
  --fa: "\f67f";
}
.fa-grip-vertical {
  --fa: "\f58e";
}
.fa-hexagon-nodes {
  --fa: "\e699";
}
.fa-arrow-turn-up {
  --fa: "\f148";
}
.fa-level-up {
  --fa: "\f148";
}
.fa-u {
  --fa: "\55";
}
.fa-square-root-variable {
  --fa: "\f698";
}
.fa-square-root-alt {
  --fa: "\f698";
}
.fa-clock {
  --fa: "\f017";
}
.fa-clock-four {
  --fa: "\f017";
}
.fa-backward-step {
  --fa: "\f048";
}
.fa-step-backward {
  --fa: "\f048";
}
.fa-pallet {
  --fa: "\f482";
}
.fa-faucet {
  --fa: "\e005";
}
.fa-baseball-bat-ball {
  --fa: "\f432";
}
.fa-s {
  --fa: "\53";
}
.fa-timeline {
  --fa: "\e29c";
}
.fa-keyboard {
  --fa: "\f11c";
}
.fa-caret-down {
  --fa: "\f0d7";
}
.fa-house-chimney-medical {
  --fa: "\f7f2";
}
.fa-clinic-medical {
  --fa: "\f7f2";
}
.fa-temperature-three-quarters {
  --fa: "\f2c8";
}
.fa-temperature-3 {
  --fa: "\f2c8";
}
.fa-thermometer-3 {
  --fa: "\f2c8";
}
.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}
.fa-mobile-screen {
  --fa: "\f3cf";
}
.fa-mobile-android-alt {
  --fa: "\f3cf";
}
.fa-plane-up {
  --fa: "\e22d";
}
.fa-piggy-bank {
  --fa: "\f4d3";
}
.fa-battery-half {
  --fa: "\f242";
}
.fa-battery-3 {
  --fa: "\f242";
}
.fa-mountain-city {
  --fa: "\e52e";
}
.fa-coins {
  --fa: "\f51e";
}
.fa-khanda {
  --fa: "\f66d";
}
.fa-sliders {
  --fa: "\f1de";
}
.fa-sliders-h {
  --fa: "\f1de";
}
.fa-folder-tree {
  --fa: "\f802";
}
.fa-network-wired {
  --fa: "\f6ff";
}
.fa-map-pin {
  --fa: "\f276";
}
.fa-hamsa {
  --fa: "\f665";
}
.fa-cent-sign {
  --fa: "\e3f5";
}
.fa-flask {
  --fa: "\f0c3";
}
.fa-person-pregnant {
  --fa: "\e31e";
}
.fa-wand-sparkles {
  --fa: "\f72b";
}
.fa-ellipsis-vertical {
  --fa: "\f142";
}
.fa-ellipsis-v {
  --fa: "\f142";
}
.fa-ticket {
  --fa: "\f145";
}
.fa-power-off {
  --fa: "\f011";
}
.fa-right-long {
  --fa: "\f30b";
}
.fa-long-arrow-alt-right {
  --fa: "\f30b";
}
.fa-flag-usa {
  --fa: "\f74d";
}
.fa-laptop-file {
  --fa: "\e51d";
}
.fa-tty {
  --fa: "\f1e4";
}
.fa-teletype {
  --fa: "\f1e4";
}
.fa-diagram-next {
  --fa: "\e476";
}
.fa-person-rifle {
  --fa: "\e54e";
}
.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}
.fa-closed-captioning {
  --fa: "\f20a";
}
.fa-person-hiking {
  --fa: "\f6ec";
}
.fa-hiking {
  --fa: "\f6ec";
}
.fa-venus-double {
  --fa: "\f226";
}
.fa-images {
  --fa: "\f302";
}
.fa-calculator {
  --fa: "\f1ec";
}
.fa-people-pulling {
  --fa: "\e535";
}
.fa-n {
  --fa: "\4e";
}
.fa-cable-car {
  --fa: "\f7da";
}
.fa-tram {
  --fa: "\f7da";
}
.fa-cloud-rain {
  --fa: "\f73d";
}
.fa-building-circle-xmark {
  --fa: "\e4d4";
}
.fa-ship {
  --fa: "\f21a";
}
.fa-arrows-down-to-line {
  --fa: "\e4b8";
}
.fa-download {
  --fa: "\f019";
}
.fa-face-grin {
  --fa: "\f580";
}
.fa-grin {
  --fa: "\f580";
}
.fa-delete-left {
  --fa: "\f55a";
}
.fa-backspace {
  --fa: "\f55a";
}
.fa-eye-dropper {
  --fa: "\f1fb";
}
.fa-eye-dropper-empty {
  --fa: "\f1fb";
}
.fa-eyedropper {
  --fa: "\f1fb";
}
.fa-file-circle-check {
  --fa: "\e5a0";
}
.fa-forward {
  --fa: "\f04e";
}
.fa-mobile {
  --fa: "\f3ce";
}
.fa-mobile-android {
  --fa: "\f3ce";
}
.fa-mobile-phone {
  --fa: "\f3ce";
}
.fa-face-meh {
  --fa: "\f11a";
}
.fa-meh {
  --fa: "\f11a";
}
.fa-align-center {
  --fa: "\f037";
}
.fa-book-skull {
  --fa: "\f6b7";
}
.fa-book-dead {
  --fa: "\f6b7";
}
.fa-id-card {
  --fa: "\f2c2";
}
.fa-drivers-license {
  --fa: "\f2c2";
}
.fa-outdent {
  --fa: "\f03b";
}
.fa-dedent {
  --fa: "\f03b";
}
.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}
.fa-house {
  --fa: "\f015";
}
.fa-home {
  --fa: "\f015";
}
.fa-home-alt {
  --fa: "\f015";
}
.fa-home-lg-alt {
  --fa: "\f015";
}
.fa-calendar-week {
  --fa: "\f784";
}
.fa-laptop-medical {
  --fa: "\f812";
}
.fa-b {
  --fa: "\42";
}
.fa-file-medical {
  --fa: "\f477";
}
.fa-dice-one {
  --fa: "\f525";
}
.fa-kiwi-bird {
  --fa: "\f535";
}
.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}
.fa-exchange {
  --fa: "\f0ec";
}
.fa-rotate-right {
  --fa: "\f2f9";
}
.fa-redo-alt {
  --fa: "\f2f9";
}
.fa-rotate-forward {
  --fa: "\f2f9";
}
.fa-utensils {
  --fa: "\f2e7";
}
.fa-cutlery {
  --fa: "\f2e7";
}
.fa-arrow-up-wide-short {
  --fa: "\f161";
}
.fa-sort-amount-up {
  --fa: "\f161";
}
.fa-mill-sign {
  --fa: "\e1ed";
}
.fa-bowl-rice {
  --fa: "\e2eb";
}
.fa-skull {
  --fa: "\f54c";
}
.fa-tower-broadcast {
  --fa: "\f519";
}
.fa-broadcast-tower {
  --fa: "\f519";
}
.fa-truck-pickup {
  --fa: "\f63c";
}
.fa-up-long {
  --fa: "\f30c";
}
.fa-long-arrow-alt-up {
  --fa: "\f30c";
}
.fa-stop {
  --fa: "\f04d";
}
.fa-code-merge {
  --fa: "\f387";
}
.fa-upload {
  --fa: "\f093";
}
.fa-hurricane {
  --fa: "\f751";
}
.fa-mound {
  --fa: "\e52d";
}
.fa-toilet-portable {
  --fa: "\e583";
}
.fa-compact-disc {
  --fa: "\f51f";
}
.fa-file-arrow-down {
  --fa: "\f56d";
}
.fa-file-download {
  --fa: "\f56d";
}
.fa-caravan {
  --fa: "\f8ff";
}
.fa-shield-cat {
  --fa: "\e572";
}
.fa-bolt {
  --fa: "\f0e7";
}
.fa-zap {
  --fa: "\f0e7";
}
.fa-glass-water {
  --fa: "\e4f4";
}
.fa-oil-well {
  --fa: "\e532";
}
.fa-vault {
  --fa: "\e2c5";
}
.fa-mars {
  --fa: "\f222";
}
.fa-toilet {
  --fa: "\f7d8";
}
.fa-plane-circle-xmark {
  --fa: "\e557";
}
.fa-yen-sign {
  --fa: "\f157";
}
.fa-cny {
  --fa: "\f157";
}
.fa-jpy {
  --fa: "\f157";
}
.fa-rmb {
  --fa: "\f157";
}
.fa-yen {
  --fa: "\f157";
}
.fa-ruble-sign {
  --fa: "\f158";
}
.fa-rouble {
  --fa: "\f158";
}
.fa-rub {
  --fa: "\f158";
}
.fa-ruble {
  --fa: "\f158";
}
.fa-sun {
  --fa: "\f185";
}
.fa-guitar {
  --fa: "\f7a6";
}
.fa-face-laugh-wink {
  --fa: "\f59c";
}
.fa-laugh-wink {
  --fa: "\f59c";
}
.fa-horse-head {
  --fa: "\f7ab";
}
.fa-bore-hole {
  --fa: "\e4c3";
}
.fa-industry {
  --fa: "\f275";
}
.fa-circle-down {
  --fa: "\f358";
}
.fa-arrow-alt-circle-down {
  --fa: "\f358";
}
.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}
.fa-florin-sign {
  --fa: "\e184";
}
.fa-arrow-down-short-wide {
  --fa: "\f884";
}
.fa-sort-amount-desc {
  --fa: "\f884";
}
.fa-sort-amount-down-alt {
  --fa: "\f884";
}
.fa-less-than {
  --fa: "\3c";
}
.fa-angle-down {
  --fa: "\f107";
}
.fa-car-tunnel {
  --fa: "\e4de";
}
.fa-head-side-cough {
  --fa: "\e061";
}
.fa-grip-lines {
  --fa: "\f7a4";
}
.fa-thumbs-down {
  --fa: "\f165";
}
.fa-user-lock {
  --fa: "\f502";
}
.fa-arrow-right-long {
  --fa: "\f178";
}
.fa-long-arrow-right {
  --fa: "\f178";
}
.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}
.fa-ellipsis {
  --fa: "\f141";
}
.fa-ellipsis-h {
  --fa: "\f141";
}
.fa-chess-pawn {
  --fa: "\f443";
}
.fa-kit-medical {
  --fa: "\f479";
}
.fa-first-aid {
  --fa: "\f479";
}
.fa-person-through-window {
  --fa: "\e5a9";
}
.fa-toolbox {
  --fa: "\f552";
}
.fa-hands-holding-circle {
  --fa: "\e4fb";
}
.fa-bug {
  --fa: "\f188";
}
.fa-credit-card {
  --fa: "\f09d";
}
.fa-credit-card-alt {
  --fa: "\f09d";
}
.fa-car {
  --fa: "\f1b9";
}
.fa-automobile {
  --fa: "\f1b9";
}
.fa-hand-holding-hand {
  --fa: "\e4f7";
}
.fa-book-open-reader {
  --fa: "\f5da";
}
.fa-book-reader {
  --fa: "\f5da";
}
.fa-mountain-sun {
  --fa: "\e52f";
}
.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}
.fa-dice-d20 {
  --fa: "\f6cf";
}
.fa-truck-droplet {
  --fa: "\e58c";
}
.fa-file-circle-xmark {
  --fa: "\e5a1";
}
.fa-temperature-arrow-up {
  --fa: "\e040";
}
.fa-temperature-up {
  --fa: "\e040";
}
.fa-medal {
  --fa: "\f5a2";
}
.fa-bed {
  --fa: "\f236";
}
.fa-square-h {
  --fa: "\f0fd";
}
.fa-h-square {
  --fa: "\f0fd";
}
.fa-podcast {
  --fa: "\f2ce";
}
.fa-temperature-full {
  --fa: "\f2c7";
}
.fa-temperature-4 {
  --fa: "\f2c7";
}
.fa-thermometer-4 {
  --fa: "\f2c7";
}
.fa-thermometer-full {
  --fa: "\f2c7";
}
.fa-bell {
  --fa: "\f0f3";
}
.fa-superscript {
  --fa: "\f12b";
}
.fa-plug-circle-xmark {
  --fa: "\e560";
}
.fa-star-of-life {
  --fa: "\f621";
}
.fa-phone-slash {
  --fa: "\f3dd";
}
.fa-paint-roller {
  --fa: "\f5aa";
}
.fa-handshake-angle {
  --fa: "\f4c4";
}
.fa-hands-helping {
  --fa: "\f4c4";
}
.fa-location-dot {
  --fa: "\f3c5";
}
.fa-map-marker-alt {
  --fa: "\f3c5";
}
.fa-file {
  --fa: "\f15b";
}
.fa-greater-than {
  --fa: "\3e";
}
.fa-person-swimming {
  --fa: "\f5c4";
}
.fa-swimmer {
  --fa: "\f5c4";
}
.fa-arrow-down {
  --fa: "\f063";
}
.fa-droplet {
  --fa: "\f043";
}
.fa-tint {
  --fa: "\f043";
}
.fa-eraser {
  --fa: "\f12d";
}
.fa-earth-americas {
  --fa: "\f57d";
}
.fa-earth {
  --fa: "\f57d";
}
.fa-earth-america {
  --fa: "\f57d";
}
.fa-globe-americas {
  --fa: "\f57d";
}
.fa-person-burst {
  --fa: "\e53b";
}
.fa-dove {
  --fa: "\f4ba";
}
.fa-battery-empty {
  --fa: "\f244";
}
.fa-battery-0 {
  --fa: "\f244";
}
.fa-socks {
  --fa: "\f696";
}
.fa-inbox {
  --fa: "\f01c";
}
.fa-section {
  --fa: "\e447";
}
.fa-gauge-high {
  --fa: "\f625";
}
.fa-tachometer-alt {
  --fa: "\f625";
}
.fa-tachometer-alt-fast {
  --fa: "\f625";
}
.fa-envelope-open-text {
  --fa: "\f658";
}
.fa-hospital {
  --fa: "\f0f8";
}
.fa-hospital-alt {
  --fa: "\f0f8";
}
.fa-hospital-wide {
  --fa: "\f0f8";
}
.fa-wine-bottle {
  --fa: "\f72f";
}
.fa-chess-rook {
  --fa: "\f447";
}
.fa-bars-staggered {
  --fa: "\f550";
}
.fa-reorder {
  --fa: "\f550";
}
.fa-stream {
  --fa: "\f550";
}
.fa-dharmachakra {
  --fa: "\f655";
}
.fa-hotdog {
  --fa: "\f80f";
}
.fa-person-walking-with-cane {
  --fa: "\f29d";
}
.fa-blind {
  --fa: "\f29d";
}
.fa-drum {
  --fa: "\f569";
}
.fa-ice-cream {
  --fa: "\f810";
}
.fa-heart-circle-bolt {
  --fa: "\e4fc";
}
.fa-fax {
  --fa: "\f1ac";
}
.fa-paragraph {
  --fa: "\f1dd";
}
.fa-check-to-slot {
  --fa: "\f772";
}
.fa-vote-yea {
  --fa: "\f772";
}
.fa-star-half {
  --fa: "\f089";
}
.fa-boxes-stacked {
  --fa: "\f468";
}
.fa-boxes {
  --fa: "\f468";
}
.fa-boxes-alt {
  --fa: "\f468";
}
.fa-link {
  --fa: "\f0c1";
}
.fa-chain {
  --fa: "\f0c1";
}
.fa-ear-listen {
  --fa: "\f2a2";
}
.fa-assistive-listening-systems {
  --fa: "\f2a2";
}
.fa-tree-city {
  --fa: "\e587";
}
.fa-play {
  --fa: "\f04b";
}
.fa-font {
  --fa: "\f031";
}
.fa-table-cells-row-lock {
  --fa: "\e67a";
}
.fa-rupiah-sign {
  --fa: "\e23d";
}
.fa-magnifying-glass {
  --fa: "\f002";
}
.fa-search {
  --fa: "\f002";
}
.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}
.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}
.fa-table-tennis {
  --fa: "\f45d";
}
.fa-person-dots-from-line {
  --fa: "\f470";
}
.fa-diagnoses {
  --fa: "\f470";
}
.fa-trash-can-arrow-up {
  --fa: "\f82a";
}
.fa-trash-restore-alt {
  --fa: "\f82a";
}
.fa-naira-sign {
  --fa: "\e1f6";
}
.fa-cart-arrow-down {
  --fa: "\f218";
}
.fa-walkie-talkie {
  --fa: "\f8ef";
}
.fa-file-pen {
  --fa: "\f31c";
}
.fa-file-edit {
  --fa: "\f31c";
}
.fa-receipt {
  --fa: "\f543";
}
.fa-square-pen {
  --fa: "\f14b";
}
.fa-pen-square {
  --fa: "\f14b";
}
.fa-pencil-square {
  --fa: "\f14b";
}
.fa-suitcase-rolling {
  --fa: "\f5c1";
}
.fa-person-circle-exclamation {
  --fa: "\e53f";
}
.fa-chevron-down {
  --fa: "\f078";
}
.fa-battery-full {
  --fa: "\f240";
}
.fa-battery {
  --fa: "\f240";
}
.fa-battery-5 {
  --fa: "\f240";
}
.fa-skull-crossbones {
  --fa: "\f714";
}
.fa-code-compare {
  --fa: "\e13a";
}
.fa-list-ul {
  --fa: "\f0ca";
}
.fa-list-dots {
  --fa: "\f0ca";
}
.fa-school-lock {
  --fa: "\e56f";
}
.fa-tower-cell {
  --fa: "\e585";
}
.fa-down-long {
  --fa: "\f309";
}
.fa-long-arrow-alt-down {
  --fa: "\f309";
}
.fa-ranking-star {
  --fa: "\e561";
}
.fa-chess-king {
  --fa: "\f43f";
}
.fa-person-harassing {
  --fa: "\e549";
}
.fa-brazilian-real-sign {
  --fa: "\e46c";
}
.fa-landmark-dome {
  --fa: "\f752";
}
.fa-landmark-alt {
  --fa: "\f752";
}
.fa-arrow-up {
  --fa: "\f062";
}
.fa-tv {
  --fa: "\f26c";
}
.fa-television {
  --fa: "\f26c";
}
.fa-tv-alt {
  --fa: "\f26c";
}
.fa-shrimp {
  --fa: "\e448";
}
.fa-list-check {
  --fa: "\f0ae";
}
.fa-tasks {
  --fa: "\f0ae";
}
.fa-jug-detergent {
  --fa: "\e519";
}
.fa-circle-user {
  --fa: "\f2bd";
}
.fa-user-circle {
  --fa: "\f2bd";
}
.fa-user-shield {
  --fa: "\f505";
}
.fa-wind {
  --fa: "\f72e";
}
.fa-car-burst {
  --fa: "\f5e1";
}
.fa-car-crash {
  --fa: "\f5e1";
}
.fa-y {
  --fa: "\59";
}
.fa-person-snowboarding {
  --fa: "\f7ce";
}
.fa-snowboarding {
  --fa: "\f7ce";
}
.fa-truck-fast {
  --fa: "\f48b";
}
.fa-shipping-fast {
  --fa: "\f48b";
}
.fa-fish {
  --fa: "\f578";
}
.fa-user-graduate {
  --fa: "\f501";
}
.fa-circle-half-stroke {
  --fa: "\f042";
}
.fa-adjust {
  --fa: "\f042";
}
.fa-clapperboard {
  --fa: "\e131";
}
.fa-circle-radiation {
  --fa: "\f7ba";
}
.fa-radiation-alt {
  --fa: "\f7ba";
}
.fa-baseball {
  --fa: "\f433";
}
.fa-baseball-ball {
  --fa: "\f433";
}
.fa-jet-fighter-up {
  --fa: "\e518";
}
.fa-diagram-project {
  --fa: "\f542";
}
.fa-project-diagram {
  --fa: "\f542";
}
.fa-copy {
  --fa: "\f0c5";
}
.fa-volume-xmark {
  --fa: "\f6a9";
}
.fa-volume-mute {
  --fa: "\f6a9";
}
.fa-volume-times {
  --fa: "\f6a9";
}
.fa-hand-sparkles {
  --fa: "\e05d";
}
.fa-grip {
  --fa: "\f58d";
}
.fa-grip-horizontal {
  --fa: "\f58d";
}
.fa-share-from-square {
  --fa: "\f14d";
}
.fa-share-square {
  --fa: "\f14d";
}
.fa-child-combatant {
  --fa: "\e4e0";
}
.fa-child-rifle {
  --fa: "\e4e0";
}
.fa-gun {
  --fa: "\e19b";
}
.fa-square-phone {
  --fa: "\f098";
}
.fa-phone-square {
  --fa: "\f098";
}
.fa-plus {
  --fa: "\2b";
}
.fa-add {
  --fa: "\2b";
}
.fa-expand {
  --fa: "\f065";
}
.fa-computer {
  --fa: "\e4e5";
}
.fa-xmark {
  --fa: "\f00d";
}
.fa-close {
  --fa: "\f00d";
}
.fa-multiply {
  --fa: "\f00d";
}
.fa-remove {
  --fa: "\f00d";
}
.fa-times {
  --fa: "\f00d";
}
.fa-arrows-up-down-left-right {
  --fa: "\f047";
}
.fa-arrows {
  --fa: "\f047";
}
.fa-chalkboard-user {
  --fa: "\f51c";
}
.fa-chalkboard-teacher {
  --fa: "\f51c";
}
.fa-peso-sign {
  --fa: "\e222";
}
.fa-building-shield {
  --fa: "\e4d8";
}
.fa-baby {
  --fa: "\f77c";
}
.fa-users-line {
  --fa: "\e592";
}
.fa-quote-left {
  --fa: "\f10d";
}
.fa-quote-left-alt {
  --fa: "\f10d";
}
.fa-tractor {
  --fa: "\f722";
}
.fa-trash-arrow-up {
  --fa: "\f829";
}
.fa-trash-restore {
  --fa: "\f829";
}
.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}
.fa-lines-leaning {
  --fa: "\e51e";
}
.fa-ruler-combined {
  --fa: "\f546";
}
.fa-copyright {
  --fa: "\f1f9";
}
.fa-equals {
  --fa: "\3d";
}
.fa-blender {
  --fa: "\f517";
}
.fa-teeth {
  --fa: "\f62e";
}
.fa-shekel-sign {
  --fa: "\f20b";
}
.fa-ils {
  --fa: "\f20b";
}
.fa-shekel {
  --fa: "\f20b";
}
.fa-sheqel {
  --fa: "\f20b";
}
.fa-sheqel-sign {
  --fa: "\f20b";
}
.fa-map {
  --fa: "\f279";
}
.fa-rocket {
  --fa: "\f135";
}
.fa-photo-film {
  --fa: "\f87c";
}
.fa-photo-video {
  --fa: "\f87c";
}
.fa-folder-minus {
  --fa: "\f65d";
}
.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}
.fa-store {
  --fa: "\f54e";
}
.fa-arrow-trend-up {
  --fa: "\e098";
}
.fa-plug-circle-minus {
  --fa: "\e55e";
}
.fa-sign-hanging {
  --fa: "\f4d9";
}
.fa-sign {
  --fa: "\f4d9";
}
.fa-bezier-curve {
  --fa: "\f55b";
}
.fa-bell-slash {
  --fa: "\f1f6";
}
.fa-tablet {
  --fa: "\f3fb";
}
.fa-tablet-android {
  --fa: "\f3fb";
}
.fa-school-flag {
  --fa: "\e56e";
}
.fa-fill {
  --fa: "\f575";
}
.fa-angle-up {
  --fa: "\f106";
}
.fa-drumstick-bite {
  --fa: "\f6d7";
}
.fa-holly-berry {
  --fa: "\f7aa";
}
.fa-chevron-left {
  --fa: "\f053";
}
.fa-bacteria {
  --fa: "\e059";
}
.fa-hand-lizard {
  --fa: "\f258";
}
.fa-notdef {
  --fa: "\e1fe";
}
.fa-disease {
  --fa: "\f7fa";
}
.fa-briefcase-medical {
  --fa: "\f469";
}
.fa-genderless {
  --fa: "\f22d";
}
.fa-chevron-right {
  --fa: "\f054";
}
.fa-retweet {
  --fa: "\f079";
}
.fa-car-rear {
  --fa: "\f5de";
}
.fa-car-alt {
  --fa: "\f5de";
}
.fa-pump-soap {
  --fa: "\e06b";
}
.fa-video-slash {
  --fa: "\f4e2";
}
.fa-battery-quarter {
  --fa: "\f243";
}
.fa-battery-2 {
  --fa: "\f243";
}
.fa-radio {
  --fa: "\f8d7";
}
.fa-baby-carriage {
  --fa: "\f77d";
}
.fa-carriage-baby {
  --fa: "\f77d";
}
.fa-traffic-light {
  --fa: "\f637";
}
.fa-thermometer {
  --fa: "\f491";
}
.fa-vr-cardboard {
  --fa: "\f729";
}
.fa-hand-middle-finger {
  --fa: "\f806";
}
.fa-percent {
  --fa: "\25";
}
.fa-percentage {
  --fa: "\25";
}
.fa-truck-moving {
  --fa: "\f4df";
}
.fa-glass-water-droplet {
  --fa: "\e4f5";
}
.fa-display {
  --fa: "\e163";
}
.fa-face-smile {
  --fa: "\f118";
}
.fa-smile {
  --fa: "\f118";
}
.fa-thumbtack {
  --fa: "\f08d";
}
.fa-thumb-tack {
  --fa: "\f08d";
}
.fa-trophy {
  --fa: "\f091";
}
.fa-person-praying {
  --fa: "\f683";
}
.fa-pray {
  --fa: "\f683";
}
.fa-hammer {
  --fa: "\f6e3";
}
.fa-hand-peace {
  --fa: "\f25b";
}
.fa-rotate {
  --fa: "\f2f1";
}
.fa-sync-alt {
  --fa: "\f2f1";
}
.fa-spinner {
  --fa: "\f110";
}
.fa-robot {
  --fa: "\f544";
}
.fa-peace {
  --fa: "\f67c";
}
.fa-gears {
  --fa: "\f085";
}
.fa-cogs {
  --fa: "\f085";
}
.fa-warehouse {
  --fa: "\f494";
}
.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}
.fa-splotch {
  --fa: "\f5bc";
}
.fa-face-grin-hearts {
  --fa: "\f584";
}
.fa-grin-hearts {
  --fa: "\f584";
}
.fa-dice-four {
  --fa: "\f524";
}
.fa-sim-card {
  --fa: "\f7c4";
}
.fa-transgender {
  --fa: "\f225";
}
.fa-transgender-alt {
  --fa: "\f225";
}
.fa-mercury {
  --fa: "\f223";
}
.fa-arrow-turn-down {
  --fa: "\f149";
}
.fa-level-down {
  --fa: "\f149";
}
.fa-person-falling-burst {
  --fa: "\e547";
}
.fa-award {
  --fa: "\f559";
}
.fa-ticket-simple {
  --fa: "\f3ff";
}
.fa-ticket-alt {
  --fa: "\f3ff";
}
.fa-building {
  --fa: "\f1ad";
}
.fa-angles-left {
  --fa: "\f100";
}
.fa-angle-double-left {
  --fa: "\f100";
}
.fa-qrcode {
  --fa: "\f029";
}
.fa-clock-rotate-left {
  --fa: "\f1da";
}
.fa-history {
  --fa: "\f1da";
}
.fa-face-grin-beam-sweat {
  --fa: "\f583";
}
.fa-grin-beam-sweat {
  --fa: "\f583";
}
.fa-file-export {
  --fa: "\f56e";
}
.fa-arrow-right-from-file {
  --fa: "\f56e";
}
.fa-shield {
  --fa: "\f132";
}
.fa-shield-blank {
  --fa: "\f132";
}
.fa-arrow-up-short-wide {
  --fa: "\f885";
}
.fa-sort-amount-up-alt {
  --fa: "\f885";
}
.fa-comment-nodes {
  --fa: "\e696";
}
.fa-house-medical {
  --fa: "\e3b2";
}
.fa-golf-ball-tee {
  --fa: "\f450";
}
.fa-golf-ball {
  --fa: "\f450";
}
.fa-circle-chevron-left {
  --fa: "\f137";
}
.fa-chevron-circle-left {
  --fa: "\f137";
}
.fa-house-chimney-window {
  --fa: "\e00d";
}
.fa-pen-nib {
  --fa: "\f5ad";
}
.fa-tent-arrow-turn-left {
  --fa: "\e580";
}
.fa-tents {
  --fa: "\e582";
}
.fa-wand-magic {
  --fa: "\f0d0";
}
.fa-magic {
  --fa: "\f0d0";
}
.fa-dog {
  --fa: "\f6d3";
}
.fa-carrot {
  --fa: "\f787";
}
.fa-moon {
  --fa: "\f186";
}
.fa-wine-glass-empty {
  --fa: "\f5ce";
}
.fa-wine-glass-alt {
  --fa: "\f5ce";
}
.fa-cheese {
  --fa: "\f7ef";
}
.fa-yin-yang {
  --fa: "\f6ad";
}
.fa-music {
  --fa: "\f001";
}
.fa-code-commit {
  --fa: "\f386";
}
.fa-temperature-low {
  --fa: "\f76b";
}
.fa-person-biking {
  --fa: "\f84a";
}
.fa-biking {
  --fa: "\f84a";
}
.fa-broom {
  --fa: "\f51a";
}
.fa-shield-heart {
  --fa: "\e574";
}
.fa-gopuram {
  --fa: "\f664";
}
.fa-earth-oceania {
  --fa: "\e47b";
}
.fa-globe-oceania {
  --fa: "\e47b";
}
.fa-square-xmark {
  --fa: "\f2d3";
}
.fa-times-square {
  --fa: "\f2d3";
}
.fa-xmark-square {
  --fa: "\f2d3";
}
.fa-hashtag {
  --fa: "\23";
}
.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}
.fa-expand-alt {
  --fa: "\f424";
}
.fa-oil-can {
  --fa: "\f613";
}
.fa-t {
  --fa: "\54";
}
.fa-hippo {
  --fa: "\f6ed";
}
.fa-chart-column {
  --fa: "\e0e3";
}
.fa-infinity {
  --fa: "\f534";
}
.fa-vial-circle-check {
  --fa: "\e596";
}
.fa-person-arrow-down-to-line {
  --fa: "\e538";
}
.fa-voicemail {
  --fa: "\f897";
}
.fa-fan {
  --fa: "\f863";
}
.fa-person-walking-luggage {
  --fa: "\e554";
}
.fa-up-down {
  --fa: "\f338";
}
.fa-arrows-alt-v {
  --fa: "\f338";
}
.fa-cloud-moon-rain {
  --fa: "\f73c";
}
.fa-calendar {
  --fa: "\f133";
}
.fa-trailer {
  --fa: "\e041";
}
.fa-bahai {
  --fa: "\f666";
}
.fa-haykal {
  --fa: "\f666";
}
.fa-sd-card {
  --fa: "\f7c2";
}
.fa-dragon {
  --fa: "\f6d5";
}
.fa-shoe-prints {
  --fa: "\f54b";
}
.fa-circle-plus {
  --fa: "\f055";
}
.fa-plus-circle {
  --fa: "\f055";
}
.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}
.fa-grin-tongue-wink {
  --fa: "\f58b";
}
.fa-hand-holding {
  --fa: "\f4bd";
}
.fa-plug-circle-exclamation {
  --fa: "\e55d";
}
.fa-link-slash {
  --fa: "\f127";
}
.fa-chain-broken {
  --fa: "\f127";
}
.fa-chain-slash {
  --fa: "\f127";
}
.fa-unlink {
  --fa: "\f127";
}
.fa-clone {
  --fa: "\f24d";
}
.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}
.fa-arrow-up-z-a {
  --fa: "\f882";
}
.fa-sort-alpha-up-alt {
  --fa: "\f882";
}
.fa-fire-flame-curved {
  --fa: "\f7e4";
}
.fa-fire-alt {
  --fa: "\f7e4";
}
.fa-tornado {
  --fa: "\f76f";
}
.fa-file-circle-plus {
  --fa: "\e494";
}
.fa-book-quran {
  --fa: "\f687";
}
.fa-quran {
  --fa: "\f687";
}
.fa-anchor {
  --fa: "\f13d";
}
.fa-border-all {
  --fa: "\f84c";
}
.fa-face-angry {
  --fa: "\f556";
}
.fa-angry {
  --fa: "\f556";
}
.fa-cookie-bite {
  --fa: "\f564";
}
.fa-arrow-trend-down {
  --fa: "\e097";
}
.fa-rss {
  --fa: "\f09e";
}
.fa-feed {
  --fa: "\f09e";
}
.fa-draw-polygon {
  --fa: "\f5ee";
}
.fa-scale-balanced {
  --fa: "\f24e";
}
.fa-balance-scale {
  --fa: "\f24e";
}
.fa-gauge-simple-high {
  --fa: "\f62a";
}
.fa-tachometer {
  --fa: "\f62a";
}
.fa-tachometer-fast {
  --fa: "\f62a";
}
.fa-shower {
  --fa: "\f2cc";
}
.fa-desktop {
  --fa: "\f390";
}
.fa-desktop-alt {
  --fa: "\f390";
}
.fa-m {
  --fa: "\4d";
}
.fa-table-list {
  --fa: "\f00b";
}
.fa-th-list {
  --fa: "\f00b";
}
.fa-comment-sms {
  --fa: "\f7cd";
}
.fa-sms {
  --fa: "\f7cd";
}
.fa-book {
  --fa: "\f02d";
}
.fa-user-plus {
  --fa: "\f234";
}
.fa-check {
  --fa: "\f00c";
}
.fa-battery-three-quarters {
  --fa: "\f241";
}
.fa-battery-4 {
  --fa: "\f241";
}
.fa-house-circle-check {
  --fa: "\e509";
}
.fa-angle-left {
  --fa: "\f104";
}
.fa-diagram-successor {
  --fa: "\e47a";
}
.fa-truck-arrow-right {
  --fa: "\e58b";
}
.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}
.fa-hand-fist {
  --fa: "\f6de";
}
.fa-fist-raised {
  --fa: "\f6de";
}
.fa-cloud-moon {
  --fa: "\f6c3";
}
.fa-briefcase {
  --fa: "\f0b1";
}
.fa-person-falling {
  --fa: "\e546";
}
.fa-image-portrait {
  --fa: "\f3e0";
}
.fa-portrait {
  --fa: "\f3e0";
}
.fa-user-tag {
  --fa: "\f507";
}
.fa-rug {
  --fa: "\e569";
}
.fa-earth-europe {
  --fa: "\f7a2";
}
.fa-globe-europe {
  --fa: "\f7a2";
}
.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}
.fa-luggage-cart {
  --fa: "\f59d";
}
.fa-rectangle-xmark {
  --fa: "\f410";
}
.fa-rectangle-times {
  --fa: "\f410";
}
.fa-times-rectangle {
  --fa: "\f410";
}
.fa-window-close {
  --fa: "\f410";
}
.fa-baht-sign {
  --fa: "\e0ac";
}
.fa-book-open {
  --fa: "\f518";
}
.fa-book-journal-whills {
  --fa: "\f66a";
}
.fa-journal-whills {
  --fa: "\f66a";
}
.fa-handcuffs {
  --fa: "\e4f8";
}
.fa-triangle-exclamation {
  --fa: "\f071";
}
.fa-exclamation-triangle {
  --fa: "\f071";
}
.fa-warning {
  --fa: "\f071";
}
.fa-database {
  --fa: "\f1c0";
}
.fa-share {
  --fa: "\f064";
}
.fa-mail-forward {
  --fa: "\f064";
}
.fa-bottle-droplet {
  --fa: "\e4c4";
}
.fa-mask-face {
  --fa: "\e1d7";
}
.fa-hill-rockslide {
  --fa: "\e508";
}
.fa-right-left {
  --fa: "\f362";
}
.fa-exchange-alt {
  --fa: "\f362";
}
.fa-paper-plane {
  --fa: "\f1d8";
}
.fa-road-circle-exclamation {
  --fa: "\e565";
}
.fa-dungeon {
  --fa: "\f6d9";
}
.fa-align-right {
  --fa: "\f038";
}
.fa-money-bill-1-wave {
  --fa: "\f53b";
}
.fa-money-bill-wave-alt {
  --fa: "\f53b";
}
.fa-life-ring {
  --fa: "\f1cd";
}
.fa-hands {
  --fa: "\f2a7";
}
.fa-sign-language {
  --fa: "\f2a7";
}
.fa-signing {
  --fa: "\f2a7";
}
.fa-calendar-day {
  --fa: "\f783";
}
.fa-water-ladder {
  --fa: "\f5c5";
}
.fa-ladder-water {
  --fa: "\f5c5";
}
.fa-swimming-pool {
  --fa: "\f5c5";
}
.fa-arrows-up-down {
  --fa: "\f07d";
}
.fa-arrows-v {
  --fa: "\f07d";
}
.fa-face-grimace {
  --fa: "\f57f";
}
.fa-grimace {
  --fa: "\f57f";
}
.fa-wheelchair-move {
  --fa: "\e2ce";
}
.fa-wheelchair-alt {
  --fa: "\e2ce";
}
.fa-turn-down {
  --fa: "\f3be";
}
.fa-level-down-alt {
  --fa: "\f3be";
}
.fa-person-walking-arrow-right {
  --fa: "\e552";
}
.fa-square-envelope {
  --fa: "\f199";
}
.fa-envelope-square {
  --fa: "\f199";
}
.fa-dice {
  --fa: "\f522";
}
.fa-bowling-ball {
  --fa: "\f436";
}
.fa-brain {
  --fa: "\f5dc";
}
.fa-bandage {
  --fa: "\f462";
}
.fa-band-aid {
  --fa: "\f462";
}
.fa-calendar-minus {
  --fa: "\f272";
}
.fa-circle-xmark {
  --fa: "\f057";
}
.fa-times-circle {
  --fa: "\f057";
}
.fa-xmark-circle {
  --fa: "\f057";
}
.fa-gifts {
  --fa: "\f79c";
}
.fa-hotel {
  --fa: "\f594";
}
.fa-earth-asia {
  --fa: "\f57e";
}
.fa-globe-asia {
  --fa: "\f57e";
}
.fa-id-card-clip {
  --fa: "\f47f";
}
.fa-id-card-alt {
  --fa: "\f47f";
}
.fa-magnifying-glass-plus {
  --fa: "\f00e";
}
.fa-search-plus {
  --fa: "\f00e";
}
.fa-thumbs-up {
  --fa: "\f164";
}
.fa-user-clock {
  --fa: "\f4fd";
}
.fa-hand-dots {
  --fa: "\f461";
}
.fa-allergies {
  --fa: "\f461";
}
.fa-file-invoice {
  --fa: "\f570";
}
.fa-window-minimize {
  --fa: "\f2d1";
}
.fa-mug-saucer {
  --fa: "\f0f4";
}
.fa-coffee {
  --fa: "\f0f4";
}
.fa-brush {
  --fa: "\f55d";
}
.fa-file-half-dashed {
  --fa: "\e698";
}
.fa-mask {
  --fa: "\f6fa";
}
.fa-magnifying-glass-minus {
  --fa: "\f010";
}
.fa-search-minus {
  --fa: "\f010";
}
.fa-ruler-vertical {
  --fa: "\f548";
}
.fa-user-large {
  --fa: "\f406";
}
.fa-user-alt {
  --fa: "\f406";
}
.fa-train-tram {
  --fa: "\e5b4";
}
.fa-user-nurse {
  --fa: "\f82f";
}
.fa-syringe {
  --fa: "\f48e";
}
.fa-cloud-sun {
  --fa: "\f6c4";
}
.fa-stopwatch-20 {
  --fa: "\e06f";
}
.fa-square-full {
  --fa: "\f45c";
}
.fa-magnet {
  --fa: "\f076";
}
.fa-jar {
  --fa: "\e516";
}
.fa-note-sticky {
  --fa: "\f249";
}
.fa-sticky-note {
  --fa: "\f249";
}
.fa-bug-slash {
  --fa: "\e490";
}
.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}
.fa-bone {
  --fa: "\f5d7";
}
.fa-table-cells-row-unlock {
  --fa: "\e691";
}
.fa-user-injured {
  --fa: "\f728";
}
.fa-face-sad-tear {
  --fa: "\f5b4";
}
.fa-sad-tear {
  --fa: "\f5b4";
}
.fa-plane {
  --fa: "\f072";
}
.fa-tent-arrows-down {
  --fa: "\e581";
}
.fa-exclamation {
  --fa: "\21";
}
.fa-arrows-spin {
  --fa: "\e4bb";
}
.fa-print {
  --fa: "\f02f";
}
.fa-turkish-lira-sign {
  --fa: "\e2bb";
}
.fa-try {
  --fa: "\e2bb";
}
.fa-turkish-lira {
  --fa: "\e2bb";
}
.fa-dollar-sign {
  --fa: "\24";
}
.fa-dollar {
  --fa: "\24";
}
.fa-usd {
  --fa: "\24";
}
.fa-x {
  --fa: "\58";
}
.fa-magnifying-glass-dollar {
  --fa: "\f688";
}
.fa-search-dollar {
  --fa: "\f688";
}
.fa-users-gear {
  --fa: "\f509";
}
.fa-users-cog {
  --fa: "\f509";
}
.fa-person-military-pointing {
  --fa: "\e54a";
}
.fa-building-columns {
  --fa: "\f19c";
}
.fa-bank {
  --fa: "\f19c";
}
.fa-institution {
  --fa: "\f19c";
}
.fa-museum {
  --fa: "\f19c";
}
.fa-university {
  --fa: "\f19c";
}
.fa-umbrella {
  --fa: "\f0e9";
}
.fa-trowel {
  --fa: "\e589";
}
.fa-d {
  --fa: "\44";
}
.fa-stapler {
  --fa: "\e5af";
}
.fa-masks-theater {
  --fa: "\f630";
}
.fa-theater-masks {
  --fa: "\f630";
}
.fa-kip-sign {
  --fa: "\e1c4";
}
.fa-hand-point-left {
  --fa: "\f0a5";
}
.fa-handshake-simple {
  --fa: "\f4c6";
}
.fa-handshake-alt {
  --fa: "\f4c6";
}
.fa-jet-fighter {
  --fa: "\f0fb";
}
.fa-fighter-jet {
  --fa: "\f0fb";
}
.fa-square-share-nodes {
  --fa: "\f1e1";
}
.fa-share-alt-square {
  --fa: "\f1e1";
}
.fa-barcode {
  --fa: "\f02a";
}
.fa-plus-minus {
  --fa: "\e43c";
}
.fa-video {
  --fa: "\f03d";
}
.fa-video-camera {
  --fa: "\f03d";
}
.fa-graduation-cap {
  --fa: "\f19d";
}
.fa-mortar-board {
  --fa: "\f19d";
}
.fa-hand-holding-medical {
  --fa: "\e05c";
}
.fa-person-circle-check {
  --fa: "\e53e";
}
.fa-turn-up {
  --fa: "\f3bf";
}
.fa-level-up-alt {
  --fa: "\f3bf";
}
.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/media/fa-solid-900.2463b90d9a316e4e5294.woff2) format('woff2'), url(/media/fa-solid-900.2582b0e4bcf85eceead0.ttf) format('truetype');
}
.fas,
.fa-solid {
  font-weight: 900;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/media/fa-regular-400.89999bdf5d835c012025.woff2) format('woff2'), url(/media/fa-regular-400.914997e1bdfc990d0897.ttf) format('truetype');
}
.far,
.fa-regular {
  font-weight: 400;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/media/fa-brands-400.c210719e60948b211a12.woff2) format('woff2'), url(/media/fa-brands-400.1815e00441357e01619e.ttf) format('truetype');
}
.fab,
.fa-brands {
  font-weight: 400;
}
.fa-monero {
  --fa: "\f3d0";
}
.fa-hooli {
  --fa: "\f427";
}
.fa-yelp {
  --fa: "\f1e9";
}
.fa-cc-visa {
  --fa: "\f1f0";
}
.fa-lastfm {
  --fa: "\f202";
}
.fa-shopware {
  --fa: "\f5b5";
}
.fa-creative-commons-nc {
  --fa: "\f4e8";
}
.fa-aws {
  --fa: "\f375";
}
.fa-redhat {
  --fa: "\f7bc";
}
.fa-yoast {
  --fa: "\f2b1";
}
.fa-cloudflare {
  --fa: "\e07d";
}
.fa-ups {
  --fa: "\f7e0";
}
.fa-pixiv {
  --fa: "\e640";
}
.fa-wpexplorer {
  --fa: "\f2de";
}
.fa-dyalog {
  --fa: "\f399";
}
.fa-bity {
  --fa: "\f37a";
}
.fa-stackpath {
  --fa: "\f842";
}
.fa-buysellads {
  --fa: "\f20d";
}
.fa-first-order {
  --fa: "\f2b0";
}
.fa-modx {
  --fa: "\f285";
}
.fa-guilded {
  --fa: "\e07e";
}
.fa-vnv {
  --fa: "\f40b";
}
.fa-square-js {
  --fa: "\f3b9";
}
.fa-js-square {
  --fa: "\f3b9";
}
.fa-microsoft {
  --fa: "\f3ca";
}
.fa-qq {
  --fa: "\f1d6";
}
.fa-orcid {
  --fa: "\f8d2";
}
.fa-java {
  --fa: "\f4e4";
}
.fa-invision {
  --fa: "\f7b0";
}
.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}
.fa-centercode {
  --fa: "\f380";
}
.fa-glide-g {
  --fa: "\f2a6";
}
.fa-drupal {
  --fa: "\f1a9";
}
.fa-jxl {
  --fa: "\e67b";
}
.fa-dart-lang {
  --fa: "\e693";
}
.fa-hire-a-helper {
  --fa: "\f3b0";
}
.fa-creative-commons-by {
  --fa: "\f4e7";
}
.fa-unity {
  --fa: "\e049";
}
.fa-whmcs {
  --fa: "\f40d";
}
.fa-rocketchat {
  --fa: "\f3e8";
}
.fa-vk {
  --fa: "\f189";
}
.fa-untappd {
  --fa: "\f405";
}
.fa-mailchimp {
  --fa: "\f59e";
}
.fa-css3-alt {
  --fa: "\f38b";
}
.fa-square-reddit {
  --fa: "\f1a2";
}
.fa-reddit-square {
  --fa: "\f1a2";
}
.fa-vimeo-v {
  --fa: "\f27d";
}
.fa-contao {
  --fa: "\f26d";
}
.fa-square-font-awesome {
  --fa: "\e5ad";
}
.fa-deskpro {
  --fa: "\f38f";
}
.fa-brave {
  --fa: "\e63c";
}
.fa-sistrix {
  --fa: "\f3ee";
}
.fa-square-instagram {
  --fa: "\e055";
}
.fa-instagram-square {
  --fa: "\e055";
}
.fa-battle-net {
  --fa: "\f835";
}
.fa-the-red-yeti {
  --fa: "\f69d";
}
.fa-square-hacker-news {
  --fa: "\f3af";
}
.fa-hacker-news-square {
  --fa: "\f3af";
}
.fa-edge {
  --fa: "\f282";
}
.fa-threads {
  --fa: "\e618";
}
.fa-napster {
  --fa: "\f3d2";
}
.fa-square-snapchat {
  --fa: "\f2ad";
}
.fa-snapchat-square {
  --fa: "\f2ad";
}
.fa-google-plus-g {
  --fa: "\f0d5";
}
.fa-artstation {
  --fa: "\f77a";
}
.fa-markdown {
  --fa: "\f60f";
}
.fa-sourcetree {
  --fa: "\f7d3";
}
.fa-google-plus {
  --fa: "\f2b3";
}
.fa-diaspora {
  --fa: "\f791";
}
.fa-foursquare {
  --fa: "\f180";
}
.fa-stack-overflow {
  --fa: "\f16c";
}
.fa-github-alt {
  --fa: "\f113";
}
.fa-phoenix-squadron {
  --fa: "\f511";
}
.fa-pagelines {
  --fa: "\f18c";
}
.fa-algolia {
  --fa: "\f36c";
}
.fa-red-river {
  --fa: "\f3e3";
}
.fa-creative-commons-sa {
  --fa: "\f4ef";
}
.fa-safari {
  --fa: "\f267";
}
.fa-google {
  --fa: "\f1a0";
}
.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}
.fa-font-awesome-alt {
  --fa: "\f35c";
}
.fa-atlassian {
  --fa: "\f77b";
}
.fa-linkedin-in {
  --fa: "\f0e1";
}
.fa-digital-ocean {
  --fa: "\f391";
}
.fa-nimblr {
  --fa: "\f5a8";
}
.fa-chromecast {
  --fa: "\f838";
}
.fa-evernote {
  --fa: "\f839";
}
.fa-hacker-news {
  --fa: "\f1d4";
}
.fa-creative-commons-sampling {
  --fa: "\f4f0";
}
.fa-adversal {
  --fa: "\f36a";
}
.fa-creative-commons {
  --fa: "\f25e";
}
.fa-watchman-monitoring {
  --fa: "\e087";
}
.fa-fonticons {
  --fa: "\f280";
}
.fa-weixin {
  --fa: "\f1d7";
}
.fa-shirtsinbulk {
  --fa: "\f214";
}
.fa-codepen {
  --fa: "\f1cb";
}
.fa-git-alt {
  --fa: "\f841";
}
.fa-lyft {
  --fa: "\f3c3";
}
.fa-rev {
  --fa: "\f5b2";
}
.fa-windows {
  --fa: "\f17a";
}
.fa-wizards-of-the-coast {
  --fa: "\f730";
}
.fa-square-viadeo {
  --fa: "\f2aa";
}
.fa-viadeo-square {
  --fa: "\f2aa";
}
.fa-meetup {
  --fa: "\f2e0";
}
.fa-centos {
  --fa: "\f789";
}
.fa-adn {
  --fa: "\f170";
}
.fa-cloudsmith {
  --fa: "\f384";
}
.fa-opensuse {
  --fa: "\e62b";
}
.fa-pied-piper-alt {
  --fa: "\f1a8";
}
.fa-square-dribbble {
  --fa: "\f397";
}
.fa-dribbble-square {
  --fa: "\f397";
}
.fa-codiepie {
  --fa: "\f284";
}
.fa-node {
  --fa: "\f419";
}
.fa-mix {
  --fa: "\f3cb";
}
.fa-steam {
  --fa: "\f1b6";
}
.fa-cc-apple-pay {
  --fa: "\f416";
}
.fa-scribd {
  --fa: "\f28a";
}
.fa-debian {
  --fa: "\e60b";
}
.fa-openid {
  --fa: "\f19b";
}
.fa-instalod {
  --fa: "\e081";
}
.fa-files-pinwheel {
  --fa: "\e69f";
}
.fa-expeditedssl {
  --fa: "\f23e";
}
.fa-sellcast {
  --fa: "\f2da";
}
.fa-square-twitter {
  --fa: "\f081";
}
.fa-twitter-square {
  --fa: "\f081";
}
.fa-r-project {
  --fa: "\f4f7";
}
.fa-delicious {
  --fa: "\f1a5";
}
.fa-freebsd {
  --fa: "\f3a4";
}
.fa-vuejs {
  --fa: "\f41f";
}
.fa-accusoft {
  --fa: "\f369";
}
.fa-ioxhost {
  --fa: "\f208";
}
.fa-fonticons-fi {
  --fa: "\f3a2";
}
.fa-app-store {
  --fa: "\f36f";
}
.fa-cc-mastercard {
  --fa: "\f1f1";
}
.fa-itunes-note {
  --fa: "\f3b5";
}
.fa-golang {
  --fa: "\e40f";
}
.fa-kickstarter {
  --fa: "\f3bb";
}
.fa-square-kickstarter {
  --fa: "\f3bb";
}
.fa-grav {
  --fa: "\f2d6";
}
.fa-weibo {
  --fa: "\f18a";
}
.fa-uncharted {
  --fa: "\e084";
}
.fa-firstdraft {
  --fa: "\f3a1";
}
.fa-square-youtube {
  --fa: "\f431";
}
.fa-youtube-square {
  --fa: "\f431";
}
.fa-wikipedia-w {
  --fa: "\f266";
}
.fa-wpressr {
  --fa: "\f3e4";
}
.fa-rendact {
  --fa: "\f3e4";
}
.fa-angellist {
  --fa: "\f209";
}
.fa-galactic-republic {
  --fa: "\f50c";
}
.fa-nfc-directional {
  --fa: "\e530";
}
.fa-skype {
  --fa: "\f17e";
}
.fa-joget {
  --fa: "\f3b7";
}
.fa-fedora {
  --fa: "\f798";
}
.fa-stripe-s {
  --fa: "\f42a";
}
.fa-meta {
  --fa: "\e49b";
}
.fa-laravel {
  --fa: "\f3bd";
}
.fa-hotjar {
  --fa: "\f3b1";
}
.fa-bluetooth-b {
  --fa: "\f294";
}
.fa-square-letterboxd {
  --fa: "\e62e";
}
.fa-sticker-mule {
  --fa: "\f3f7";
}
.fa-creative-commons-zero {
  --fa: "\f4f3";
}
.fa-hips {
  --fa: "\f452";
}
.fa-css {
  --fa: "\e6a2";
}
.fa-behance {
  --fa: "\f1b4";
}
.fa-reddit {
  --fa: "\f1a1";
}
.fa-discord {
  --fa: "\f392";
}
.fa-chrome {
  --fa: "\f268";
}
.fa-app-store-ios {
  --fa: "\f370";
}
.fa-cc-discover {
  --fa: "\f1f2";
}
.fa-wpbeginner {
  --fa: "\f297";
}
.fa-confluence {
  --fa: "\f78d";
}
.fa-shoelace {
  --fa: "\e60c";
}
.fa-mdb {
  --fa: "\f8ca";
}
.fa-dochub {
  --fa: "\f394";
}
.fa-accessible-icon {
  --fa: "\f368";
}
.fa-ebay {
  --fa: "\f4f4";
}
.fa-amazon {
  --fa: "\f270";
}
.fa-unsplash {
  --fa: "\e07c";
}
.fa-yarn {
  --fa: "\f7e3";
}
.fa-square-steam {
  --fa: "\f1b7";
}
.fa-steam-square {
  --fa: "\f1b7";
}
.fa-500px {
  --fa: "\f26e";
}
.fa-square-vimeo {
  --fa: "\f194";
}
.fa-vimeo-square {
  --fa: "\f194";
}
.fa-asymmetrik {
  --fa: "\f372";
}
.fa-font-awesome {
  --fa: "\f2b4";
}
.fa-font-awesome-flag {
  --fa: "\f2b4";
}
.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}
.fa-gratipay {
  --fa: "\f184";
}
.fa-apple {
  --fa: "\f179";
}
.fa-hive {
  --fa: "\e07f";
}
.fa-gitkraken {
  --fa: "\f3a6";
}
.fa-keybase {
  --fa: "\f4f5";
}
.fa-apple-pay {
  --fa: "\f415";
}
.fa-padlet {
  --fa: "\e4a0";
}
.fa-amazon-pay {
  --fa: "\f42c";
}
.fa-square-github {
  --fa: "\f092";
}
.fa-github-square {
  --fa: "\f092";
}
.fa-stumbleupon {
  --fa: "\f1a4";
}
.fa-fedex {
  --fa: "\f797";
}
.fa-phoenix-framework {
  --fa: "\f3dc";
}
.fa-shopify {
  --fa: "\e057";
}
.fa-neos {
  --fa: "\f612";
}
.fa-square-threads {
  --fa: "\e619";
}
.fa-hackerrank {
  --fa: "\f5f7";
}
.fa-researchgate {
  --fa: "\f4f8";
}
.fa-swift {
  --fa: "\f8e1";
}
.fa-angular {
  --fa: "\f420";
}
.fa-speakap {
  --fa: "\f3f3";
}
.fa-angrycreative {
  --fa: "\f36e";
}
.fa-y-combinator {
  --fa: "\f23b";
}
.fa-empire {
  --fa: "\f1d1";
}
.fa-envira {
  --fa: "\f299";
}
.fa-google-scholar {
  --fa: "\e63b";
}
.fa-square-gitlab {
  --fa: "\e5ae";
}
.fa-gitlab-square {
  --fa: "\e5ae";
}
.fa-studiovinari {
  --fa: "\f3f8";
}
.fa-pied-piper {
  --fa: "\f2ae";
}
.fa-wordpress {
  --fa: "\f19a";
}
.fa-product-hunt {
  --fa: "\f288";
}
.fa-firefox {
  --fa: "\f269";
}
.fa-linode {
  --fa: "\f2b8";
}
.fa-goodreads {
  --fa: "\f3a8";
}
.fa-square-odnoklassniki {
  --fa: "\f264";
}
.fa-odnoklassniki-square {
  --fa: "\f264";
}
.fa-jsfiddle {
  --fa: "\f1cc";
}
.fa-sith {
  --fa: "\f512";
}
.fa-themeisle {
  --fa: "\f2b2";
}
.fa-page4 {
  --fa: "\f3d7";
}
.fa-hashnode {
  --fa: "\e499";
}
.fa-react {
  --fa: "\f41b";
}
.fa-cc-paypal {
  --fa: "\f1f4";
}
.fa-squarespace {
  --fa: "\f5be";
}
.fa-cc-stripe {
  --fa: "\f1f5";
}
.fa-creative-commons-share {
  --fa: "\f4f2";
}
.fa-bitcoin {
  --fa: "\f379";
}
.fa-keycdn {
  --fa: "\f3ba";
}
.fa-opera {
  --fa: "\f26a";
}
.fa-itch-io {
  --fa: "\f83a";
}
.fa-umbraco {
  --fa: "\f8e8";
}
.fa-galactic-senate {
  --fa: "\f50d";
}
.fa-ubuntu {
  --fa: "\f7df";
}
.fa-draft2digital {
  --fa: "\f396";
}
.fa-stripe {
  --fa: "\f429";
}
.fa-houzz {
  --fa: "\f27c";
}
.fa-gg {
  --fa: "\f260";
}
.fa-dhl {
  --fa: "\f790";
}
.fa-square-pinterest {
  --fa: "\f0d3";
}
.fa-pinterest-square {
  --fa: "\f0d3";
}
.fa-xing {
  --fa: "\f168";
}
.fa-blackberry {
  --fa: "\f37b";
}
.fa-creative-commons-pd {
  --fa: "\f4ec";
}
.fa-playstation {
  --fa: "\f3df";
}
.fa-quinscape {
  --fa: "\f459";
}
.fa-less {
  --fa: "\f41d";
}
.fa-blogger-b {
  --fa: "\f37d";
}
.fa-opencart {
  --fa: "\f23d";
}
.fa-vine {
  --fa: "\f1ca";
}
.fa-signal-messenger {
  --fa: "\e663";
}
.fa-paypal {
  --fa: "\f1ed";
}
.fa-gitlab {
  --fa: "\f296";
}
.fa-typo3 {
  --fa: "\f42b";
}
.fa-reddit-alien {
  --fa: "\f281";
}
.fa-yahoo {
  --fa: "\f19e";
}
.fa-dailymotion {
  --fa: "\e052";
}
.fa-affiliatetheme {
  --fa: "\f36b";
}
.fa-pied-piper-pp {
  --fa: "\f1a7";
}
.fa-bootstrap {
  --fa: "\f836";
}
.fa-odnoklassniki {
  --fa: "\f263";
}
.fa-nfc-symbol {
  --fa: "\e531";
}
.fa-mintbit {
  --fa: "\e62f";
}
.fa-ethereum {
  --fa: "\f42e";
}
.fa-speaker-deck {
  --fa: "\f83c";
}
.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}
.fa-patreon {
  --fa: "\f3d9";
}
.fa-avianex {
  --fa: "\f374";
}
.fa-ello {
  --fa: "\f5f1";
}
.fa-gofore {
  --fa: "\f3a7";
}
.fa-bimobject {
  --fa: "\f378";
}
.fa-brave-reverse {
  --fa: "\e63d";
}
.fa-facebook-f {
  --fa: "\f39e";
}
.fa-square-google-plus {
  --fa: "\f0d4";
}
.fa-google-plus-square {
  --fa: "\f0d4";
}
.fa-web-awesome {
  --fa: "\e682";
}
.fa-mandalorian {
  --fa: "\f50f";
}
.fa-first-order-alt {
  --fa: "\f50a";
}
.fa-osi {
  --fa: "\f41a";
}
.fa-google-wallet {
  --fa: "\f1ee";
}
.fa-d-and-d-beyond {
  --fa: "\f6ca";
}
.fa-periscope {
  --fa: "\f3da";
}
.fa-fulcrum {
  --fa: "\f50b";
}
.fa-cloudscale {
  --fa: "\f383";
}
.fa-forumbee {
  --fa: "\f211";
}
.fa-mizuni {
  --fa: "\f3cc";
}
.fa-schlix {
  --fa: "\f3ea";
}
.fa-square-xing {
  --fa: "\f169";
}
.fa-xing-square {
  --fa: "\f169";
}
.fa-bandcamp {
  --fa: "\f2d5";
}
.fa-wpforms {
  --fa: "\f298";
}
.fa-cloudversify {
  --fa: "\f385";
}
.fa-usps {
  --fa: "\f7e1";
}
.fa-megaport {
  --fa: "\f5a3";
}
.fa-magento {
  --fa: "\f3c4";
}
.fa-spotify {
  --fa: "\f1bc";
}
.fa-optin-monster {
  --fa: "\f23c";
}
.fa-fly {
  --fa: "\f417";
}
.fa-square-bluesky {
  --fa: "\e6a3";
}
.fa-aviato {
  --fa: "\f421";
}
.fa-itunes {
  --fa: "\f3b4";
}
.fa-cuttlefish {
  --fa: "\f38c";
}
.fa-blogger {
  --fa: "\f37c";
}
.fa-flickr {
  --fa: "\f16e";
}
.fa-viber {
  --fa: "\f409";
}
.fa-soundcloud {
  --fa: "\f1be";
}
.fa-digg {
  --fa: "\f1a6";
}
.fa-tencent-weibo {
  --fa: "\f1d5";
}
.fa-letterboxd {
  --fa: "\e62d";
}
.fa-symfony {
  --fa: "\f83d";
}
.fa-maxcdn {
  --fa: "\f136";
}
.fa-etsy {
  --fa: "\f2d7";
}
.fa-facebook-messenger {
  --fa: "\f39f";
}
.fa-audible {
  --fa: "\f373";
}
.fa-think-peaks {
  --fa: "\f731";
}
.fa-bilibili {
  --fa: "\e3d9";
}
.fa-erlang {
  --fa: "\f39d";
}
.fa-x-twitter {
  --fa: "\e61b";
}
.fa-cotton-bureau {
  --fa: "\f89e";
}
.fa-dashcube {
  --fa: "\f210";
}
.fa-42-group {
  --fa: "\e080";
}
.fa-innosoft {
  --fa: "\e080";
}
.fa-stack-exchange {
  --fa: "\f18d";
}
.fa-elementor {
  --fa: "\f430";
}
.fa-square-pied-piper {
  --fa: "\e01e";
}
.fa-pied-piper-square {
  --fa: "\e01e";
}
.fa-creative-commons-nd {
  --fa: "\f4eb";
}
.fa-palfed {
  --fa: "\f3d8";
}
.fa-superpowers {
  --fa: "\f2dd";
}
.fa-resolving {
  --fa: "\f3e7";
}
.fa-xbox {
  --fa: "\f412";
}
.fa-square-web-awesome-stroke {
  --fa: "\e684";
}
.fa-searchengin {
  --fa: "\f3eb";
}
.fa-tiktok {
  --fa: "\e07b";
}
.fa-square-facebook {
  --fa: "\f082";
}
.fa-facebook-square {
  --fa: "\f082";
}
.fa-renren {
  --fa: "\f18b";
}
.fa-linux {
  --fa: "\f17c";
}
.fa-glide {
  --fa: "\f2a5";
}
.fa-linkedin {
  --fa: "\f08c";
}
.fa-hubspot {
  --fa: "\f3b2";
}
.fa-deploydog {
  --fa: "\f38e";
}
.fa-twitch {
  --fa: "\f1e8";
}
.fa-flutter {
  --fa: "\e694";
}
.fa-ravelry {
  --fa: "\f2d9";
}
.fa-mixer {
  --fa: "\e056";
}
.fa-square-lastfm {
  --fa: "\f203";
}
.fa-lastfm-square {
  --fa: "\f203";
}
.fa-vimeo {
  --fa: "\f40a";
}
.fa-mendeley {
  --fa: "\f7b3";
}
.fa-uniregistry {
  --fa: "\f404";
}
.fa-figma {
  --fa: "\f799";
}
.fa-creative-commons-remix {
  --fa: "\f4ee";
}
.fa-cc-amazon-pay {
  --fa: "\f42d";
}
.fa-dropbox {
  --fa: "\f16b";
}
.fa-instagram {
  --fa: "\f16d";
}
.fa-cmplid {
  --fa: "\e360";
}
.fa-upwork {
  --fa: "\e641";
}
.fa-facebook {
  --fa: "\f09a";
}
.fa-gripfire {
  --fa: "\f3ac";
}
.fa-jedi-order {
  --fa: "\f50e";
}
.fa-uikit {
  --fa: "\f403";
}
.fa-fort-awesome-alt {
  --fa: "\f3a3";
}
.fa-phabricator {
  --fa: "\f3db";
}
.fa-ussunnah {
  --fa: "\f407";
}
.fa-earlybirds {
  --fa: "\f39a";
}
.fa-trade-federation {
  --fa: "\f513";
}
.fa-autoprefixer {
  --fa: "\f41c";
}
.fa-whatsapp {
  --fa: "\f232";
}
.fa-square-upwork {
  --fa: "\e67c";
}
.fa-slideshare {
  --fa: "\f1e7";
}
.fa-google-play {
  --fa: "\f3ab";
}
.fa-viadeo {
  --fa: "\f2a9";
}
.fa-line {
  --fa: "\f3c0";
}
.fa-google-drive {
  --fa: "\f3aa";
}
.fa-servicestack {
  --fa: "\f3ec";
}
.fa-simplybuilt {
  --fa: "\f215";
}
.fa-bitbucket {
  --fa: "\f171";
}
.fa-imdb {
  --fa: "\f2d8";
}
.fa-deezer {
  --fa: "\e077";
}
.fa-raspberry-pi {
  --fa: "\f7bb";
}
.fa-jira {
  --fa: "\f7b1";
}
.fa-docker {
  --fa: "\f395";
}
.fa-screenpal {
  --fa: "\e570";
}
.fa-bluetooth {
  --fa: "\f293";
}
.fa-gitter {
  --fa: "\f426";
}
.fa-d-and-d {
  --fa: "\f38d";
}
.fa-microblog {
  --fa: "\e01a";
}
.fa-cc-diners-club {
  --fa: "\f24c";
}
.fa-gg-circle {
  --fa: "\f261";
}
.fa-pied-piper-hat {
  --fa: "\f4e5";
}
.fa-kickstarter-k {
  --fa: "\f3bc";
}
.fa-yandex {
  --fa: "\f413";
}
.fa-readme {
  --fa: "\f4d5";
}
.fa-html5 {
  --fa: "\f13b";
}
.fa-sellsy {
  --fa: "\f213";
}
.fa-square-web-awesome {
  --fa: "\e683";
}
.fa-sass {
  --fa: "\f41e";
}
.fa-wirsindhandwerk {
  --fa: "\e2d0";
}
.fa-wsh {
  --fa: "\e2d0";
}
.fa-buromobelexperte {
  --fa: "\f37f";
}
.fa-salesforce {
  --fa: "\f83b";
}
.fa-octopus-deploy {
  --fa: "\e082";
}
.fa-medapps {
  --fa: "\f3c6";
}
.fa-ns8 {
  --fa: "\f3d5";
}
.fa-pinterest-p {
  --fa: "\f231";
}
.fa-apper {
  --fa: "\f371";
}
.fa-fort-awesome {
  --fa: "\f286";
}
.fa-waze {
  --fa: "\f83f";
}
.fa-bluesky {
  --fa: "\e671";
}
.fa-cc-jcb {
  --fa: "\f24b";
}
.fa-snapchat {
  --fa: "\f2ab";
}
.fa-snapchat-ghost {
  --fa: "\f2ab";
}
.fa-fantasy-flight-games {
  --fa: "\f6dc";
}
.fa-rust {
  --fa: "\e07a";
}
.fa-wix {
  --fa: "\f5cf";
}
.fa-square-behance {
  --fa: "\f1b5";
}
.fa-behance-square {
  --fa: "\f1b5";
}
.fa-supple {
  --fa: "\f3f9";
}
.fa-webflow {
  --fa: "\e65c";
}
.fa-rebel {
  --fa: "\f1d0";
}
.fa-css3 {
  --fa: "\f13c";
}
.fa-staylinked {
  --fa: "\f3f5";
}
.fa-kaggle {
  --fa: "\f5fa";
}
.fa-space-awesome {
  --fa: "\e5ac";
}
.fa-deviantart {
  --fa: "\f1bd";
}
.fa-cpanel {
  --fa: "\f388";
}
.fa-goodreads-g {
  --fa: "\f3a9";
}
.fa-square-git {
  --fa: "\f1d2";
}
.fa-git-square {
  --fa: "\f1d2";
}
.fa-square-tumblr {
  --fa: "\f174";
}
.fa-tumblr-square {
  --fa: "\f174";
}
.fa-trello {
  --fa: "\f181";
}
.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}
.fa-get-pocket {
  --fa: "\f265";
}
.fa-perbyte {
  --fa: "\e083";
}
.fa-grunt {
  --fa: "\f3ad";
}
.fa-weebly {
  --fa: "\f5cc";
}
.fa-connectdevelop {
  --fa: "\f20e";
}
.fa-leanpub {
  --fa: "\f212";
}
.fa-black-tie {
  --fa: "\f27e";
}
.fa-themeco {
  --fa: "\f5c6";
}
.fa-python {
  --fa: "\f3e2";
}
.fa-android {
  --fa: "\f17b";
}
.fa-bots {
  --fa: "\e340";
}
.fa-free-code-camp {
  --fa: "\f2c5";
}
.fa-hornbill {
  --fa: "\f592";
}
.fa-js {
  --fa: "\f3b8";
}
.fa-ideal {
  --fa: "\e013";
}
.fa-git {
  --fa: "\f1d3";
}
.fa-dev {
  --fa: "\f6cc";
}
.fa-sketch {
  --fa: "\f7c6";
}
.fa-yandex-international {
  --fa: "\f414";
}
.fa-cc-amex {
  --fa: "\f1f3";
}
.fa-uber {
  --fa: "\f402";
}
.fa-github {
  --fa: "\f09b";
}
.fa-php {
  --fa: "\f457";
}
.fa-alipay {
  --fa: "\f642";
}
.fa-youtube {
  --fa: "\f167";
}
.fa-skyatlas {
  --fa: "\f216";
}
.fa-firefox-browser {
  --fa: "\e007";
}
.fa-replyd {
  --fa: "\f3e6";
}
.fa-suse {
  --fa: "\f7d6";
}
.fa-jenkins {
  --fa: "\f3b6";
}
.fa-twitter {
  --fa: "\f099";
}
.fa-rockrms {
  --fa: "\f3e9";
}
.fa-pinterest {
  --fa: "\f0d2";
}
.fa-buffer {
  --fa: "\f837";
}
.fa-npm {
  --fa: "\f3d4";
}
.fa-yammer {
  --fa: "\f840";
}
.fa-btc {
  --fa: "\f15a";
}
.fa-dribbble {
  --fa: "\f17d";
}
.fa-stumbleupon-circle {
  --fa: "\f1a3";
}
.fa-internet-explorer {
  --fa: "\f26b";
}
.fa-stubber {
  --fa: "\e5c7";
}
.fa-telegram {
  --fa: "\f2c6";
}
.fa-telegram-plane {
  --fa: "\f2c6";
}
.fa-old-republic {
  --fa: "\f510";
}
.fa-odysee {
  --fa: "\e5c6";
}
.fa-square-whatsapp {
  --fa: "\f40c";
}
.fa-whatsapp-square {
  --fa: "\f40c";
}
.fa-node-js {
  --fa: "\f3d3";
}
.fa-edge-legacy {
  --fa: "\e078";
}
.fa-slack {
  --fa: "\f198";
}
.fa-slack-hash {
  --fa: "\f198";
}
.fa-medrt {
  --fa: "\f3c8";
}
.fa-usb {
  --fa: "\f287";
}
.fa-tumblr {
  --fa: "\f173";
}
.fa-vaadin {
  --fa: "\f408";
}
.fa-quora {
  --fa: "\f2c4";
}
.fa-square-x-twitter {
  --fa: "\e61a";
}
.fa-reacteurope {
  --fa: "\f75d";
}
.fa-medium {
  --fa: "\f23a";
}
.fa-medium-m {
  --fa: "\f23a";
}
.fa-amilia {
  --fa: "\f36d";
}
.fa-mixcloud {
  --fa: "\f289";
}
.fa-flipboard {
  --fa: "\f44d";
}
.fa-viacoin {
  --fa: "\f237";
}
.fa-critical-role {
  --fa: "\f6c9";
}
.fa-sitrox {
  --fa: "\e44a";
}
.fa-discourse {
  --fa: "\f393";
}
.fa-joomla {
  --fa: "\f1aa";
}
.fa-mastodon {
  --fa: "\f4f6";
}
.fa-airbnb {
  --fa: "\f834";
}
.fa-wolf-pack-battalion {
  --fa: "\f514";
}
.fa-buy-n-large {
  --fa: "\f8a6";
}
.fa-gulp {
  --fa: "\f3ae";
}
.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}
.fa-strava {
  --fa: "\f428";
}
.fa-ember {
  --fa: "\f423";
}
.fa-canadian-maple-leaf {
  --fa: "\f785";
}
.fa-teamspeak {
  --fa: "\f4f9";
}
.fa-pushed {
  --fa: "\f3e1";
}
.fa-wordpress-simple {
  --fa: "\f411";
}
.fa-nutritionix {
  --fa: "\f3d6";
}
.fa-wodu {
  --fa: "\e088";
}
.fa-google-pay {
  --fa: "\e079";
}
.fa-intercom {
  --fa: "\f7af";
}
.fa-zhihu {
  --fa: "\f63f";
}
.fa-korvue {
  --fa: "\f42f";
}
.fa-pix {
  --fa: "\e43a";
}
.fa-steam-symbol {
  --fa: "\f3f6";
}
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  line-height: 1;
}
:root {
  --info: #0dcaf0;
  --light: #f8f9fa;
  --dark: #212529;
  --primary-text-emphasis: #002366;
  --secondary-text-emphasis: #2b2f32;
  --success-text-emphasis: #064a34;
  --info-text-emphasis: #055160;
  --warning-text-emphasis: #623f04;
  --danger-text-emphasis: #580f0f;
  --light-text-emphasis: #495057;
  --dark-text-emphasis: #495057;
  --primary-bg-subtle: #ccddff;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #cff1e6;
  --info-bg-subtle: #cff4fc;
  --warning-bg-subtle: #fdecce;
  --danger-bg-subtle: #f8d4d4;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99bcff;
  --secondary-border-subtle: #c4c8cb;
  --success-border-subtle: #9fe3cd;
  --info-border-subtle: #9eeaf9;
  --warning-border-subtle: #fbd89d;
  --danger-border-subtle: #f1a8a8;
  --light-border-subtle: #e9ecef;
  --dark-border-subtle: #adb5bd;
  --border-color: #e9ecef;
}
.flex,
.d--f {
  display: flex;
}
.d--n {
  display: none;
}
.d--if {
  display: inline-flex;
}
/* Flex direction */
.fd--r {
  flex-direction: row;
}
/* Default */
.fd--rr {
  flex-direction: row-reverse;
}
.fd--c {
  flex-direction: column;
}
.fd--cr {
  flex-direction: column-reverse;
}
/* Flex wrap */
.fw--n {
  flex-wrap: nowrap;
}
/* Default */
.fw--w {
  flex-wrap: wrap;
}
.fw--wr {
  flex-wrap: wrap-reverse;
}
/* Justify content */
.jc--fe {
  justify-content: flex-end;
}
.jc--fs {
  justify-content: flex-start;
}
/* Default */
.jc--c {
  justify-content: center;
}
.jc--sa {
  justify-content: space-around;
}
.jc--e {
  justify-content: end;
}
.jc--sb {
  justify-content: space-between;
}
/* Align items */
.ai--fs {
  align-items: flex-start;
}
.ai--c {
  align-items: center;
}
.ai--fe {
  align-items: flex-end;
}
.ai--s {
  align-items: stretch;
}
/* Default */
.ai--b {
  align-items: baseline;
}
/* Flex grow */
.fg--0 {
  flex-grow: 0;
}
/* Default */
.fg--1 {
  flex-grow: 1;
}
/* Flex shrink */
.fs--0 {
  flex-shrink: 0;
}
.fs--1 {
  flex-shrink: 1;
}
/* Default */
/* Flex basis */
.fb--a {
  flex-basis: auto;
}
/* Default */
.fb--0 {
  flex-basis: 0;
}
/* Align self */
.as--a {
  align-self: auto;
}
/* Default */
.as--fs {
  align-self: flex-start;
}
.as--c {
  align-self: center;
}
.as--fe {
  align-self: flex-end;
}
.as--s {
  align-self: stretch;
}
.as--b {
  align-self: baseline;
}
.flex-1 {
  flex: 1 1;
}
.flex-2 {
  flex: 2 1;
}
/*
*
*
* .col-gap-xs;
* .col-gap-sm;
* .col-gap-md;
* .col-gap-lg;
*/
.col-gap-xs {
  -moz-column-gap: 5px !important;
       column-gap: 5px !important;
}
.col-gap-sm {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
}
.col-gap-md {
  -moz-column-gap: 15px !important;
       column-gap: 15px !important;
}
.col-gap-lg {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}
/*
*
*
* .row-gap-xs;
* .row-gap-sm;
* .row-gap-md;
* .row-gap-lg;
*/
.row-gap-xs {
  row-gap: 5px !important;
}
.row-gap-sm {
  row-gap: 10px !important;
}
.row-gap-md {
  row-gap: 15px !important;
}
.row-gap-lg {
  row-gap: 20px !important;
}
/*
*
*
* .gap-xs;
* .gap-sm;
* .gap-md;
* .gap-lg;
*/
.gap-xs {
  gap: 5px;
}
.gap-sm {
  gap: 10px;
}
.gap-md {
  gap: 15px;
}
.gap-lg {
  gap: 20px;
}
/*
* BUILD HELPERS CSS CLASSES FOR ADD STATIC [ margin | padding ]
* AUTHOR: VLADIMIR UPIROV
*
* .{padding|marring}-{value}px;
* .{padding|marring}-{left|right|bottom|top}-{value}px;
*
* .padding-10px;
* .margin-left-20px;
* .padding-top-15px;
*/
.margin-5px {
  margin: 5px !important;
}
.margin-top-5px {
  margin-top: 5px !important;
}
.margin-left-5px {
  margin-left: 5px !important;
}
.margin-right-5px {
  margin-right: 5px !important;
}
.margin-bottom-5px {
  margin-bottom: 5px !important;
}
.padding-5px {
  padding: 5px !important;
}
.padding-top-5px {
  padding-top: 5px !important;
}
.padding-left-5px {
  padding-left: 5px !important;
}
.padding-right-5px {
  padding-right: 5px !important;
}
.padding-bottom-5px {
  padding-bottom: 5px !important;
}
.margin-10px {
  margin: 10px !important;
}
.margin-top-10px {
  margin-top: 10px !important;
}
.margin-left-10px {
  margin-left: 10px !important;
}
.margin-right-10px {
  margin-right: 10px !important;
}
.margin-bottom-10px {
  margin-bottom: 10px !important;
}
.padding-10px {
  padding: 10px !important;
}
.padding-top-10px {
  padding-top: 10px !important;
}
.padding-left-10px {
  padding-left: 10px !important;
}
.padding-right-10px {
  padding-right: 10px !important;
}
.padding-bottom-10px {
  padding-bottom: 10px !important;
}
.margin-15px {
  margin: 15px !important;
}
.margin-top-15px {
  margin-top: 15px !important;
}
.margin-left-15px {
  margin-left: 15px !important;
}
.margin-right-15px {
  margin-right: 15px !important;
}
.margin-bottom-15px {
  margin-bottom: 15px !important;
}
.padding-15px {
  padding: 15px !important;
}
.padding-top-15px {
  padding-top: 15px !important;
}
.padding-left-15px {
  padding-left: 15px !important;
}
.padding-right-15px {
  padding-right: 15px !important;
}
.padding-bottom-15px {
  padding-bottom: 15px !important;
}
.margin-20px {
  margin: 20px !important;
}
.margin-top-20px {
  margin-top: 20px !important;
}
.margin-left-20px {
  margin-left: 20px !important;
}
.margin-right-20px {
  margin-right: 20px !important;
}
.margin-bottom-20px {
  margin-bottom: 20px !important;
}
.padding-20px {
  padding: 20px !important;
}
.padding-top-20px {
  padding-top: 20px !important;
}
.padding-left-20px {
  padding-left: 20px !important;
}
.padding-right-20px {
  padding-right: 20px !important;
}
.padding-bottom-20px {
  padding-bottom: 20px !important;
}
.margin-xs {
  margin: 5px !important;
}
.margin-top-xs {
  margin-top: 5px !important;
}
.margin-left-xs {
  margin-left: 5px !important;
}
.margin-right-xs {
  margin-right: 5px !important;
}
.margin-bottom-xs {
  margin-bottom: 5px !important;
}
.padding-xs {
  padding: 5px !important;
}
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-left-xs {
  padding-left: 5px !important;
}
.padding-right-xs {
  padding-right: 5px !important;
}
.padding-bottom-xs {
  padding-bottom: 5px !important;
}
.margin-sm {
  margin: 10px !important;
}
.margin-top-sm {
  margin-top: 10px !important;
}
.margin-left-sm {
  margin-left: 10px !important;
}
.margin-right-sm {
  margin-right: 10px !important;
}
.margin-bottom-sm {
  margin-bottom: 10px !important;
}
.padding-sm {
  padding: 10px !important;
}
.padding-top-sm {
  padding-top: 10px !important;
}
.padding-left-sm {
  padding-left: 10px !important;
}
.padding-right-sm {
  padding-right: 10px !important;
}
.padding-bottom-sm {
  padding-bottom: 10px !important;
}
.margin-md {
  margin: 15px !important;
}
.margin-top-md {
  margin-top: 15px !important;
}
.margin-left-md {
  margin-left: 15px !important;
}
.margin-right-md {
  margin-right: 15px !important;
}
.margin-bottom-md {
  margin-bottom: 15px !important;
}
.padding-md {
  padding: 15px !important;
}
.padding-top-md {
  padding-top: 15px !important;
}
.padding-left-md {
  padding-left: 15px !important;
}
.padding-right-md {
  padding-right: 15px !important;
}
.padding-bottom-md {
  padding-bottom: 15px !important;
}
.margin-lg {
  margin: 20px !important;
}
.margin-top-lg {
  margin-top: 20px !important;
}
.margin-left-lg {
  margin-left: 20px !important;
}
.margin-right-lg {
  margin-right: 20px !important;
}
.margin-bottom-lg {
  margin-bottom: 20px !important;
}
.padding-lg {
  padding: 20px !important;
}
.padding-top-lg {
  padding-top: 20px !important;
}
.padding-left-lg {
  padding-left: 20px !important;
}
.padding-right-lg {
  padding-right: 20px !important;
}
.padding-bottom-lg {
  padding-bottom: 20px !important;
}
/*
* BUILD HELPERS CSS CLASSES FOR ADD STATIC [ margin | padding ] ACCORDING TO SCREEN SIZE
* AUTHOR: VLADIMIR UPIROV
*
* .{padding|marring}-{value}px-when-{xs|sm|md|lg};
* .{padding|marring}-{left|right|bottom|top}-{value}px-when-{xs|sm|md|lg};
*
* .padding-10px-when-xs;
* .margin-left-20px-when-md;
* .padding-top-15px-when-lg;
*/
@media (min-width: 480px) and (max-width: 767px) {
  .margin-5px-when-xs {
    margin: 5px !important;
  }
  .margin-top-5px-when-xs {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-xs {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-xs {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-xs {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-xs {
    margin: 10px !important;
  }
  .margin-top-10px-when-xs {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-xs {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-xs {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-xs {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-xs {
    margin: 15px !important;
  }
  .margin-top-15px-when-xs {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-xs {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-xs {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-xs {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-xs {
    margin: 20px !important;
  }
  .margin-top-20px-when-xs {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-xs {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-xs {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-xs {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-xs {
    padding: 5px !important;
  }
  .padding-top-5px-when-xs {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-xs {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-xs {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-xs {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-xs {
    padding: 10px !important;
  }
  .padding-top-10px-when-xs {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-xs {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-xs {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-xs {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-xs {
    padding: 15px !important;
  }
  .padding-top-15px-when-xs {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-xs {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-xs {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-xs {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-xs {
    padding: 20px !important;
  }
  .padding-top-20px-when-xs {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-xs {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-xs {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-xs {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-5px-when-sm {
    margin: 5px !important;
  }
  .margin-top-5px-when-sm {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-sm {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-sm {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-sm {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-sm {
    margin: 10px !important;
  }
  .margin-top-10px-when-sm {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-sm {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-sm {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-sm {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-sm {
    margin: 15px !important;
  }
  .margin-top-15px-when-sm {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-sm {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-sm {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-sm {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-sm {
    margin: 20px !important;
  }
  .margin-top-20px-when-sm {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-sm {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-sm {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-sm {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-sm {
    padding: 5px !important;
  }
  .padding-top-5px-when-sm {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-sm {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-sm {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-sm {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-sm {
    padding: 10px !important;
  }
  .padding-top-10px-when-sm {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-sm {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-sm {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-sm {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-sm {
    padding: 15px !important;
  }
  .padding-top-15px-when-sm {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-sm {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-sm {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-sm {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-sm {
    padding: 20px !important;
  }
  .padding-top-20px-when-sm {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-sm {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-sm {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-sm {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-5px-when-md {
    margin: 5px !important;
  }
  .margin-top-5px-when-md {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-md {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-md {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-md {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-md {
    margin: 10px !important;
  }
  .margin-top-10px-when-md {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-md {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-md {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-md {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-md {
    margin: 15px !important;
  }
  .margin-top-15px-when-md {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-md {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-md {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-md {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-md {
    margin: 20px !important;
  }
  .margin-top-20px-when-md {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-md {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-md {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-md {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-md {
    padding: 5px !important;
  }
  .padding-top-5px-when-md {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-md {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-md {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-md {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-md {
    padding: 10px !important;
  }
  .padding-top-10px-when-md {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-md {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-md {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-md {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-md {
    padding: 15px !important;
  }
  .padding-top-15px-when-md {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-md {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-md {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-md {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-md {
    padding: 20px !important;
  }
  .padding-top-20px-when-md {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-md {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-md {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-md {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .margin-5px-when-lg {
    margin: 5px !important;
  }
  .margin-top-5px-when-lg {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-lg {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-lg {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-lg {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-lg {
    margin: 10px !important;
  }
  .margin-top-10px-when-lg {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-lg {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-lg {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-lg {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-lg {
    margin: 15px !important;
  }
  .margin-top-15px-when-lg {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-lg {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-lg {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-lg {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-lg {
    margin: 20px !important;
  }
  .margin-top-20px-when-lg {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-lg {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-lg {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-lg {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-lg {
    padding: 5px !important;
  }
  .padding-top-5px-when-lg {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-lg {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-lg {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-lg {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-lg {
    padding: 10px !important;
  }
  .padding-top-10px-when-lg {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-lg {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-lg {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-lg {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-lg {
    padding: 15px !important;
  }
  .padding-top-15px-when-lg {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-lg {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-lg {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-lg {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-lg {
    padding: 20px !important;
  }
  .padding-top-20px-when-lg {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-lg {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-lg {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-lg {
    padding-bottom: 20px !important;
  }
}
.mt-1 {
  margin-top: 4px;
}
.mt-2 {
  margin-top: 8px;
}
.mt-3 {
  margin-top: 12px;
}
.mt-4 {
  margin-top: 16px;
}
.mb-1 {
  margin-bottom: 4px;
}
.mb-2 {
  margin-bottom: 8px;
}
.mb-3 {
  margin-bottom: 12px;
}
.mb-4 {
  margin-bottom: 16px;
}
.ml-1 {
  margin-left: 4px;
}
.ml-2 {
  margin-left: 8px;
}
.ml-3 {
  margin-left: 12px;
}
.ml-4 {
  margin-left: 16px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 4px;
}
.mr-2 {
  margin-right: 8px;
}
.mr-3 {
  margin-right: 12px;
}
.mr-4 {
  margin-right: 16px;
}
.mr-auto {
  margin-right: auto;
}
/*
* BUILD HELPERS CSS CLASSES FOR REMOVE [ margin | padding ]
* AUTHOR: VLADIMIR UPIROV
*
* .no-{padding|marring};
* .no-{left|right|bottom|top}-{padding|marring};
*
* .no-left-padding;
* .no-margin;
* .no-top-padding;
*/
.no-margin {
  margin: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.no-right-margin {
  margin-right: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-right-padding {
  padding-right: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
/*
* BUILD HELPERS CSS CLASSES FOR REMOVE BOOTSTRAP'S [ margin | padding ] ACCORDING TO SCREEN SIZE
* AUTHOR: VLADIMIR UPIROV
*
* .no-{padding|marring}-when-{xs|sm|md|lg};
* .no-{left|right|bottom|top}-{padding|marring}-when-{xs|sm|md|lg};
*
* .no-padding-when-xs;
* .no-right-margin-when-md;
* .no-top-padding-when-lg;
*
*/
@media (min-width: 480px) and (max-width: 767px) {
  .no-padding-when-xs {
    padding: 0 !important;
  }
  .no-top-padding-when-xs {
    padding-top: 0 !important;
  }
  .no-left-padding-when-xs {
    padding-left: 0 !important;
  }
  .no-right-padding-when-xs {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-xs {
    padding-bottom: 0 !important;
  }
  .no-margin-when-xs {
    margin: 0 !important;
  }
  .no-top-margin-when-xs {
    margin-top: 0 !important;
  }
  .no-left-margin-when-xs {
    margin-left: 0 !important;
  }
  .no-right-margin-when-xs {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-xs {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-xs {
    padding-margin: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .no-padding-when-sm {
    padding: 0 !important;
  }
  .no-top-padding-when-sm {
    padding-top: 0 !important;
  }
  .no-left-padding-when-sm {
    padding-left: 0 !important;
  }
  .no-right-padding-when-sm {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-sm {
    padding-bottom: 0 !important;
  }
  .no-margin-when-sm {
    margin: 0 !important;
  }
  .no-top-margin-when-sm {
    margin-top: 0 !important;
  }
  .no-left-margin-when-sm {
    margin-left: 0 !important;
  }
  .no-right-margin-when-sm {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-sm {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-sm {
    padding-margin: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .no-padding-when-md {
    padding: 0 !important;
  }
  .no-top-padding-when-md {
    padding-top: 0 !important;
  }
  .no-left-padding-when-md {
    padding-left: 0 !important;
  }
  .no-right-padding-when-md {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-md {
    padding-bottom: 0 !important;
  }
  .no-margin-when-md {
    margin: 0 !important;
  }
  .no-top-margin-when-md {
    margin-top: 0 !important;
  }
  .no-left-margin-when-md {
    margin-left: 0 !important;
  }
  .no-right-margin-when-md {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-md {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-md {
    padding-margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .no-padding-when-lg {
    padding: 0 !important;
  }
  .no-top-padding-when-lg {
    padding-top: 0 !important;
  }
  .no-left-padding-when-lg {
    padding-left: 0 !important;
  }
  .no-right-padding-when-lg {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-lg {
    padding-bottom: 0 !important;
  }
  .no-margin-when-lg {
    margin: 0 !important;
  }
  .no-top-margin-when-lg {
    margin-top: 0 !important;
  }
  .no-left-margin-when-lg {
    margin-left: 0 !important;
  }
  .no-right-margin-when-lg {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-lg {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-lg {
    padding-margin: 0 !important;
  }
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-auto {
  overflow: auto;
}
.scroller {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  --scrollbar-border-radius: 3px;
  --scrollbar-size: 5px;
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.5);
  --scrollbar-thumb-color__hover: rgba(0, 0, 0, 0.3);
  --scrollbar-track-color: #dee2e6;
}
@supports selector(::-webkit-scrollbar) {
  .scroller::-webkit-scrollbar {
    -webkit-appearance: none;
            appearance: none;
    -webkit-transition: border 0.6s ease, width 0.6s ease, height 0.6s ease;
    transition: border 0.6s ease, width 0.6s ease, height 0.6s ease;
  }
  .scroller::-webkit-scrollbar:vertical {
    width: var(--scrollbar-size);
  }
  .scroller::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-size);
  }
  .scroller::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-border-radius);
    background-color: var(--scrollbar-thumb-color);
  }
  .scroller::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color__hover);
  }
  .scroller::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
  }
}
.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.centered {
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.blur-effect {
  filter: blur(1.5px);
}
.blur-mask {
  filter: blur(1.5px);
  pointer-events: none;
}
.blur-grayscale-mask {
  filter: blur(1.5px) grayscale(1);
  pointer-events: none;
}
.transition-all {
  transition: all 200ms;
}
.text-center,
.t-center {
  text-align: center !important;
}
.text-left,
.t-left {
  text-align: left !important;
}
.text-right,
.t-right {
  text-align: right !important;
}
.text-grey {
  color: #666;
}
.text-bold {
  font-weight: 600;
}
.text-truncate {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-grey-light {
  color: #999;
}
.text-grey-lighter {
  color: #e3e3e3;
}
.font-weight-solid {
  font-weight: 200;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-bold,
.f-bold {
  font-weight: 600;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.text-sm {
  font-size: 85%;
}
.text-xs {
  font-size: 75%;
}
.text-larger {
  font-size: 16px;
}
.text-large {
  font-size: 18px;
}
.no-wrap {
  white-space: nowrap;
}
.not-allowed {
  cursor: not-allowed !important;
}
.clickable {
  pointer-events: all;
}
.non-clickable {
  pointer-events: none;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.p-absolute {
  position: absolute;
}
.p-relative {
  position: relative;
}
.p-fixed {
  position: fixed;
}
.p-static {
  position: static;
}
.p-sticky {
  position: sticky;
}
.text-transform-none {
  text-transform: none !important;
}
.no-selection {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rc-input-number-input:not(.form-control):not(.tw-text-input) {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #212529;
}
.rc-input-number-input:not(.form-control):not(.tw-text-input):focus,
.rc-input-number-input:not(.form-control):not(.tw-text-input):focus-within {
  color: #212529;
  background-color: #fff;
  border-color: #669aff;
  box-shadow: 0 0 0 0.35rem rgba(0, 87, 255, 0.35);
  outline: 0;
}
.rc-input-number-input:not(.form-control):not(.tw-text-input).has-error:focus,
.rc-input-number-input:not(.form-control):not(.tw-text-input).has-error:focus-within {
  color: #212529;
  background-color: #fff;
  border-color: #ea7d7d;
  box-shadow: 0 0 0 0.35rem rgba(220, 38, 38, 0.35);
  outline: 0;
}
select {
  outline: none;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #212529;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0;
}
select:focus,
select:focus-within {
  color: #212529;
  background-color: #fff;
  border-color: #669aff;
  box-shadow: 0 0 0 0.35rem rgba(0, 87, 255, 0.35);
  outline: 0;
}
select[disabled] {
  background-color: #eee;
  cursor: not-allowed;
}
.caret-icon {
  position: absolute;
  width: 0;
  height: 0;
  color: #fff;
}
.caret-icon.caret-icon-right {
  right: 0;
  top: 50%;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #fff;
}
.action-icon {
  transition: transform ease 0.1s, opacity ease 0.1s;
  opacity: 0.85;
  margin: 0 3px;
  display: inline-block;
  cursor: pointer;
}
.action-icon:hover {
  transform: scale(1.2);
  opacity: 1;
  text-decoration: none;
}
.context-menu {
  min-width: 140px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.context-menu li > a {
  display: block;
  padding: 6px 12px;
  font-weight: normal;
  color: #333333;
  white-space: nowrap;
}
.context-menu li > a i {
  min-width: 14px;
  margin-right: 5px;
}
.context-menu li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.context-menu li.disabled > a {
  cursor: not-allowed;
  color: #999;
}
.alert,
.control-label,
.input-label,
.field-label,
.checkbox .checkbox-label,
input.form-control,
.radiobox-label,
.text-area-container textarea,
.Select .Select__value-container {
  font-size: 12px;
}
body .product-icon-logo {
  height: 45px;
  width: 50px;
  display: inline-block;
  background-image: url(/media/iconlogo.9a351e10621e1b35f325.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
}
body .product-logo {
  width: 100%;
  height: 50px;
  display: inline-block;
  background-image: url(/media/whitelogo.629543706a4aa14864b8.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 250px;
  margin-bottom: 10px;
}
body .product-logo.dark {
  background-image: url(/media/blacklogo.09675e5fd7040b70c192.svg);
}
body #app {
  height: 100%;
}
body #app > .layout-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-width: 900px;
  min-height: 500px;
}
body #app > .layout-container .app-container-loading-panel {
  width: 100%;
  max-width: 90%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
body #app > .layout-container .main {
  display: flex;
  flex: 1 1;
  width: 100%;
}
body #app > .layout-container .main-content-manager {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  margin: 0;
  background: #161a25;
  border: none;
  overflow: hidden;
  margin-bottom: 5px;
  margin-right: 5px;
}
body #app > .layout-container .main-content-manager > .panel-header {
  background: #363e55;
  height: 45px;
  width: 100%;
  line-height: 0;
}
body #app > .layout-container .main-content-manager > .panel-header .btn {
  height: 100%;
  vertical-align: top;
  border-radius: 0;
}
body #app > .layout-container .main-content-manager > .panel-header a.btn {
  font-size: 20px;
  padding: 0 15px;
  line-height: 45px;
}
body #app > .layout-container .main-content-manager > .panel-header button {
  border-radius: 0;
  padding: 0 10px;
  line-height: 43px;
}
body #app > .layout-container .main-content-manager > .panel-header .page-title {
  display: inline-block;
  line-height: 45px;
  color: #fff;
  margin: 0 0 0 20px;
  font-weight: 400;
}
body #app > .layout-container .main-content-manager > .panel-header .page-title .beta-label {
  display: inline-block;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  vertical-align: middle;
  background-color: #F59E0B;
  border-radius: 10px;
  margin-left: 10px;
  line-height: 1;
}
body #app > .layout-container .main-content-manager > .panel-body {
  width: 100%;
  flex: 1 1;
  position: relative;
  background: #F4F4F4;
  padding: 0;
  overflow: auto;
}
body input:-webkit-autofill::first-line {
  font-size: 14px;
  font-family: system-ui, 'Open Sans', sans-serif;
}
body .popover {
  z-index: 9999;
}
.no-access-page {
  text-align: center;
  margin: 100px auto;
  color: #6B6B6B;
}
.no-access-page button {
  margin: 5px;
}

.popper-tooltip-container,
.popper-popover-container {
  --background: #fff;
  --color: #000;
  --border: 1px solid rgba(0, 0, 0, 0.2);
  --box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  --z-index: 11000;
  background: var(--background);
  color: var(--color);
  border: var(--border);
  box-shadow: var(--box-shadow);
  max-width: 300px;
  z-index: var(--z-index);
  visibility: hidden;
}
.popper-tooltip-container .popper-inner,
.popper-popover-container .popper-inner {
  position: relative;
  background: var(--background);
  z-index: 1;
  padding: 8px 16px;
  white-space: break-spaces;
  word-break: break-word;
}
.popper-tooltip-container .popper-arrow,
.popper-popover-container .popper-arrow {
  visibility: inherit;
}
.popper-tooltip-container .popper-arrow,
.popper-popover-container .popper-arrow,
.popper-tooltip-container .popper-arrow::before,
.popper-popover-container .popper-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
}
.popper-tooltip-container .popper-arrow::before,
.popper-popover-container .popper-arrow::before {
  visibility: inherit !important;
  content: '';
  transform: rotate(45deg);
  background: var(--background);
  border: var(--border);
}
.popper-tooltip-container[data-popper-placement^='top'] > .popper-arrow,
.popper-popover-container[data-popper-placement^='top'] > .popper-arrow {
  bottom: -3px;
}
.popper-tooltip-container[data-popper-placement^='bottom'] > .popper-arrow,
.popper-popover-container[data-popper-placement^='bottom'] > .popper-arrow {
  top: -5px;
}
.popper-tooltip-container[data-popper-placement^='left'] > .popper-arrow,
.popper-popover-container[data-popper-placement^='left'] > .popper-arrow {
  right: -3px;
}
.popper-tooltip-container[data-popper-placement^='right'] > .popper-arrow,
.popper-popover-container[data-popper-placement^='right'] > .popper-arrow {
  left: -4px;
}
.popper-tooltip-container.type-danger,
.popper-popover-container.type-danger {
  --background: #f05454;
  --color: #fff;
}
.popper-tooltip-container.type-warning,
.popper-popover-container.type-warning {
  --background: #ffbd73;
  --color: #733d00;
}
.popper-tooltip-container hr,
.popper-popover-container hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
.popper-tooltip-container {
  --background: #000;
  --color: #fff;
  opacity: 0.9;
  font-size: 11px;
}
.popper-tooltip-container .popper-inner {
  padding: 4px 8px;
}
.popper-popover-container {
  --box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 13px;
}

.spinner {
  position: relative;
  margin: auto;
  display: flex;
  justify-content: space-between;
  width: 61px;
  height: 61px;
}
.spinner > div {
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  margin: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: #337ab7 transparent transparent transparent;
  border-radius: 50%;
  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.spinner > div:nth-child(1) {
  animation-delay: -0.45s;
}
.spinner > div:nth-child(2) {
  animation-delay: -0.3s;
}
.spinner > div:nth-child(3) {
  animation-delay: -0.15s;
}
.spinner.small {
  width: 20px;
  height: 20px;
}
.spinner.small > div {
  width: 20px;
  height: 20px;
  margin: 0px;
  border-width: 2px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.animate-loader-1 {
  --color1: var(--primary);
  --color2: var(--secondary);

  span {
    width: 100%;
    height: 100%;
    border: var(--spinner-width) dotted var(--color2);
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: animate-loader-1-rotation 1.4s linear infinite;
  }

  span::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: var(--spinner-width) dotted var(--color1);
    border-style: solid solid dotted;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    animation: animate-loader-1-rotationBack 0.6s linear infinite;
    transform-origin: center center;
  }

}

@keyframes animate-loader-1-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loader-1-rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.animate-loader-2 {
  --color2: var(--primary);
  --color1: var(--secondary);

  span {
    width: 100%;
    height: 100%;
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    color: var(--color2);
  }
  span:before,
  span:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s animate-loader-2-spin linear infinite;
  }
  span:after {
    color: var(--color1);
    transform: rotateY(70deg);
    animation-delay: .4s;
  }

}

@keyframes animate-loader-2-spin {
  0%,
  100% {
    box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: .2em -.2em 0 0 currentcolor;
  }
}

@layer utilities {
  .animate-loader-3 {
    --color2: var(--primary);
    --color1: var(--secondary);

    span {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      position: relative;
      animation: animate-loader-3-rotate 1s linear infinite
    }

    span::before,
    &::after {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: var(--spinner-width) solid var(--color1);
      animation: animate-loader-3-prixClipFix 2s linear infinite;
    }

    span::after {
      border-color: var(--color2);
      animation: animate-loader-3-prixClipFix 2s linear infinite, animate-loader-3-rotate 0.5s linear infinite reverse;
      inset: 6px;
    }

  }

  @keyframes animate-loader-3-rotate {
    0% {
      transform: rotate(0deg)
    }
    100% {
      transform: rotate(360deg)
    }
  }

  @keyframes animate-loader-3-prixClipFix {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
    75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }
    100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
  }
}
.breadcrumbs {
  background-color: #d8d8d8;
  overflow: hidden;
}
.breadcrumbs.disabled {
  opacity: 0.4;
}
.breadcrumbs.disabled .breadcrumbs-item {
  cursor: default;
}
.breadcrumbs .breadcrumbs-item {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: white;
  padding: 0 10px 0 30px;
  background: #0057FF;
  position: relative;
  border-bottom: 1px #003db3 solid;
}
.breadcrumbs .breadcrumbs-item.not-focused {
  background: #777777;
}
.breadcrumbs .breadcrumbs-item.not-focused:after {
  background: #777777;
  box-shadow: 2px -2px 0 2px #777777, 3px -3px 0 2px #515151;
}
.breadcrumbs .breadcrumbs-item:first-child:before {
  left: 14px;
}
.breadcrumbs .breadcrumbs-item:not(.disabled):hover {
  background: #003db3;
}
.breadcrumbs .breadcrumbs-item:not(.disabled):hover:after {
  background: #003db3;
  box-shadow: 1px -2px 0px 2px #003db3, 3px -1px 0 1px #003db3;
}
.breadcrumbs .breadcrumbs-item:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -14px;
  width: 33px;
  height: 33px;
  transform: scale(0.707) rotate(45deg);
  z-index: 1;
  background: #0057FF;
  box-shadow: 2px -2px 0 2px #0057FF, 3px -3px 0 2px #003db3;
  border-radius: 0 5px 0 50px;
}
.breadcrumbs .close-btn {
  float: right;
  margin: 11px;
}


.card {
  --card-bg-color: #fff;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  border-radius: 1rem;
  background-color: var(--card-bg-color);
}
.card.card-info {
  --card-bg-color: var(--info-bg-subtle);
}
.card.card-warning {
  --card-bg-color: var(--warning-bg-subtle);
}
.card.card-danger {
  --card-bg-color: var(--danger-bg-subtle);
}
.card .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: var(--card-bg-color);
  border-bottom: 1px solid #e6e6f2;
}
.card .card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card .card-footer {
  border-top: 1px solid #e6e6f2;
  padding: 0.75rem 1.25rem;
}

.code-editor {
  height: 100%;
}
.code-editor.with-status-bar {
  height: calc(100% -  20px - 2px);
}
.code-editor .status-bar {
  height: 20px;
  background-color: #f4f4f4;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.code-editor .status-bar .status-option > button {
  background-color: transparent;
  color: gray;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}
.code-editor .status-bar .status-option > button:hover,
.code-editor .status-bar .status-option > button:focus,
.code-editor .status-bar .status-option > button:active {
  text-decoration: none;
  outline: none;
}
.code-editor .status-bar .status-actions {
  display: flex;
  justify-content: flex-end;
}
.code-editor ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.code-editor ::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.34);
  cursor: pointer;
}
.code-editor .ace_search {
  background-color: #fff;
  border-radius: 0.375rem;
}
.code-editor .ace_search .ace_searchbtn_close {
  margin-top: 0;
}
.code-editor .ace_search .ace_replace_form,
.code-editor .ace_search .ace_search_form {
  color: black;
  border-radius: 0.375rem;
}
.code-editor .ace_search .ace_replace_form .ace_searchbtn[action=findAll],
.code-editor .ace_search .ace_search_form .ace_searchbtn[action=findAll] {
  width: 34px;
}
.code-editor .error-marker {
  position: absolute;
  background: #a94442;
  border-radius: 0;
  z-index: 3;
}
.code-editor .ace_gutter .ace_gutter-cell.ace_info,
.code-editor .ace_gutter .ace_gutter-cell.ace_warning {
  background-image: none;
}

.brick-code-editor__shortcuts-dialog {
  width: 800px;
}
.brick-code-editor__shortcuts-dialog .shortcuts table {
  width: 100%;
}
.brick-code-editor__shortcuts-dialog .shortcuts h2:first-child {
  margin-top: 0;
}
.brick-code-editor__shortcuts-dialog .shortcuts td,
.brick-code-editor__shortcuts-dialog .shortcuts th {
  border: 1px solid;
  border-collapse: collapse;
  padding: 2px 8px;
}
.brick-code-editor__shortcuts-dialog .shortcuts td:nth-child(1) {
  width: 24%;
}
.brick-code-editor__shortcuts-dialog .shortcuts td:nth-child(2) {
  width: 38%;
}
.brick-code-editor__shortcuts-dialog .shortcuts td:nth-child(3) {
  width: 38%;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
.collapsible-card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  background-color: #FFFFFF;
  border-radius: 0.375rem;
}
.collapsible-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.collapsible-card:not(:last-child) {
  margin-bottom: 20px;
}
.collapsible-card .collapsible-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  border-bottom: 1px solid #e9ecef;
  cursor: pointer;
}
.collapsible-card:not(.is-open) .collapsible-header {
  border-bottom-color: transparent;
  transition: border-bottom-color 0.2s ease-in-out;
}
.collapsible-card .title-text {
  display: block;
  font-weight: 500;
}
.collapsible-card .collapsible-icon-button {
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  outline: none;
  padding: 0;
}
.collapsible-card .collapsible-icon-button .collapsible-icon {
  transition: all 0.2s linear;
}
.collapsible-card .collapsible-icon-button .collapsible-icon.down {
  transform: rotate(180deg);
}
.collapsible-card .collapsible-icon-button .collapsible-icon.up {
  transform: rotate(360deg);
}
.collapsible-card .collapsible-content {
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.collapsible-card .collapsible-content .collapsible-content-container {
  padding: 20px;
}

.droppable-zone {
  position: relative;
}
.droppable-zone .droppable-zone-background,
.droppable-zone .droppable-zone-leave-container {
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
.droppable-zone .droppable-zone-background {
  background: rgba(51, 122, 183, 0.1);
  border: 2px #4285f4 dotted;
}

.file-select .input-group .form-control {
  height: 32px;
}
.file-select .multiple-file-select .controls-container {
  margin-top: 3px;
}
.file-select .multiple-file-select .multiple-tags-input {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 5px 3px;
}
.file-select .multiple-file-select .multiple-tags-input .tag {
  background-color: #e3e3e3;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 10px;
  padding: 3px;
  margin: 3px;
}
.file-select .multiple-file-select .multiple-tags-input .tag i {
  margin-left: 5px;
}
.file-select .multiple-file-select label {
  border-left: 0;
}

.image-preview {
  max-width: 300px;
  max-height: 900px / 4;
}

.preview-image-overlay {
  max-width: 100%;
}
.preview-image-overlay .popper-inner {
  padding: 0;
}
.preview-image-overlay .popper-inner .alert {
  margin-bottom: 0;
}

.ios-toggler {
  position: relative;
  white-space: nowrap;
  margin-bottom: 0;
}
.ios-toggler > input[type=checkbox],
.ios-toggler > input[type=checkbox] + .cover {
  position: relative;
  margin: 7px 15px 8px 15px;
  cursor: pointer;
  vertical-align: top;
}
.ios-toggler > input[type=checkbox] + .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
}
.ios-toggler > input[type=checkbox] + .cover:before {
  content: '' !important;
  position: absolute;
  width: 45px;
  height: 24px;
  left: -15px;
  top: -5px;
  background: #E1E1E1;
  border-radius: 40px;
  transition: background 0.4s ease;
}
.ios-toggler > input[type=checkbox] + .cover:after {
  content: '' !important;
  position: absolute;
  width: 21px;
  height: 20px;
  left: -13px;
  top: -3px;
  background: #FFF !important;
  border-radius: 50%;
  border-color: transparent !important;
  transition: left 0.4s ease;
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.4) !important;
}
.ios-toggler > input[type=checkbox]:checked + .cover:before {
  background: #82CE55;
}
.ios-toggler > input[type=checkbox]:checked + .cover:after {
  left: 7px;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.4) !important;
}
.ios-toggler > input[type=checkbox] + .cover + span {
  margin-left: 10px;
}
.ios-toggler.disabled input {
  cursor: not-allowed;
}
.ios-toggler.disabled input + .cover:before {
  background: #F1F1F1;
}
.ios-toggler.disabled input + .cover:after {
  background: #f2f2f2 !important;
}
.ios-toggler.disabled input:checked + .cover:before {
  background: #D1E6C4;
}
.ios-toggler > span {
  display: inline-block;
  font-weight: 400;
  margin-top: 4px;
  cursor: pointer;
  margin-right: 20px;
}
.ios-toggler.ios-switcher-mode > input[type=checkbox] + .cover:before {
  background: #82CE55;
}
.ios-toggler.has-before-text > input[type=checkbox] + .cover {
  left: initial;
  right: 0;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox],
.ios-toggler.ios-toggler-sm > input[type=checkbox] + .cover {
  position: relative;
  margin: 3px 10px 4px 18px;
  cursor: pointer;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox] + .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox] + .cover:before {
  width: 38px;
  height: 20px;
  left: -15px;
  top: -2px;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox] + .cover:after {
  width: 16px;
  height: 16px;
  top: 0;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox]:checked + .cover:after {
  left: 5px;
}
.ios-toggler.ios-toggler-sm > input[type=checkbox] + .cover + span {
  margin-left: 10px;
}

.key-value-editor {
  overflow: hidden;
  height: 100%;
}
.key-value-editor .key-value-editor--scrollable-container {
  position: relative;
  overflow: auto;
  height: 100%;
}
.key-value-editor .key-value-editor--header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.key-value-editor .key-value-editor--header-cell {
  color: #666;
  white-space: nowrap;
  padding: 7px;
  font-size: 14px;
  font-weight: 600;
  background: #f3f5f6;
}
.key-value-editor .key-value-editor--row-cell {
  font-size: 12px;
  color: hsl(0, 0%, 20%);
}
.key-value-editor .cell-editor {
  width: 100%;
  padding: 3px;
  cursor: text;
}
.key-value-editor .cell-editor input {
  height: 100%;
  font-size: 12px;
  border-radius: 0;
  border-color: transparent;
}
.key-value-editor .cell-editor .as-string-button {
  transform: translateY(-50%);
  right: 8px;
  top: 50%;
  font-size: 12px;
  cursor: pointer;
}
.key-value-editor .cell-editor .as-string-button.disabled {
  cursor: default;
}
.key-value-editor .cell-editor .as-string-button.active {
  color: #10B981;
}
.key-value-editor .cell-editor.invalid {
  background: #ffcccc;
}
.key-value-editor .cell-editor.invalid input {
  background: #ffcccc;
}
.key-value-editor .key-value-editor--header,
.key-value-editor .key-value-editor--row {
  display: grid;
  grid-template-columns: 40px 3fr 5fr;
}
.key-value-editor .key-value-editor--row .value-cell {
  display: flex;
  align-items: center;
  gap: 5px;
}
.key-value-editor .key-value-editor--row .value-cell i {
  padding-right: 5px;
}
.key-value-editor.readonly .key-value-editor--header,
.key-value-editor.readonly .key-value-editor--row {
  display: grid;
  grid-template-columns: 3fr 5fr;
}
.key-value-editor .key-value-editor--header-cell:not(:last-child),
.key-value-editor .key-value-editor--row-cell:not(:last-child) {
  border-right: 1px solid #e7e7e7;
}
.key-value-editor .key-value-editor--header-cell,
.key-value-editor .key-value-editor--row-cell {
  border-top: 1px solid #e7e7e7;
}
.key-value-editor .key-value-editor--row:last-child .key-value-editor--row-cell {
  border-bottom: 1px solid #e7e7e7;
}

.list-group > .list-group-item {
  position: relative;
  padding: 18px;
  line-height: 14px;
}
.list-group > .list-group-item > small {
  font-size: 75%;
}
.list-group > .list-group-item:not(.active) > .caret-icon {
  display: none;
}
.list-group > .list-group-item .list-group-link-summary {
  margin-top: 5px;
  font-size: 10px;
}
.list-group.list-group-dark > .list-group-item {
  background: #1A1E29;
  border: none;
  margin-bottom: 1px;
  color: #8f8f8f;
}
.list-group.list-group-dark > .list-group-item:hover:not(.disabled),
.list-group.list-group-dark > .list-group-item.active {
  color: #fff;
}
.list-group.list-group-with-icons > .list-group-item {
  padding-left: 55px;
}
.list-group.list-group-with-icons > .list-group-item > .icon-holder {
  position: absolute;
  left: 0;
  top: 18px;
  width: 55px;
  text-align: center;
}
.list-group.list-group-with-icons > .list-group-item > .icon-holder > i {
  font-size: 16px;
}
.list-group.list-group-with-icons > .list-group-item:hover:not(.disabled) > .icon-holder > i,
.list-group.list-group-with-icons > .list-group-item.active > .icon-holder > i {
  color: #4DBFEA;
}

.brick-loading-content_block {
  display: inline-block;
  background-color: #444;
  height: 12px;
  border-radius: 2px;
  margin: 4px 0;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
@keyframes fading {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.1;
  }
}

.lozenge {
  background: #ccc;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.lozenge-subtle {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}
.lozenge-success {
  background-color: #14892c;
  border-color: #14892c;
  color: #fff;
}
.lozenge-success.lozenge-subtle {
  background-color: #fff;
  border-color: #60b070;
  color: #14892c;
}
.lozenge-danger {
  background-color: #d04437;
  border-color: #d04437;
  color: #fff;
}
.lozenge-danger.lozenge-subtle {
  background-color: #fff;
  border-color: #e8a29b;
  color: #d04437;
}
.lozenge-warning {
  background-color: #f6c342;
  border-color: #f6c342;
  color: #594300;
}
.lozenge-warning.lozenge-subtle {
  background-color: #fff;
  border-color: #ffe9a8;
  color: #594300;
}

.multiple .multiple-child-wrapper {
  position: relative;
  padding-right: 45px;
  margin-bottom: 5px;
}
.multiple .multiple-child-wrapper:last-child {
  margin-bottom: 0;
}
.multiple .multiple-controls {
  width: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.multiple.modern .multiple-child-wrapper {
  padding-right: 0;
}
.multiple.modern .remove-control {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #777;
}
.multiple.modern .add-icon-wrapper {
  text-align: center;
}

.brick--multiple-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.brick--multiple-container .multiple-child-wrapper {
  display: flex;
}
.brick--multiple-container .multiple-child-wrapper.highlight-danger {
  background: #ffcdcd;
}
.brick--multiple-container .multiple-child-wrapper .remove-icon {
  align-self: center;
  margin: 10px;
}
.brick--multiple-container .add-icon {
  align-self: center;
  font-size: 18px;
}

.rc-input-number {
  margin: 0;
  padding: 0;
  line-height: 26px;
  font-size: 12px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  transition: all .3s;
}
.rc-input-number-focused {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.rc-input-number-handler {
  text-align: center;
  line-height: 12px;
  height: 12px;
  overflow: hidden;
  display: block;
  touch-action: none;
}
.rc-input-number-handler-active {
  background: #ddd;
}
.rc-input-number-handler-up-inner,
.rc-input-number-handler-down-inner {
  color: #666666;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.rc-input-number:hover {
  border-color: #1890ff;
}
.rc-input-number:hover .rc-input-number-handler-up,
.rc-input-number:hover .rc-input-number-handler-wrap {
  border-color: #1890ff;
}
.rc-input-number-disabled:hover {
  border-color: #d9d9d9;
}
.rc-input-number-disabled:hover .rc-input-number-handler-up,
.rc-input-number-disabled:hover .rc-input-number-handler-wrap {
  border-color: #d9d9d9;
}
.rc-input-number-input-wrap {
  overflow: hidden;
  height: 100%;
}
.rc-input-number-input {
  width: 100%;
  text-align: center;
  outline: 0;
  -moz-appearance: textfield;
  line-height: 26px;
  height: 100%;
  transition: all 0.3s ease;
  color: #666666;
  border: 0;
  border-radius: 4px;
  padding: 0;
  transition: all .3s;
}
.rc-input-number-handler-wrap {
  float: right;
  border-left: 1px solid #D9D9D9;
  width: 20px;
  height: 100%;
  transition: all .3s;
}
.rc-input-number-handler-up {
  border-bottom: 1px solid #D9D9D9;
  padding-top: 1px;
  transition: all .3s;
}
.rc-input-number-handler-up-inner:after {
  content: '+';
}
.rc-input-number-handler-down {
  transition: all .3s;
}
.rc-input-number-handler-down-inner:after {
  content: '-';
}
.rc-input-number-handler-down-disabled,
.rc-input-number-handler-up-disabled {
  opacity: 0.72;
}
.rc-input-number-handler-down-disabled:hover,
.rc-input-number-handler-up-disabled:hover {
  color: #999;
  border-color: #d9d9d9;
}
.rc-input-number-disabled .rc-input-number-input {
  opacity: 0.72;
  cursor: not-allowed;
  background-color: #f3f3f3;
}
.rc-input-number-disabled .rc-input-number-handler {
  opacity: 0.72;
}
.rc-input-number-disabled .rc-input-number-handler:hover {
  color: #999;
  border-color: #d9d9d9;
}

.rc-input-number {
  height: 34px;
}
.rc-input-number.number-input {
  width: 80px;
  padding: 0;
  border: none;
}
.rc-input-number.number-input .rc-input-number-input-wrap {
  overflow: unset;
}
.rc-input-number.number-input .rc-input-number-input {
  text-align: center !important;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.rc-input-number.number-input .rc-input-number-handler-wrap {
  display: none;
}
.rc-input-number.number-input.rc-input-number-focused {
  box-shadow: none;
}
.form-group-sm .rc-input-number-input {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.flex,
.d--f {
  display: flex;
}
.d--n {
  display: none;
}
.d--if {
  display: inline-flex;
}
/* Flex direction */
.fd--r {
  flex-direction: row;
}
/* Default */
.fd--rr {
  flex-direction: row-reverse;
}
.fd--c {
  flex-direction: column;
}
.fd--cr {
  flex-direction: column-reverse;
}
/* Flex wrap */
.fw--n {
  flex-wrap: nowrap;
}
/* Default */
.fw--w {
  flex-wrap: wrap;
}
.fw--wr {
  flex-wrap: wrap-reverse;
}
/* Justify content */
.jc--fe {
  justify-content: flex-end;
}
.jc--fs {
  justify-content: flex-start;
}
/* Default */
.jc--c {
  justify-content: center;
}
.jc--sa {
  justify-content: space-around;
}
.jc--e {
  justify-content: end;
}
.jc--sb {
  justify-content: space-between;
}
/* Align items */
.ai--fs {
  align-items: flex-start;
}
.ai--c {
  align-items: center;
}
.ai--fe {
  align-items: flex-end;
}
.ai--s {
  align-items: stretch;
}
/* Default */
.ai--b {
  align-items: baseline;
}
/* Flex grow */
.fg--0 {
  flex-grow: 0;
}
/* Default */
.fg--1 {
  flex-grow: 1;
}
/* Flex shrink */
.fs--0 {
  flex-shrink: 0;
}
.fs--1 {
  flex-shrink: 1;
}
/* Default */
/* Flex basis */
.fb--a {
  flex-basis: auto;
}
/* Default */
.fb--0 {
  flex-basis: 0;
}
/* Align self */
.as--a {
  align-self: auto;
}
/* Default */
.as--fs {
  align-self: flex-start;
}
.as--c {
  align-self: center;
}
.as--fe {
  align-self: flex-end;
}
.as--s {
  align-self: stretch;
}
.as--b {
  align-self: baseline;
}
.flex-1 {
  flex: 1 1;
}
.flex-2 {
  flex: 2 1;
}
/*
*
*
* .col-gap-xs;
* .col-gap-sm;
* .col-gap-md;
* .col-gap-lg;
*/
.col-gap-xs {
  -moz-column-gap: 5px !important;
       column-gap: 5px !important;
}
.col-gap-sm {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
}
.col-gap-md {
  -moz-column-gap: 15px !important;
       column-gap: 15px !important;
}
.col-gap-lg {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}
/*
*
*
* .row-gap-xs;
* .row-gap-sm;
* .row-gap-md;
* .row-gap-lg;
*/
.row-gap-xs {
  row-gap: 5px !important;
}
.row-gap-sm {
  row-gap: 10px !important;
}
.row-gap-md {
  row-gap: 15px !important;
}
.row-gap-lg {
  row-gap: 20px !important;
}
/*
*
*
* .gap-xs;
* .gap-sm;
* .gap-md;
* .gap-lg;
*/
.gap-xs {
  gap: 5px;
}
.gap-sm {
  gap: 10px;
}
.gap-md {
  gap: 15px;
}
.gap-lg {
  gap: 20px;
}
/*
* BUILD HELPERS CSS CLASSES FOR ADD STATIC [ margin | padding ]
* AUTHOR: VLADIMIR UPIROV
*
* .{padding|marring}-{value}px;
* .{padding|marring}-{left|right|bottom|top}-{value}px;
*
* .padding-10px;
* .margin-left-20px;
* .padding-top-15px;
*/
.margin-5px {
  margin: 5px !important;
}
.margin-top-5px {
  margin-top: 5px !important;
}
.margin-left-5px {
  margin-left: 5px !important;
}
.margin-right-5px {
  margin-right: 5px !important;
}
.margin-bottom-5px {
  margin-bottom: 5px !important;
}
.padding-5px {
  padding: 5px !important;
}
.padding-top-5px {
  padding-top: 5px !important;
}
.padding-left-5px {
  padding-left: 5px !important;
}
.padding-right-5px {
  padding-right: 5px !important;
}
.padding-bottom-5px {
  padding-bottom: 5px !important;
}
.margin-10px {
  margin: 10px !important;
}
.margin-top-10px {
  margin-top: 10px !important;
}
.margin-left-10px {
  margin-left: 10px !important;
}
.margin-right-10px {
  margin-right: 10px !important;
}
.margin-bottom-10px {
  margin-bottom: 10px !important;
}
.padding-10px {
  padding: 10px !important;
}
.padding-top-10px {
  padding-top: 10px !important;
}
.padding-left-10px {
  padding-left: 10px !important;
}
.padding-right-10px {
  padding-right: 10px !important;
}
.padding-bottom-10px {
  padding-bottom: 10px !important;
}
.margin-15px {
  margin: 15px !important;
}
.margin-top-15px {
  margin-top: 15px !important;
}
.margin-left-15px {
  margin-left: 15px !important;
}
.margin-right-15px {
  margin-right: 15px !important;
}
.margin-bottom-15px {
  margin-bottom: 15px !important;
}
.padding-15px {
  padding: 15px !important;
}
.padding-top-15px {
  padding-top: 15px !important;
}
.padding-left-15px {
  padding-left: 15px !important;
}
.padding-right-15px {
  padding-right: 15px !important;
}
.padding-bottom-15px {
  padding-bottom: 15px !important;
}
.margin-20px {
  margin: 20px !important;
}
.margin-top-20px {
  margin-top: 20px !important;
}
.margin-left-20px {
  margin-left: 20px !important;
}
.margin-right-20px {
  margin-right: 20px !important;
}
.margin-bottom-20px {
  margin-bottom: 20px !important;
}
.padding-20px {
  padding: 20px !important;
}
.padding-top-20px {
  padding-top: 20px !important;
}
.padding-left-20px {
  padding-left: 20px !important;
}
.padding-right-20px {
  padding-right: 20px !important;
}
.padding-bottom-20px {
  padding-bottom: 20px !important;
}
.margin-xs {
  margin: 5px !important;
}
.margin-top-xs {
  margin-top: 5px !important;
}
.margin-left-xs {
  margin-left: 5px !important;
}
.margin-right-xs {
  margin-right: 5px !important;
}
.margin-bottom-xs {
  margin-bottom: 5px !important;
}
.padding-xs {
  padding: 5px !important;
}
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-left-xs {
  padding-left: 5px !important;
}
.padding-right-xs {
  padding-right: 5px !important;
}
.padding-bottom-xs {
  padding-bottom: 5px !important;
}
.margin-sm {
  margin: 10px !important;
}
.margin-top-sm {
  margin-top: 10px !important;
}
.margin-left-sm {
  margin-left: 10px !important;
}
.margin-right-sm {
  margin-right: 10px !important;
}
.margin-bottom-sm {
  margin-bottom: 10px !important;
}
.padding-sm {
  padding: 10px !important;
}
.padding-top-sm {
  padding-top: 10px !important;
}
.padding-left-sm {
  padding-left: 10px !important;
}
.padding-right-sm {
  padding-right: 10px !important;
}
.padding-bottom-sm {
  padding-bottom: 10px !important;
}
.margin-md {
  margin: 15px !important;
}
.margin-top-md {
  margin-top: 15px !important;
}
.margin-left-md {
  margin-left: 15px !important;
}
.margin-right-md {
  margin-right: 15px !important;
}
.margin-bottom-md {
  margin-bottom: 15px !important;
}
.padding-md {
  padding: 15px !important;
}
.padding-top-md {
  padding-top: 15px !important;
}
.padding-left-md {
  padding-left: 15px !important;
}
.padding-right-md {
  padding-right: 15px !important;
}
.padding-bottom-md {
  padding-bottom: 15px !important;
}
.margin-lg {
  margin: 20px !important;
}
.margin-top-lg {
  margin-top: 20px !important;
}
.margin-left-lg {
  margin-left: 20px !important;
}
.margin-right-lg {
  margin-right: 20px !important;
}
.margin-bottom-lg {
  margin-bottom: 20px !important;
}
.padding-lg {
  padding: 20px !important;
}
.padding-top-lg {
  padding-top: 20px !important;
}
.padding-left-lg {
  padding-left: 20px !important;
}
.padding-right-lg {
  padding-right: 20px !important;
}
.padding-bottom-lg {
  padding-bottom: 20px !important;
}
/*
* BUILD HELPERS CSS CLASSES FOR ADD STATIC [ margin | padding ] ACCORDING TO SCREEN SIZE
* AUTHOR: VLADIMIR UPIROV
*
* .{padding|marring}-{value}px-when-{xs|sm|md|lg};
* .{padding|marring}-{left|right|bottom|top}-{value}px-when-{xs|sm|md|lg};
*
* .padding-10px-when-xs;
* .margin-left-20px-when-md;
* .padding-top-15px-when-lg;
*/
@media (min-width: 480px) and (max-width: 767px) {
  .margin-5px-when-xs {
    margin: 5px !important;
  }
  .margin-top-5px-when-xs {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-xs {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-xs {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-xs {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-xs {
    margin: 10px !important;
  }
  .margin-top-10px-when-xs {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-xs {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-xs {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-xs {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-xs {
    margin: 15px !important;
  }
  .margin-top-15px-when-xs {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-xs {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-xs {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-xs {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-xs {
    margin: 20px !important;
  }
  .margin-top-20px-when-xs {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-xs {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-xs {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-xs {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-xs {
    padding: 5px !important;
  }
  .padding-top-5px-when-xs {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-xs {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-xs {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-xs {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-xs {
    padding: 10px !important;
  }
  .padding-top-10px-when-xs {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-xs {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-xs {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-xs {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-xs {
    padding: 15px !important;
  }
  .padding-top-15px-when-xs {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-xs {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-xs {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-xs {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-xs {
    padding: 20px !important;
  }
  .padding-top-20px-when-xs {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-xs {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-xs {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-xs {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-5px-when-sm {
    margin: 5px !important;
  }
  .margin-top-5px-when-sm {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-sm {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-sm {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-sm {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-sm {
    margin: 10px !important;
  }
  .margin-top-10px-when-sm {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-sm {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-sm {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-sm {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-sm {
    margin: 15px !important;
  }
  .margin-top-15px-when-sm {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-sm {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-sm {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-sm {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-sm {
    margin: 20px !important;
  }
  .margin-top-20px-when-sm {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-sm {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-sm {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-sm {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-sm {
    padding: 5px !important;
  }
  .padding-top-5px-when-sm {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-sm {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-sm {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-sm {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-sm {
    padding: 10px !important;
  }
  .padding-top-10px-when-sm {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-sm {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-sm {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-sm {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-sm {
    padding: 15px !important;
  }
  .padding-top-15px-when-sm {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-sm {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-sm {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-sm {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-sm {
    padding: 20px !important;
  }
  .padding-top-20px-when-sm {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-sm {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-sm {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-sm {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-5px-when-md {
    margin: 5px !important;
  }
  .margin-top-5px-when-md {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-md {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-md {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-md {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-md {
    margin: 10px !important;
  }
  .margin-top-10px-when-md {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-md {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-md {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-md {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-md {
    margin: 15px !important;
  }
  .margin-top-15px-when-md {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-md {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-md {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-md {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-md {
    margin: 20px !important;
  }
  .margin-top-20px-when-md {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-md {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-md {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-md {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-md {
    padding: 5px !important;
  }
  .padding-top-5px-when-md {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-md {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-md {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-md {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-md {
    padding: 10px !important;
  }
  .padding-top-10px-when-md {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-md {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-md {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-md {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-md {
    padding: 15px !important;
  }
  .padding-top-15px-when-md {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-md {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-md {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-md {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-md {
    padding: 20px !important;
  }
  .padding-top-20px-when-md {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-md {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-md {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-md {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .margin-5px-when-lg {
    margin: 5px !important;
  }
  .margin-top-5px-when-lg {
    margin-top: 5px !important;
  }
  .margin-left-5px-when-lg {
    margin-left: 5px !important;
  }
  .margin-right-5px-when-lg {
    margin-right: 5px !important;
  }
  .margin-bottom-5px-when-lg {
    margin-bottom: 5px !important;
  }
  .margin-10px-when-lg {
    margin: 10px !important;
  }
  .margin-top-10px-when-lg {
    margin-top: 10px !important;
  }
  .margin-left-10px-when-lg {
    margin-left: 10px !important;
  }
  .margin-right-10px-when-lg {
    margin-right: 10px !important;
  }
  .margin-bottom-10px-when-lg {
    margin-bottom: 10px !important;
  }
  .margin-15px-when-lg {
    margin: 15px !important;
  }
  .margin-top-15px-when-lg {
    margin-top: 15px !important;
  }
  .margin-left-15px-when-lg {
    margin-left: 15px !important;
  }
  .margin-right-15px-when-lg {
    margin-right: 15px !important;
  }
  .margin-bottom-15px-when-lg {
    margin-bottom: 15px !important;
  }
  .margin-20px-when-lg {
    margin: 20px !important;
  }
  .margin-top-20px-when-lg {
    margin-top: 20px !important;
  }
  .margin-left-20px-when-lg {
    margin-left: 20px !important;
  }
  .margin-right-20px-when-lg {
    margin-right: 20px !important;
  }
  .margin-bottom-20px-when-lg {
    margin-bottom: 20px !important;
  }
  .padding-5px-when-lg {
    padding: 5px !important;
  }
  .padding-top-5px-when-lg {
    padding-top: 5px !important;
  }
  .padding-left-5px-when-lg {
    padding-left: 5px !important;
  }
  .padding-right-5px-when-lg {
    padding-right: 5px !important;
  }
  .padding-bottom-5px-when-lg {
    padding-bottom: 5px !important;
  }
  .padding-10px-when-lg {
    padding: 10px !important;
  }
  .padding-top-10px-when-lg {
    padding-top: 10px !important;
  }
  .padding-left-10px-when-lg {
    padding-left: 10px !important;
  }
  .padding-right-10px-when-lg {
    padding-right: 10px !important;
  }
  .padding-bottom-10px-when-lg {
    padding-bottom: 10px !important;
  }
  .padding-15px-when-lg {
    padding: 15px !important;
  }
  .padding-top-15px-when-lg {
    padding-top: 15px !important;
  }
  .padding-left-15px-when-lg {
    padding-left: 15px !important;
  }
  .padding-right-15px-when-lg {
    padding-right: 15px !important;
  }
  .padding-bottom-15px-when-lg {
    padding-bottom: 15px !important;
  }
  .padding-20px-when-lg {
    padding: 20px !important;
  }
  .padding-top-20px-when-lg {
    padding-top: 20px !important;
  }
  .padding-left-20px-when-lg {
    padding-left: 20px !important;
  }
  .padding-right-20px-when-lg {
    padding-right: 20px !important;
  }
  .padding-bottom-20px-when-lg {
    padding-bottom: 20px !important;
  }
}
.mt-1 {
  margin-top: 4px;
}
.mt-2 {
  margin-top: 8px;
}
.mt-3 {
  margin-top: 12px;
}
.mt-4 {
  margin-top: 16px;
}
.mb-1 {
  margin-bottom: 4px;
}
.mb-2 {
  margin-bottom: 8px;
}
.mb-3 {
  margin-bottom: 12px;
}
.mb-4 {
  margin-bottom: 16px;
}
.ml-1 {
  margin-left: 4px;
}
.ml-2 {
  margin-left: 8px;
}
.ml-3 {
  margin-left: 12px;
}
.ml-4 {
  margin-left: 16px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 4px;
}
.mr-2 {
  margin-right: 8px;
}
.mr-3 {
  margin-right: 12px;
}
.mr-4 {
  margin-right: 16px;
}
.mr-auto {
  margin-right: auto;
}
/*
* BUILD HELPERS CSS CLASSES FOR REMOVE [ margin | padding ]
* AUTHOR: VLADIMIR UPIROV
*
* .no-{padding|marring};
* .no-{left|right|bottom|top}-{padding|marring};
*
* .no-left-padding;
* .no-margin;
* .no-top-padding;
*/
.no-margin {
  margin: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.no-right-margin {
  margin-right: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-right-padding {
  padding-right: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
/*
* BUILD HELPERS CSS CLASSES FOR REMOVE BOOTSTRAP'S [ margin | padding ] ACCORDING TO SCREEN SIZE
* AUTHOR: VLADIMIR UPIROV
*
* .no-{padding|marring}-when-{xs|sm|md|lg};
* .no-{left|right|bottom|top}-{padding|marring}-when-{xs|sm|md|lg};
*
* .no-padding-when-xs;
* .no-right-margin-when-md;
* .no-top-padding-when-lg;
*
*/
@media (min-width: 480px) and (max-width: 767px) {
  .no-padding-when-xs {
    padding: 0 !important;
  }
  .no-top-padding-when-xs {
    padding-top: 0 !important;
  }
  .no-left-padding-when-xs {
    padding-left: 0 !important;
  }
  .no-right-padding-when-xs {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-xs {
    padding-bottom: 0 !important;
  }
  .no-margin-when-xs {
    margin: 0 !important;
  }
  .no-top-margin-when-xs {
    margin-top: 0 !important;
  }
  .no-left-margin-when-xs {
    margin-left: 0 !important;
  }
  .no-right-margin-when-xs {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-xs {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-xs {
    padding-margin: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .no-padding-when-sm {
    padding: 0 !important;
  }
  .no-top-padding-when-sm {
    padding-top: 0 !important;
  }
  .no-left-padding-when-sm {
    padding-left: 0 !important;
  }
  .no-right-padding-when-sm {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-sm {
    padding-bottom: 0 !important;
  }
  .no-margin-when-sm {
    margin: 0 !important;
  }
  .no-top-margin-when-sm {
    margin-top: 0 !important;
  }
  .no-left-margin-when-sm {
    margin-left: 0 !important;
  }
  .no-right-margin-when-sm {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-sm {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-sm {
    padding-margin: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .no-padding-when-md {
    padding: 0 !important;
  }
  .no-top-padding-when-md {
    padding-top: 0 !important;
  }
  .no-left-padding-when-md {
    padding-left: 0 !important;
  }
  .no-right-padding-when-md {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-md {
    padding-bottom: 0 !important;
  }
  .no-margin-when-md {
    margin: 0 !important;
  }
  .no-top-margin-when-md {
    margin-top: 0 !important;
  }
  .no-left-margin-when-md {
    margin-left: 0 !important;
  }
  .no-right-margin-when-md {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-md {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-md {
    padding-margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .no-padding-when-lg {
    padding: 0 !important;
  }
  .no-top-padding-when-lg {
    padding-top: 0 !important;
  }
  .no-left-padding-when-lg {
    padding-left: 0 !important;
  }
  .no-right-padding-when-lg {
    padding-right: 0 !important;
  }
  .no-bottom-padding-when-lg {
    padding-bottom: 0 !important;
  }
  .no-margin-when-lg {
    margin: 0 !important;
  }
  .no-top-margin-when-lg {
    margin-top: 0 !important;
  }
  .no-left-margin-when-lg {
    margin-left: 0 !important;
  }
  .no-right-margin-when-lg {
    margin-right: 0 !important;
  }
  .no-bottom-margin-when-lg {
    margin-bottom: 0 !important;
  }
  .no-margin-padding-when-lg {
    padding-margin: 0 !important;
  }
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-auto {
  overflow: auto;
}
.scroller {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  --scrollbar-border-radius: 3px;
  --scrollbar-size: 5px;
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.5);
  --scrollbar-thumb-color__hover: rgba(0, 0, 0, 0.3);
  --scrollbar-track-color: #dee2e6;
}
@supports selector(::-webkit-scrollbar) {
  .scroller::-webkit-scrollbar {
    -webkit-appearance: none;
            appearance: none;
    -webkit-transition: border 0.6s ease, width 0.6s ease, height 0.6s ease;
    transition: border 0.6s ease, width 0.6s ease, height 0.6s ease;
  }
  .scroller::-webkit-scrollbar:vertical {
    width: var(--scrollbar-size);
  }
  .scroller::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-size);
  }
  .scroller::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-border-radius);
    background-color: var(--scrollbar-thumb-color);
  }
  .scroller::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color__hover);
  }
  .scroller::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
  }
}
.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.centered {
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.blur-effect {
  filter: blur(1.5px);
}
.blur-mask {
  filter: blur(1.5px);
  pointer-events: none;
}
.blur-grayscale-mask {
  filter: blur(1.5px) grayscale(1);
  pointer-events: none;
}
.transition-all {
  transition: all 200ms;
}
.text-center,
.t-center {
  text-align: center !important;
}
.text-left,
.t-left {
  text-align: left !important;
}
.text-right,
.t-right {
  text-align: right !important;
}
.text-grey {
  color: #666;
}
.text-bold {
  font-weight: 600;
}
.text-truncate {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-grey-light {
  color: #999;
}
.text-grey-lighter {
  color: #e3e3e3;
}
.font-weight-solid {
  font-weight: 200;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-bold,
.f-bold {
  font-weight: 600;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.text-sm {
  font-size: 85%;
}
.text-xs {
  font-size: 75%;
}
.text-larger {
  font-size: 16px;
}
.text-large {
  font-size: 18px;
}
.no-wrap {
  white-space: nowrap;
}
.not-allowed {
  cursor: not-allowed !important;
}
.clickable {
  pointer-events: all;
}
.non-clickable {
  pointer-events: none;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.p-absolute {
  position: absolute;
}
.p-relative {
  position: relative;
}
.p-fixed {
  position: fixed;
}
.p-static {
  position: static;
}
.p-sticky {
  position: sticky;
}
.text-transform-none {
  text-transform: none !important;
}
.no-selection {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.brick-paragraph {
  max-width: 80ch;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}
.brick-paragraph.full-width {
  max-width: 100%;
}
.brick-paragraph.small {
  font-size: 85%;
}
.brick-paragraph.muted {
  color: #909090;
}

.placeholder {
  width: 100%;
  padding: 20px;
  color: #999;
}

.progress-container {
  position: relative;
}
.progress-container .progress-line {
  display: inline-block;
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%!important;
  z-index: 100;
}

.progress-bar-container {
  --secondary-bg: #f5f5f5;
  --border-radius: 0.375rem;
  --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --progress-height: 16px;
  --progress-font-size: 10px;
  --progress-bg: var(--secondary-bg);
  --progress-border-radius: var(--border-radius);
  --progress-box-shadow: var(--box-shadow-inset);
  --progress-bar-color: #fff;
  --progress-bar-bg: var(--color-primary);
  --progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--progress-height);
  overflow: hidden;
  font-size: var(--progress-font-size);
  background-color: var(--progress-bg);
  border-radius: var(--progress-border-radius);
}
.progress-bar-container .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--progress-bar-bg);
  transition: var(--progress-bar-transition);
}
.progress-bar-container .progress-bar.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--progress-height) var(--progress-height);
}
.progress-bar-container .progress-bar.progress-bar-primary {
  background-color: var(--color-primary);
}
.progress-bar-container .progress-bar.progress-bar-success {
  background-color: var(--color-success);
}
.progress-bar-container .progress-bar.progress-bar-warning {
  background-color: var(--color-warning);
}
.progress-bar-container .progress-bar.progress-bar-danger {
  background-color: var(--color-danger);
}
.progress-bar-container .progress-bar.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--progress-height);
  }
}

.progress-circle-container {
  position: relative;
  --track-color: #e9ecef;
  --indicator-color: #0057FF;
  --label-color: #495057;
  --spinner-speed: 2000ms;
  width: var(--spinner-size);
  height: var(--spinner-size);
}
.progress-circle-container.progress-circle {
  --indicator-color: 64, 142, 198;
}
.progress-circle-container.progress-circle--success {
  --indicator-color: 43, 174, 102;
}
.progress-circle-container.progress-circle--primary {
  --indicator-color: 64, 142, 198;
}
.progress-circle-container.progress-circle--orange {
  --indicator-color: 253, 126, 20;
}
.progress-circle-container.progress-circle--warning {
  --indicator-color: 255, 163, 81;
}
.progress-circle-container.progress-circle--danger {
  --indicator-color: 249, 97, 103;
}
.progress-circle-container.progress-circle--info {
  --indicator-color: 13, 202, 240;
}
.progress-circle-container.progress-circle--dynamic .progress-circle-indicator {
  fill: rgba(var(--indicator-color), 20%);
}
.progress-circle-container.progress-circle--dynamic .progress-circle-label__text {
  --label-color: color-mix(in srgb, rgba(var(--indicator-color)), #000 20%);
}
.progress-circle-container .progress-circle-wrapper {
  width: var(--spinner-size);
  height: var(--spinner-size);
  transform: rotate(-90deg);
}
.progress-circle-container .progress-circle-wrapper .progress-circle-track {
  stroke: var(--track-color);
}
.progress-circle-container .progress-circle-wrapper .progress-circle-indicator {
  stroke: rgb(var(--indicator-color));
}
.progress-circle-container .progress-circle-wrapper .progress-circle-indicator--spinner {
  animation: progress-circle-spinner var(--spinner-speed) linear infinite;
  transform-origin: center;
}
.progress-circle-container .progress-circle-wrapper :not(.progress-circle-indicator--spinner) {
  animation: progress-circle-fill-animation 1s ease-out forwards;
}
.progress-circle-container .progress-circle-label__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.progress-circle-container .progress-circle-label__wrapper .progress-circle-label__text {
  opacity: 0.5;
  font-size: 0.75em;
  color: var(--label-color);
}
.progress-circle-container .progress-circle-label__wrapper .progress-circle-label__progress {
  font-size: 1.5em;
  font-weight: bold;
}
.progress-circle-container .progress-circle-label__wrapper .progress-circle-label__text,
.progress-circle-container .progress-circle-label__wrapper .progress-circle-label__progress {
  display: block;
}
@keyframes progress-circle-spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes progress-circle-fill-animation {
  0% {
    stroke-dasharray: 0 var(--dash-array);
  }
}

.quantity-input {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 200px;
}
.quantity-input .input-group {
  flex: 1 1;
  display: block;
}
.quantity-input input {
  text-align: center;
}
.quantity-input .input-group-addon {
  padding: 0;
  width: auto;
}
.quantity-input .decrease-icon,
.quantity-input .increase-icon {
  line-height: 32px;
  padding: 0 10px;
  margin: 0 3px;
}
.quantity-input .help-block {
  width: 100%;
}

.radiobox {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.radiobox input {
  visibility: collapse;
}
.radiobox.radio-inline {
  padding-left: 0;
}
.radiobox.radio-inline input {
  margin-left: 0;
}
.radiobox .radiobox-label,
.radiobox .radiobox-decorator {
  vertical-align: middle;
  font-weight: normal;
}
.radiobox .radiobox-label {
  margin-left: 5px;
}
.radiobox .radiobox-label.left {
  margin-left: unset;
  margin-right: 5px;
}
.radiobox .radiobox-decorator {
  display: inline-block;
  margin-top: -1px;
  height: 15px;
  width: 15px;
  color: #808080;
  background-color: #FAFAFA;
  border: 1px solid #C8C8C8;
  border-radius: 50%;
  text-align: center;
  font-family: "Font Awesome 6 Free";
  font-size: 6.5px;
  line-height: 13px;
}
.radiobox .radiobox-decorator:after {
  display: inline-block;
  content: "";
}
.radiobox.radio-small .radiobox-decorator {
  height: 13px;
  width: 13px;
  font-size: 6px;
  line-height: 12px;
  margin-top: 0;
}
.radiobox.radio-small .radiobox-label {
  font-size: 12px;
}
.radiobox input:checked + .radiobox-decorator:after {
  content: "\f111";
  font-weight: 900;
}
.radiobox.readonly {
  cursor: default;
}
.radiobox.disabled {
  cursor: not-allowed;
}
.radiobox.readonly .radiobox-decorator,
.radiobox.disabled .radiobox-decorator {
  color: #999;
  background: #EEE;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.radiobox:not(.disabled) input:not(:checked):hover + .radiobox-decorator,
.radiobox:not(.readonly) input:not(:checked):hover + .radiobox-decorator {
  color: #D2D2D2;
  border: 1px solid #BCBCBC;
}
.radiobox:not(.disabled) input:not(:checked):hover + .radiobox-decorator:after,
.radiobox:not(.readonly) input:not(:checked):hover + .radiobox-decorator:after {
  content: "\f111";
  font-weight: 900;
}

.rating-stars {
  white-space: nowrap;
}
.rating-stars .fa-star {
  color: #9c9c9c;
  cursor: pointer;
}
.rating-stars .fa-star.active {
  color: #ffa500;
}
.rating-stars.read-only .fa-star {
  cursor: default;
}

.resizable-wrapper {
  overflow: hidden;
  position: relative;
}
.resizable-wrapper .resize-grip {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #f4f4f4;
}
.resizable-wrapper .resize-grip:before,
.resizable-wrapper .resize-grip:after {
  content: '';
  position: absolute;
  display: inline-block;
}
.resizable-wrapper .resize-grip:before {
  border-color: #f4f4f4;
  border-style: solid;
  z-index: 1;
}
.resizable-wrapper .resize-grip:after {
  background: #666;
}
.resizable-wrapper.resizing .resize-grip,
.resizable-wrapper .resize-grip:hover {
  background: #dbdbdb;
}
.resizable-wrapper.resizing .resize-grip:after,
.resizable-wrapper .resize-grip:hover:after {
  background: #999;
}
.resizable-wrapper.resizable-y {
  padding: 0 0 5px 0;
}
.resizable-wrapper.resizable-y.revert {
  padding: 5px 0 0;
}
.resizable-wrapper.resizable-y.revert > .resize-grip {
  top: 0;
}
.resizable-wrapper.resizable-x {
  padding: 0 5px 0 0;
}
.resizable-wrapper.resizable-x.revert {
  padding: 0 0 0 5px;
}
.resizable-wrapper.resizable-x.revert > .resize-grip {
  left: 0;
}
.resizable-wrapper .horizontal-grip {
  cursor: ns-resize;
  height: 5px;
  border-radius: 0.375rem;
}
.resizable-wrapper .horizontal-grip:before,
.resizable-wrapper .horizontal-grip:after {
  left: 50%;
  margin-left: -10px;
  width: 20px;
}
.resizable-wrapper .horizontal-grip:before {
  border-width: 1px 0;
  height: 3px;
  top: 1px;
}
.resizable-wrapper .horizontal-grip:after {
  height: 5px;
}
.resizable-wrapper .vertical-grip {
  width: 5px;
  cursor: ew-resize;
  border-radius: 0.375rem;
}
.resizable-wrapper .vertical-grip:before,
.resizable-wrapper .vertical-grip:after {
  top: 50%;
  margin-top: -10px;
  height: 20px;
  width: 5px;
  left: 0;
}
.resizable-wrapper .vertical-grip:before {
  border-width: 0 1px;
  width: 3px;
  left: 1px;
}
.resizable-wrapper .vertical-grip:after {
  width: 5px;
}

.btn.btn-back-to-top {
  --btn-size: 40px;
  --btn-indent-bottom: 20px;
  --btn-indent-right: 20px;
  font-size: 16px;
  border-radius: 50%;
  padding: 0;
  position: fixed;
  display: none;
  bottom: var(--btn-indent-bottom);
  right: var(--btn-indent-right);
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: #dc4c64;
  box-shadow: 0 4px 9px -4px #dc4c64;
  color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-back-to-top:hover,
.btn.btn-back-to-top:focus {
  box-shadow: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2);
  border-color: #e05e74;
  background-color: #d83752;
}

.brick-select-options-configurator .options-list .options-list-item,
.brick-select-options-configurator .options-list .add-icon-wrapper {
  margin-right: 20px;
}
.brick-select-options-configurator .options-list .options-list-item {
  display: flex;
}
.brick-select-options-configurator .options-list .options-list-item > div {
  flex: 1 1;
  padding: 8px;
}
.brick-select-options-configurator .options-list .options-list-item > div:last-child:not(:first-child) {
  flex: 0.5 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 1.42857143;
  margin-bottom: 1px;
}
.brick-select-options-configurator .options-list .remove-control {
  top: 19px;
}
.brick-select-options-configurator .options-list .multiple-child-wrapper:not(:first-child) {
  border-top: 1px solid #eee;
}

.resizable-side-panel-wrapper .side-panel {
  height: 100%;
  width: 100%;
}
.side-panel {
  position: relative;
  overflow: hidden;
  flex: none !important;
  padding: 0;
}
.side-panel .side-panel-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.side-panel.right {
  border-left: 1px solid #e3e3e3;
}
.side-panel.left {
  border-right: 1px solid #e3e3e3;
}
.side-panel.bottom {
  border-top: 1px solid #e3e3e3;
}
.side-panel.top {
  border-bottom: 1px solid #e3e3e3;
}

.smart-form .control-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smart-form .inline-label input {
  margin-right: 10px;
}
.smart-form .form-group {
  margin-bottom: 5px;
}
.smart-form .form-group > div > textarea,
.smart-form .form-group > div > input[type="text"],
.smart-form .form-group > div .Select {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
}
.smart-form .form-group textarea {
  resize: vertical;
  max-height: 200px;
}
.smart-form .smart-form-tooltip-icon {
  margin: 0 0 0 5px;
  width: 14px;
  vertical-align: middle;
}
.smart-form .checkbox + .smart-form-tooltip-icon {
  vertical-align: baseline;
}

.smart-portal-container {
  position: fixed;
  z-index: 2000;
}
.smart-portal-container .smart-portal-backdrop {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.react-smart-table {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.react-smart-table.with-sticky-header {
  overflow: auto;
}
@media (min-resolution: 120dpi) {
  .react-smart-table {
    transform: translateZ(0);
  }
}
.react-smart-table table {
  margin: 0;
  width: 100%;
}
.react-smart-table tr {
  background: #fff;
}
.react-smart-table th.align-left,
.react-smart-table td.align-left {
  text-align: center;
}
.react-smart-table th.align-center,
.react-smart-table td.align-center {
  text-align: center;
}
.react-smart-table th.align-right,
.react-smart-table td.align-right {
  text-align: right;
}
.react-smart-table th > div,
.react-smart-table td > div {
  position: relative;
}
.react-smart-table .react-smart-table-resizable-column .resizable-cell-handler {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  cursor: col-resize;
}
.react-smart-table .react-smart-table-sortable-handler {
  margin-left: 5px;
  display: inline-block;
  position: relative;
  top: 0;
  width: 11px;
  cursor: pointer;
  align-self: center;
}
.react-smart-table .react-smart-table-sortable-handler .arrow-asc,
.react-smart-table .react-smart-table-sortable-handler .arrow-desc {
  float: left;
  border: 5px solid #d5d8da;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.react-smart-table .react-smart-table-sortable-handler .arrow-asc {
  border-top: none;
}
.react-smart-table .react-smart-table-sortable-handler .arrow-desc {
  margin-top: 2px;
  border-bottom: none;
}
.react-smart-table .react-smart-table-sortable-handler.direction-asc .arrow-asc,
.react-smart-table .react-smart-table-sortable-handler.direction-desc .arrow-desc {
  border-color: #6a7d89;
}
.react-smart-table .react-smart-table-sortable-handler.direction-asc .arrow-desc,
.react-smart-table .react-smart-table-sortable-handler.direction-desc .arrow-asc {
  display: none;
}
.react-smart-table .react-smart-body-table {
  width: 100%;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable {
  overflow: hidden;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable td {
  position: relative;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable td > div {
  z-index: 1;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable td:hover::after {
  content: "";
  position: absolute;
  background-color: #d6eef9a1;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable td:hover::before {
  content: "";
  position: absolute;
  background-color: #cdedf985;
  height: 100%;
  left: -5000px;
  top: 0;
  width: 10000px;
}
.react-smart-table .react-smart-body-table .react-smart-table-highlightable td:hover > div {
  background-color: #e2f2f9;
}
.react-smart-table .react-smart-head-table {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 2;
}
.react-smart-table .react-smart-head-table table {
  table-layout: fixed;
}
.react-smart-table .react-smart-head-table-scrolled table {
  box-shadow: 0 0 20px 5px #bbb;
}
.react-smart-table .react-smart-table-no-items-row td {
  padding: 10px;
}
.react-smart-table .react-smart-table-striped tr:nth-child(even) {
  background: #f8f8f8;
}
.react-smart-table .react-smart-table-hoverable tr:hover {
  background: #fff8e8;
}
.react-smart-table .react-smart-table-checkable tr td:first-of-type input {
  margin-top: 2px;
}
.react-smart-table .react-smart-table-checkable tr.checked {
  background: #fff5e6;
}
.react-smart-table .react-smart-table-checkable tr.checked td {
  color: #707070;
}
.react-smart-table .react-smart-table-checkable.react-smart-table-hoverable tr.checked:hover {
  background: #fff5e6;
}
.react-smart-table .react-smart-table-selectable tr {
  cursor: pointer;
}
.react-smart-table .react-smart-table-selectable tr.selected {
  background: #fff1d1;
}
.react-smart-table .react-smart-table-selectable tr.selected td {
  color: #707070;
}
.react-smart-table .react-smart-table-selectable.react-smart-table-hoverable tr.selected:hover {
  background: #fff1d1;
}
.react-smart-table .react-smart-table-editable-cell {
  transition: background 1s ease;
}
.react-smart-table .react-smart-table-editing-cell > div {
  padding: 0;
}
.react-smart-table .react-smart-table-changed-cell {
  background: #feebd7;
}
.react-smart-table .react-smart-table-with-error-cell {
  background: #fcd4cf;
}
.react-smart-table .react-smart-table-input-editor {
  position: relative;
  height: 30px;
  margin: 2px;
}
.react-smart-table .react-smart-table-input-editor input {
  width: 100%;
  height: 31px;
  position: absolute;
  top: -0.5px;
  z-index: 2;
  border-radius: 0;
}
.react-smart-table .react-smart-table-input-editor.password-input input {
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

.react-tags__wrapper {
  position: relative;
}
.react-tags__wrapper.has-delete-all-icon .react-tags {
  padding-right: 29px;
}
.react-tags__wrapper .react-tags {
  position: relative;
  height: unset;
  padding-left: 6px;
  /* clicking anywhere will focus the input */
  cursor: text;
}
.react-tags__wrapper .react-tags.is-active {
  color: #212529;
  background-color: #fff;
  border-color: #669aff;
  box-shadow: 0 0 0 0.35rem rgba(0, 87, 255, 0.35);
  outline: 0;
}
.react-tags__wrapper .react-tags.is-disabled {
  opacity: 0.75;
  background-color: #eaeef2;
  /* Prevent any clicking on the component */
  pointer-events: none;
  cursor: not-allowed;
}
.react-tags__wrapper .react-tags.is-invalid {
  border-color: #DC2626;
  box-shadow: 0 0 0 2px rgba(253, 86, 83, 0.25);
}
.react-tags__wrapper .react-tags .react-tags__label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.react-tags__wrapper .react-tags .react-tags__list {
  /* Do not use display: contents, it's too buggy */
  display: inline;
  padding: 0;
  vertical-align: middle;
}
.react-tags__wrapper .react-tags .react-tags__list .react-tags__list-item {
  display: inline;
  list-style: none;
}
.react-tags__wrapper .react-tags .react-tags__list .react-tags__list-item .react-tags__tag {
  cursor: default;
  height: 21px;
  border-radius: 2px;
  display: inline-block;
  line-height: 14px;
  margin: 0 5px 0 0;
  padding: 0;
  background: #eaeef2;
  border: 0;
}
.react-tags__wrapper .react-tags .react-tags__list .react-tags__list-item .react-tags__tag .react-tags__selected-tag-close {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  padding: 0 5px;
  font-size: 10px;
  color: #7c7d86;
}
.react-tags__wrapper .react-tags .react-tags__list .react-tags__list-item .react-tags__tag .react-tags__tag-name {
  padding-left: 5px;
  font-size: 12px;
}
.react-tags__wrapper .react-tags .react-tags__combobox {
  display: inline-block;
  vertical-align: middle;
  padding-left: 6px;
  /* prevents autoresize overflowing the container */
  max-width: 100%;
}
.react-tags__wrapper .react-tags .react-tags__combobox .react-tags__combobox-input {
  /* prevent autoresize overflowing the container */
  max-width: 100%;
  width: auto !important;
  /* remove styles and layout from this element */
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  /* override input[type=text] styles */
  height: auto;
  font-size: 14px;
  border: none;
  box-shadow: none;
}
.react-tags__wrapper .react-tags .react-tags__combobox .react-tags__combobox-input:focus {
  border: none;
  box-shadow: none;
}
.react-tags__wrapper .react-tags .react-tags__combobox .react-tags__combobox-input::-moz-placeholder {
  font-size: 13px;
  color: #999;
}
.react-tags__wrapper .react-tags .react-tags__combobox .react-tags__combobox-input::placeholder {
  font-size: 13px;
  color: #999;
}
.react-tags__wrapper .react-tags .react-tags__listbox {
  position: absolute;
  z-index: 10;
  top: calc(100% + 5px);
  /* Negate the border width on the container */
  left: -2px;
  right: -2px;
  max-height: 12.5rem;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #afb8c1;
  border-radius: 0.375rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -4px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option {
  padding: 0.375rem 0.5rem;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option:hover {
  cursor: pointer;
  background: #eaeef2;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option:not([aria-disabled='true']).is-active {
  background: #0057FF;
  color: #ffffff;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option[aria-disabled='true'] {
  color: #7c7d86;
  cursor: not-allowed;
  pointer-events: none;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option[aria-disabled='true']::after {
  content: '✓';
  margin-left: 0.5rem;
}
.react-tags__wrapper .react-tags .react-tags__listbox .react-tags__listbox-option[aria-disabled='true']:not(.is-active)::after {
  color: #0057FF;
}
.react-tags__wrapper .react-tags__delete-all-icon {
  position: absolute;
  right: 9px;
  bottom: 9px;
  cursor: pointer;
  color: #bbb;
}

.tier-plan-configuration {
  max-width: 80ch;
  color: #555;
  line-height: 1.5;
}
.tier-plan-configuration .max-tier-threshold-select {
  min-width: 300px;
}

.togglebar {
  padding: 0;
  list-style-type: none;
  display: flex;
}
.togglebar li {
  border: 1px solid #d9d9d9;
  background-color: white;
  border-radius: 0;
  padding: 6px 12px;
  margin-left: -1px;
  cursor: pointer;
}
.togglebar li:hover a,
.togglebar li:focus a {
  color: #23527c;
}
.togglebar li.active {
  background-color: #337ab7;
  border-color: #337ab7;
}
.togglebar li.active a {
  color: white;
}
.togglebar li a {
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
}
.togglebar.togglebar-sm li {
  padding: 5px 10px;
}
.togglebar.togglebar-disabled li {
  border: 1px solid #e9e9e9;
  background-color: #f4f4f4;
  cursor: default;
}
.togglebar.togglebar-disabled li a,
.togglebar.togglebar-disabled li:hover a,
.togglebar.togglebar-disabled li:focus a {
  color: #748ea5;
  cursor: default;
}
.togglebar.togglebar-disabled li.active {
  background-color: #8fa9bf;
  border-color: #748ea5;
}
.togglebar.togglebar-disabled li.active a {
  color: white;
}
.has-error .togglebar li {
  border-color: #a94442;
}
.has-error .togglebar li:not(.active) {
  background-color: #fc897e;
}
.has-error .togglebar li:not(.active) a {
  color: #a94442;
}

.tree-container {
  --bullet-size: 13px;
  --item-padding-left: 15px;
  --container-padding-left: 10px;
  --selected-bg: #d2e8f9;
  --path-color: #dcdcdc;
  --file-hovered-bg: #c7f8c4;
  --icons-color: #3a84a2;
  position: relative;
  padding-left: 0;
}
.tree-container .tree-container {
  padding-left: 10px;
}
.tree-container .tree-container .tree-container {
  padding-left: 20px;
}
.tree-container .title-wrapper {
  position: relative;
  line-height: 0;
  padding-left: 4px;
}
.tree-container .title-wrapper .root-item-title {
  padding-left: 0;
}
.tree-container .branch > .title-wrapper.is-over {
  background-color: var(--file-hovered-bg);
}
.tree-container .branch > .title-wrapper.is-over .file-title {
  background-color: var(--file-hovered-bg);
}
.tree-container .branch .title-wrapper:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-bottom: 1px var(--path-color) solid;
  left: 0;
  top: 50%;
}
.tree-container .branch .tree-container .title-wrapper:after {
  width: calc(var(--item-padding-left) + var(--container-padding-left) / 2 - 8px);
  height: calc(100% + 3px);
  border-left: 1px var(--path-color) solid;
  left: 0;
  top: -15px;
}
.tree-container .branch:not(:last-child) > .tree-container:before {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: calc(100% - 3px);
  box-sizing: border-box;
  border-left: 1px var(--path-color) solid;
  left: 0;
  transform: translateY(calc((var(--bullet-size) * -1) + 1px));
}
.tree-container .leaf.selected .title {
  background: var(--selected-bg);
  z-index: 1;
}
.tree-container .leaf.selected .title .file-title {
  background: var(--selected-bg);
}
.tree-container .leaf .title {
  padding: 5px;
  margin-left: calc(var(--item-padding-left) - 10px);
  max-width: calc(100% - calc(var(--item-padding-left) - 10px));
}
.tree-container .title {
  position: relative;
  display: inline-block;
  padding: 5px 5px 5px 10px;
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.tree-container .title.is-dragging {
  animation-name: trembling;
  animation-duration: 1s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  opacity: 0.7;
  cursor: move;
}
.tree-container .title .file-title {
  background-color: var(--background-color, rgba(255, 255, 255, 0));
}
.tree-container .title i {
  width: 16px;
  margin-right: 2px;
  color: var(--icons-color);
}
.tree-container .title:not(.root-item-title) {
  cursor: pointer;
}

.brick__time-duration-picker.label-position-left .form-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.brick__time-duration-picker.label-position-left .form-group.form-group-sm {
  gap: 5px;
}
.brick__time-duration-picker.label-position-top .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brick__time-duration-picker.label-position-top label {
  margin-bottom: 0;
}
.brick__time-duration-picker .number-input-max-2 .rc-input-number {
  max-width: 43px;
}
.brick__time-duration-picker .number-input-max-2.form-group-sm .rc-input-number {
  max-width: 37px;
}
.brick__time-duration-picker .number-input-max-4 .rc-input-number {
  max-width: 60px;
}
.brick__time-duration-picker .number-input-max-4.form-group-sm .rc-input-number {
  max-width: 55px;
}

.time-to-upgrade-modal .logo {
  width: 190px;
}
.time-to-upgrade-modal .message-container {
  font-size: 16px;
}

.automation-logging-section {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  background: white;
}
.automation-logging-section .logging-section-toolbar {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border-top: 1px solid var(--border-color);
}
.automation-logging-section .logging-section-toolbar .toolbar-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .toolbar-label {
  white-space: nowrap;
  font-size: 12px;
  color: #6c757d;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .search-box {
  width: 100%;
  min-width: 150px;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .search-box i {
  top: 8px;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .form-group {
  margin-bottom: 0;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .form-group > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .Select {
  width: 150px;
}
.automation-logging-section .logging-section-toolbar .toolbar-section .checkbox {
  margin-top: 0;
  white-space: nowrap;
}
.automations-logging-settings .modal-body {
  background-color: #f4f4f4;
  padding: 0;
}
.automations-logging-settings .logging-level-select {
  width: 80px;
}

.flow-designer-container {
  background-color: var(--bg-color);
  display: flex;
  flex: 1 1;
  overflow: hidden;
  --node-width: 200px;
  --node-height: 50px;
  --transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, scale 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.flow-designer-container .react-flow {
  background: var(--bg-color);
  --xy-node-border-selected-default: none;
}
.flow-designer-container .react-flow .flow-title {
  position: relative;
  margin: 10px;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #f8f9fa;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  opacity: 0.95;
}
.flow-designer-container .react-flow .react-flow__minimap {
  background-color: #f8f9fa;
}
.flow-designer-container .react-flow .react-flow__minimap-mask {
  fill: rgba(204, 204, 204, 0.6);
  stroke: var(--primary);
}
.flow-designer-container .react-flow .react-flow__attribution {
  background-color: var(--bg-color);
}
.flow-designer-container .react-flow__node {
  border: 0;
  border-radius: 0.375rem;
}
.flow-designer-container .react-flow__node:focus-visible {
  outline: none;
}
.flow-designer-container .react-flow__node .flow-node {
  min-width: 200px;
  width: 100%;
  border: 1px solid rgba(var(--node-color));
  padding: 20px;
  background: #fff;
  border-radius: 0.375rem;
  transition: var(--transition);
}
.flow-designer-container .react-flow__node .flow-node:focus-visible {
  outline: 1px solid rgba(var(--node-color));
}
.flow-designer-container .react-flow__node .flow-node .element-name {
  max-width: 300px;
  word-break: break-word;
  font-size: 16px;
  color: #495057;
  font-weight: 500;
}
.flow-designer-container .react-flow__node .flow-node .element-subtitle {
  max-width: 300px;
  word-break: break-word;
  font-size: 12px;
  color: #6c757d;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flow-designer-container .react-flow__node .flow-node .icon-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  width: 40px;
  height: 40px;
}
.flow-designer-container .react-flow__node .flow-node .icon-wrapper .node-icon {
  font-size: 18px;
}
.flow-designer-container .react-flow__node .flow-node .node-handle {
  width: 0;
  height: 0;
  min-width: 0;
  min-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
  transform: none;
  border: none;
  opacity: 0;
}
.flow-designer-container .react-flow__node .flow-node .node-handle.active {
  width: 100%;
  height: 100%;
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled) {
  pointer-events: all;
  opacity: 1;
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled):before {
  content: '';
  position: absolute;
  height: calc(100% + 7px);
  width: calc(100% + 7px);
  z-index: -1;
  transform: translate(-24px, -24px);
  border-radius: 6px;
  opacity: 0;
  transition: var(--transition);
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled):hover:before,
.flow-designer-container .react-flow__node .flow-node:not(.disabled).selected:before {
  background: linear-gradient(to right, rgba(var(--node-color-start)), rgba(var(--node-color-end)));
  opacity: 1;
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled).selected {
  border: 1px solid transparent;
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled).selected:before {
  height: calc(100% + 12px);
  width: calc(100% + 12px);
  transform: translate(-26px, -26px);
}
.flow-designer-container .react-flow__node .flow-node:not(.disabled).selected .node-actions .hidable-icon,
.flow-designer-container .react-flow__node .flow-node:not(.disabled):hover .node-actions .hidable-icon {
  opacity: 0.85;
  visibility: visible;
}
.flow-designer-container .react-flow__node .flow-node.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.flow-designer-container .react-flow__node .flow-node.ignored::before,
.flow-designer-container .react-flow__node .flow-node.ignored > div:not(.node-actions__bottom-left) {
  opacity: 0.5;
}
.flow-designer-container .react-flow__node .flow-node.ignored .node-actions__bottom-left .node-tools .node-tools-collapsible > div {
  opacity: 0.5;
}
.flow-designer-container .react-flow__node .flow-node.ignored:not(:hover):not(.selected) {
  filter: grayscale(1);
}
.flow-designer-container .react-flow__node .flow-node.ignored:not(:hover):not(.selected) .node-actions__bottom-left .node-tools .node-tools-collapsible {
  left: -6px !important;
}
.flow-designer-container .react-flow__node .flow-node.invalid {
  --node-color: 249, 97, 103 !important;
}
.flow-designer-container .react-flow__node .flow-node:hover .node-actions .node-tools .node-tools-collapsible:not(.disabled)::before {
  background: linear-gradient(to right, rgba(var(--node-color-start)), rgba(var(--node-color-end)));
  opacity: 1 !important;
  transition: none;
}
.flow-designer-container .react-flow__node .flow-node .node-actions {
  --item-size: 17px;
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-right {
  right: 5px;
  bottom: 5px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left {
  left: 5px;
  bottom: 3px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .collapsible-card {
  transition: none;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible:not(.disabled) {
  pointer-events: all;
  opacity: 1;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible:not(.disabled)::before {
  content: '';
  position: absolute;
  height: calc(100% + 8px);
  width: calc(100% + 9px);
  z-index: -1;
  transform: translate(-4px, -4px);
  border-radius: 6px;
  opacity: 0;
  transition: var(--transition);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible:not(.disabled).selected-parent-node::before {
  background: linear-gradient(to right, rgba(var(--node-color-start)), rgba(var(--node-color-end)));
  opacity: 1;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible:not(.disabled).selected-parent-node {
  border: 1px solid transparent;
  border-top: none;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible:not(.disabled).selected-parent-node::before {
  height: calc(100% + 12px);
  width: calc(100% + 14px);
  transform: translate(-6px, -6px);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible {
  position: absolute;
  left: -5px;
  top: -2px;
  border: 1px solid rgba(var(--node-color));
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.15);
  background-color: white;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-header {
  padding: 4px 4px 4px 20px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container {
  padding: 0;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.no-content {
  padding: 0;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  touch-action: pan-y pinch-zoom;
  scroll-behavior: smooth;
  padding: 4px 0;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable::-webkit-scrollbar {
  width: 6px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .knowledge-base-tools-section {
  margin-bottom: 8px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .knowledge-base-tools-section .knowledge-base-tools-header {
  padding: 4px 8px 4px 20px;
  font-size: 11px;
  font-weight: 600;
  color: #667eea;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .tools-divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 4px 14px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 4px 20px;
  transition: background-color 0.2s ease-in-out;
  border-radius: 0.375rem;
  cursor: pointer;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item:hover,
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item.selected-tool {
  background-color: rgba(0, 0, 0, 0.05);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item.unknown-tool {
  border: 1px solid rgba(255, 0, 0, 0.6);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-icon {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-icon.small-icon {
  width: 20px;
  height: 20px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-icon i {
  font-size: 10px;
  color: white;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-label-container {
  display: flex;
  flex-direction: column;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-label-container .element-item-label {
  font-size: 12px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools .node-tools-collapsible .collapsible-content-container.scrollable .element-item .element-item-label-container .element-item-label__secondary {
  font-size: 12px;
  color: #666;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .node-tools-title {
  width: 100%;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper {
  display: flex;
  position: relative;
  margin-right: 5px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper {
  margin-right: -5px;
  position: relative;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper:nth-child(1) {
  z-index: 3;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper:nth-child(2) {
  z-index: 2;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper:nth-child(3) {
  z-index: 1;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper .node-action-icon {
  color: black;
  transition: none !important;
  transform: none !important;
  background-color: white;
  cursor: pointer;
  border: 0.5px solid gray;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper .placeholder-tools-icon {
  color: white;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper .generic-logo-display .logo-icon,
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .tools-wrapper .stacked-icon-wrapper .generic-logo-display .logo-letters {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  --item-size: 9px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .dropdown-node-tools .node-action-icon {
  background: none;
  color: gray;
  padding: 6px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__bottom-left .dropdown-node-tools .dropdown-menu-bar {
  min-width: 200px;
  width: 100%;
  left: 50%;
  transform: translateX(-30%) translateY(6px);
}
.flow-designer-container .react-flow__node .flow-node .node-actions.node-actions__top-right {
  right: 5px;
  top: 5px;
}
.flow-designer-container .react-flow__node .flow-node .node-actions i,
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon {
  margin: 0;
  font-size: var(--item-size);
  transition: transform 0.2s ease-in-out;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .total-runs {
  font-weight: 500;
  border: 1px solid var(--primary);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--primary);
}
.flow-designer-container .react-flow__node .flow-node .node-actions .errors-badge {
  background-color: #DC2626;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--item-size);
  height: var(--item-size);
  color: #FFFFFF;
  border-radius: 50%;
  font-weight: 500;
  font-size: 12px;
  cursor: default;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--item-size);
  height: var(--item-size);
  border-radius: 50%;
  color: white;
  cursor: pointer;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn:hover:not(.learn-btn-status--BUSY) {
  transform: scale(1.2);
  transition: transform 0.2s ease-in-out;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn i {
  font-size: 8px;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn.learn-btn-status--OFF {
  background: #0057FF;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn.learn-btn-status--LEARNED {
  background: #10B981;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn.learn-btn-status--LEARNING {
  background: #F59E0B;
  animation: pulse 1.5s infinite;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-learn-btn.learn-btn-status--BUSY {
  background: #10B981;
  cursor: not-allowed;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .invoke-element-icon {
  color: #DC2626;
  width: var(--item-size);
  height: var(--item-size);
}
.flow-designer-container .react-flow__node .flow-node .node-actions .expand-icon {
  color: rgba(var(--node-color));
}
.flow-designer-container .react-flow__node .flow-node .node-actions .hidable-icon {
  visibility: hidden;
  opacity: 0;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon {
  width: var(--item-size);
  height: var(--item-size);
  pointer-events: all;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--node-color));
  border-radius: 50%;
  position: static;
  transform: none;
  color: #FFFFFF;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon:not(.readonly):hover {
  transform: scale(1.2);
  opacity: 1;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon.readonly {
  display: none;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon:before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  position: relative;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon.source-handle-icon:before {
  content: '\f0c1';
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon.sla-btn-icon {
  background-color: grey;
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon.sla-btn-icon .active {
  background-color: rgba(var(--node-color));
}
.flow-designer-container .react-flow__node .flow-node .node-actions .node-action-icon.sla-btn-icon:before {
  content: '\f2b5';
}
.flow-designer-container .react-flow__node.flow-item_CONDITION,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER {
  --handler-size: 30px;
  --handler-inner-offset: 0px;
  --handler-inner-hover-offset: -1px;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node.selected .react-flow__handle-left,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node.selected .react-flow__handle-left,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node.selected .react-flow__handle-left,
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node:hover .react-flow__handle-left,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node:hover .react-flow__handle-left,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node:hover .react-flow__handle-left {
  left: var(--handler-inner-hover-offset);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node.selected .react-flow__handle-right,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node.selected .react-flow__handle-right,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node.selected .react-flow__handle-right,
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node:hover .react-flow__handle-right,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node:hover .react-flow__handle-right,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node:hover .react-flow__handle-right {
  right: var(--handler-inner-hover-offset);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node.selected .react-flow__handle-top,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node.selected .react-flow__handle-top,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node.selected .react-flow__handle-top,
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node:hover .react-flow__handle-top,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node:hover .react-flow__handle-top,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node:hover .react-flow__handle-top {
  top: var(--handler-inner-hover-offset);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node.selected .react-flow__handle-bottom,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node.selected .react-flow__handle-bottom,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node.selected .react-flow__handle-bottom,
.flow-designer-container .react-flow__node.flow-item_CONDITION .flow-node:hover .react-flow__handle-bottom,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .flow-node:hover .react-flow__handle-bottom,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .flow-node:hover .react-flow__handle-bottom {
  bottom: var(--handler-inner-hover-offset);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler {
  background: transparent;
  width: var(--handler-size);
  height: var(--handler-size);
  transition: var(--transition);
  border: unset;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler .node-handler-inner,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler .node-handler-inner,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler .node-handler-inner {
  width: 10px;
  height: 10px;
  background: rgba(var(--node-color));
  border-radius: 100%;
  border: 1px solid #fff;
  pointer-events: none;
  transition: var(--transition);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler:hover .node-handler-inner,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler:hover .node-handler-inner,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler:hover .node-handler-inner {
  transform: scale(1.5);
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler:after,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler:after {
  font-weight: 500;
  padding: 0 6px;
  margin: 0 5px;
  position: absolute;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler.react-flow__handle-right:after,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler.react-flow__handle-right:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler.react-flow__handle-right:after {
  left: 13px;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler.react-flow__handle-left:after,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler.react-flow__handle-left:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler.react-flow__handle-left:after {
  right: 13px;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler.react-flow__handle-top:after,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler.react-flow__handle-top:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler.react-flow__handle-top:after {
  bottom: 17px;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler.react-flow__handle-bottom:after,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler.react-flow__handle-bottom:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler.react-flow__handle-bottom:after {
  top: 17px;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler.disabled,
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler.disabled,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler.disabled {
  pointer-events: none;
  visibility: hidden;
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler_then:after {
  content: 'Yes';
}
.flow-designer-container .react-flow__node.flow-item_CONDITION .node-handler_else:after {
  content: 'No';
}
.flow-designer-container .react-flow__node.flow-item_AI_ROUTER .node-handler:after,
.flow-designer-container .react-flow__node.flow-item_VALUE_ROUTER .node-handler:after {
  content: var(--after-content);
}
.flow-designer-container .react-flow__node.react-flow__node-group {
  width: auto;
  height: auto;
  padding: 0;
  text-align: left;
}
.flow-designer-container .react-flow__node.flow-element-type_ai-agent {
  min-width: 300px;
}
.flow-designer-container .flow-node-start-anchor {
  --border: 2px solid rgba(var(--node-color-start));
  display: block;
  border-top: var(--border);
  position: absolute;
  left: -100px;
  width: 100px;
  top: 50%;
}
.flow-designer-container .flow-node-start-anchor .label-holder {
  color: rgba(var(--node-color-start));
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: var(--border);
  text-align: center;
  font-weight: 500;
  bottom: 50%;
  position: absolute;
  left: -65px;
  transform: translate(0, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-designer-container .flow-node-start-anchor .label-holder i {
  font-size: 20px;
}
.flow-designer-container .drop-here-hint {
  font-size: 26px;
  color: #0057FF;
}
.flow-designer-container .edge-text-label,
.flow-designer-container .edge-remove-label-inner,
.flow-designer-container .edge-transition-mode-icon-wrapper {
  background-color: var(--bg-color);
}
.flow-designer-container .edge-transition-mode-label {
  position: absolute;
  pointer-events: all;
}
.flow-designer-container .edge-transition-mode-label .edge-transition-mode-icon-wrapper {
  width: 20px;
  height: 20px;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 10px;
}
.flow-designer-container .edge-remove-label {
  pointer-events: all;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
}
.flow-designer-container .edge-remove-label .edge-remove-label-inner {
  border-radius: 100%;
  border: 2px solid;
  width: 8px;
  height: 8px;
  font-size: 0;
  transition: var(--transition);
}
.flow-designer-container .edge-remove-label:hover .edge-remove-label-inner {
  border: 1px solid;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.flow-designer-container .edge-text-label {
  pointer-events: all;
  font-size: 12px;
  border: 1px solid;
  padding: 8px 12px;
  border-radius: 0.375rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.flow-designer-container .edge-text-label .remove {
  position: absolute;
  width: 12px;
  height: 12px;
  cursor: pointer;
  visibility: hidden;
  right: 1px;
  top: 1px;
}
.flow-designer-container .edge-text-label .remove i {
  font-size: 10px;
}
.flow-designer-container .edge-text-label.circled {
  border-radius: 50%;
  padding: 12px;
}
.flow-designer-container .edge-text-label.circled > i {
  font-size: 14px;
}
.flow-designer-container .edge-text-label.circled .remove {
  right: 4px;
  top: 4px;
}
.flow-designer-container .edge-text-label:hover .remove {
  visibility: visible;
}

.generic-logo-display {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.generic-logo-display .logo-element,
.generic-logo-display .logo-letters,
.generic-logo-display .logo-icon,
.generic-logo-display .logo-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  aspect-ratio: 1 / 1;
  text-align: center;
}
.generic-logo-display .logo-empty {
  background-color: #ccc;
  color: #666;
}
.generic-logo-display.size-small .logo-element,
.generic-logo-display.size-small .logo-letters,
.generic-logo-display.size-small .logo-icon,
.generic-logo-display.size-small .logo-empty {
  width: 20px;
  height: 20px;
  font-size: 9px;
  border-radius: 3px;
  --item-size: 11px;
}
.generic-logo-display.size-normal .logo-element,
.generic-logo-display.size-normal .logo-letters,
.generic-logo-display.size-normal .logo-icon,
.generic-logo-display.size-normal .logo-empty {
  width: 32px;
  height: 32px;
  font-size: 13px;
  border-radius: 4px;
}
.generic-logo-display.size-large .logo-element,
.generic-logo-display.size-large .logo-letters,
.generic-logo-display.size-large .logo-icon,
.generic-logo-display.size-large .logo-empty {
  width: 40px;
  height: 40px;
  font-size: 16px;
  border-radius: 4px;
}

.automation-popover {
  --border: 0;
}
.automation-popover__info {
  --background: var(--info-bg-subtle);
}
.automation-popover__warning {
  --background: var(--warning-bg-subtle);
}
.automation-popover__danger {
  --background: var(--danger-bg-subtle);
}
.automation-popover .popper-inner {
  padding: 0;
}
.automation-popover .help-text {
  font-size: 12px;
}

.automation-learned-structure-popover .learned-structure-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #e6e6e6;
  box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem;
  width: 600px;
  height: 500px;
}
.automation-learned-structure-popover .learned-structure-wrapper .learned-structure-body {
  flex: 1 1;
  padding: 10px;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  margin: 0 -15px;
}
.automation-learned-structure-popover .automation-properties-map-tree-container {
  flex: 1 1;
  margin-top: 0;
}
.automation-learning-tooltip {
  padding-right: 5px;
}
.automation-learning-tooltip i {
  position: absolute;
  right: 2px;
}

.automations-form-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #FFFFFF;
  padding: 0 15px;
  min-width: 375px;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.automations-form-wrapper fieldset {
  border-radius: 0.375rem;
  border: 1px solid var(--border-color);
  padding: 0.35em 0.625em 0.35em;
}
.automations-form-wrapper fieldset legend {
  padding-inline-start: 2px;
  padding-inline-end: 1px;
  border-style: none;
  font-size: 12px;
  width: auto;
  font-weight: 500;
  margin-bottom: 0;
  color: #343a40;
}
.automations-form-wrapper .control-label {
  width: 100%;
}
.automations-form-wrapper .control-label + div {
  position: relative;
}
.automations-form-wrapper .form-header {
  padding: 10px 15px;
  margin: 0 -15px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  position: relative;
  background: #0057FF;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.automations-form-wrapper .form-header .close {
  color: inherit;
  padding: 4px 10px 5px 10px;
  opacity: 0.8;
  line-height: inherit;
  font-weight: inherit;
  text-shadow: none;
  flex: 0 0;
  border: none;
  background: #0000;
  font-size: 14px;
  position: absolute;
  right: 10px;
}
.automations-form-wrapper .form-header .close:hover {
  opacity: 1;
}
.automations-form-wrapper .debug-panel {
  position: sticky;
  top: -1px;
  z-index: 10;
}
.automations-form-wrapper .debug-panel .btn {
  font-size: 11px;
  padding: 5px 7px;
}
.automations-form-wrapper .elevate-panel {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}
.automations-form-wrapper .form-scroll {
  margin: 0 -15px 0 -15px;
  height: 100%;
  overflow: auto;
}
.automations-form-wrapper .form-body .form-group.form-group-sm {
  margin-bottom: 5px;
}
.automations-form-wrapper .form-body .form-group .help-block.small {
  font-size: 11px;
}
.automations-form-wrapper .common-layout__section-panel .panel__content .btn {
  margin-right: 0;
}
.automations-form-wrapper .input-mode-icon {
  font-size: 16px;
  color: #495057;
  cursor: pointer;
}
.automations-form-wrapper .input-mode-icon.active {
  color: #10B981;
}
.automations-form-wrapper .input-mode-icon.not-allowed {
  opacity: 0.5;
}
.automations-form-wrapper .param-view-controls .active {
  color: #10B981;
}
.automations-form-wrapper .param-view-controls .complex-list-icon:hover {
  transform: rotate(270deg) scale(1.2) !important;
}
.automations-form-wrapper .param-list.removable .multiple-child-wrapper {
  width: 95%;
}
.automations-form-wrapper .param-list.removable .multiple-child-wrapper.object-item-wrapper {
  width: 100%;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
  padding: 5px 6% 8px 0;
}
.automations-form-wrapper .param-list.removable .multiple-child-wrapper.object-item-wrapper .remove-icon {
  top: -2px !important;
  right: -2px !important;
}
.automations-form-wrapper .param-list.removable .multiple-child-wrapper .remove-icon {
  top: -2px !important;
  right: -27px !important;
}
.automations-form-wrapper .key-value-pairs-container {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.automations-form-wrapper .key-value-pairs-container .form-group {
  margin-bottom: 0;
}
.automations-form-wrapper .btn {
  text-transform: initial !important;
}
.automations-form-wrapper .refresh-btn {
  font-size: 12px;
  margin-right: 5px;
}
.automations-form-wrapper .refresh-btn:not(.busy) {
  cursor: pointer;
}
.argument-description-popover .argument-description p:last-child {
  margin-bottom: 0;
}

.add-ai-agent-tools-dialog {
  width: 80%;
  min-width: 900px;
  max-width: 1400px;
}
.add-ai-agent-tools-dialog .tools-workspace-panels {
  display: flex;
  gap: 16px;
}
.add-ai-agent-tools-dialog .tools-panel-left {
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid #e3e3e3;
}
.add-ai-agent-tools-dialog .tools-panel-left .tools-categories-list {
  flex: 1 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.add-ai-agent-tools-dialog .tools-panel-left .create-kb-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #4b62df;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-top: 1px solid #e3e3e3;
  margin-top: auto;
}
.add-ai-agent-tools-dialog .tools-panel-right {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.add-ai-agent-tools-dialog .category-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.add-ai-agent-tools-dialog .category-group-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.add-ai-agent-tools-dialog .category-group-item.selected {
  background-color: #e8f0fe;
  border: 1px solid #4b62df;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-header {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-header .category-group-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 6px;
  color: #666;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-header .category-group-icon svg {
  width: 1.2em;
  height: 1.2em;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-header .category-group-icon i {
  font-size: 16px;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-header .category-group-label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-count {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}
.add-ai-agent-tools-dialog .category-group-item .category-group-count .selected-count {
  color: #4b62df;
  font-weight: 600;
}
.add-ai-agent-tools-dialog .category-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.add-ai-agent-tools-dialog .category-details .category-details-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 16px;
}
.add-ai-agent-tools-dialog .category-details .category-details-header i {
  font-size: 20px;
  color: #4b62df;
}
.add-ai-agent-tools-dialog .category-details .category-details-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.add-ai-agent-tools-dialog .category-details .category-details-content {
  flex: 1 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.add-ai-agent-tools-dialog .category-details .tools-list {
  display: flex;
  flex-direction: column;
}
.add-ai-agent-tools-dialog .no-category-selected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #999;
}
.add-ai-agent-tools-dialog .no-category-selected i {
  margin-bottom: 16px;
  opacity: 0.5;
}
.add-ai-agent-tools-dialog .no-category-selected p {
  font-size: 14px;
  margin: 0;
}
.add-ai-agent-tools-dialog .current-selections-tree {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 5px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
  margin-bottom: 2px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-icon,
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-icon-img {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
  border-radius: 3px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-icon i,
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-icon-img i {
  font-size: 12px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-icon-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-header .service-name {
  font-size: 12px;
  font-weight: 600;
  color: #555;
  flex: 1 1;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools {
  margin-left: 28px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item {
  padding: 4px 6px;
  margin-bottom: 0;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item .element-item-wrapper {
  gap: 8px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item .element-item-icon-container {
  --size: 24px;
  font-size: 11px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item .element-item-label {
  font-size: 13px;
}
.add-ai-agent-tools-dialog .current-selections-tree .service-group .service-tools .element-item .element-item-label__secondary {
  font-size: 10px;
}
.add-ai-agent-tools-dialog .checkbox-container {
  width: 40px;
}
.add-ai-agent-tools-dialog .element-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  transition: background-color 0.2s ease-in-out;
}
.add-ai-agent-tools-dialog .element-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.add-ai-agent-tools-dialog .element-item .element-item-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.add-ai-agent-tools-dialog .element-item .element-item-icon {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.add-ai-agent-tools-dialog .element-item .element-item-icon.small-icon {
  width: 30px;
  height: 30px;
}
.add-ai-agent-tools-dialog .element-item .element-item-icon i {
  font-size: 14px;
  color: white;
}
.add-ai-agent-tools-dialog .element-item .element-item-label-container {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-width: 0;
}
.add-ai-agent-tools-dialog .element-item .element-item-label-container .element-item-label {
  font-size: 14px;
  font-weight: 500;
}
.add-ai-agent-tools-dialog .element-item .element-item-label-container .element-item-description-wrapper .element-item-label__secondary {
  font-size: 10px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.add-ai-agent-tools-dialog .element-item-icon-container {
  --size: 32px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  transition: transform 0.2s;
  color: white;
  aspect-ratio: 1 / 1;
  flex: none;
}
.add-ai-agent-tools-dialog .elements-category {
  margin-bottom: 12px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  overflow: hidden;
}
.add-ai-agent-tools-dialog .elements-category:last-child {
  margin-bottom: 0;
}
.add-ai-agent-tools-dialog .elements-category .collapsible-content .collapsible-content-container {
  padding: 10px;
}
.add-ai-agent-tools-dialog .elements-category .collapsible-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container {
  padding: 12px;
  background-color: #f9f9f9;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .title-text {
  width: 100%;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container:hover {
  background-color: #f0f0f0;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .elements-category-label {
  padding-left: 1px;
  display: flex;
  align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  color: #212529;
  font-weight: 500;
  flex: 1 1;
  min-width: 0;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .elements-category-label .d--f {
  flex: 1 1;
  min-width: 0;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .elements-category-label .full-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .elements-category-label .elements-count {
  background-color: transparent;
  color: #6c757d;
  padding: 0;
  border-radius: 4px;
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-ai-agent-tools-dialog .elements-category .element-category-container .elements-category-label .elements-count .elements-count-value {
  min-width: 24px;
}
.add-ai-agent-tools-dialog .elements-category .element-category-icon-button {
  color: #666;
  font-size: 12px;
  flex-shrink: 0;
  order: 999;
}
.add-ai-agent-tools-dialog .elements-category .element-category-content {
  border-top: 1px solid #e3e3e3;
}
.add-ai-agent-tools-dialog .elements-category .element-category-content .tools-list {
  padding: 4px;
}
.tool-description-overlay {
  margin-left: 15px;
}
.tool-description-overlay .description-tooltip {
  max-width: 400px;
  max-height: 200px;
  overflow-y: auto;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-wrap: break-word;
  pointer-events: auto;
}

.fake-flow-node {
  width: 200px;
  height: 70px;
  border: 1px dashed #0057FF;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0057FF;
  padding: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: 500;
}
.fake-flow-node .flow-node-start-anchor {
  --border: 1px dashed #0057FF;
}

/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}

/* this will be exported as base.css and can be used for a basic styling */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-border-default: 1px solid #bbb;
  --xy-node-border-selected-default: 1px solid #555;

  --xy-handle-background-color-default: #333;

  --xy-selection-background-color-default: rgba(150, 150, 180, 0.1);
  --xy-selection-border-default: 1px dotted rgba(155, 155, 155, 0.8);
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  border: var(--xy-node-border, var(--xy-node-border-default));
  color: var(--xy-node-color, var(--xy-node-color-default));
}
.react-flow__node-input.selected,
  .react-flow__node-input:focus,
  .react-flow__node-input:focus-visible,
  .react-flow__node-default.selected,
  .react-flow__node-default:focus,
  .react-flow__node-default:focus-visible,
  .react-flow__node-output.selected,
  .react-flow__node-output:focus,
  .react-flow__node-output:focus-visible,
  .react-flow__node-group.selected,
  .react-flow__node-group:focus,
  .react-flow__node-group:focus-visible {
    outline: none;
    border: var(--xy-node-border-selected, var(--xy-node-border-selected-default));
  }
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.flowrunner-debug-history .history-items time {
  width: 50px;
}

.common-layout__section-panel {
  position: relative;
  margin: 20px;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.common-layout__section-panel.danger {
  background: #ffcdcd;
}
.common-layout__section-panel.with-icon {
  padding: 25px 60px 30px 60px;
}
.common-layout__section-panel .panel__icon-holder {
  position: absolute;
  width: 40px;
  left: 15px;
  top: 22px;
  text-align: center;
  font-size: 24px;
  color: #6c757d;
}
.common-layout__section-panel .panel__icon-holder .panel__icon svg {
  margin-top: 4px;
  width: 24px;
  height: 24px;
  fill: #6c757d;
}
.common-layout__section-panel .panel__title {
  margin-bottom: 10px;
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #495057;
}
.common-layout__section-panel .panel__title > i {
  font-size: 14px;
  margin-left: 10px;
  color: #6c757d;
}
.common-layout__section-panel .panel__title .tutorial-icon {
  font-size: 25px;
  position: absolute;
  right: 20px;
  top: 22px;
  color: #bebebe;
  cursor: pointer;
}
.common-layout__section-panel .panel__title .tutorial-icon:hover {
  color: #86d4ff;
}
.common-layout__section-panel .panel__title .ios-toggler > span {
  margin-top: 0;
  font-size: 20px;
}
.common-layout__section-panel .panel__content {
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}
.common-layout__section-panel .panel__content .btn {
  margin-right: 5px;
}
.common-layout__section-panel .panel__content .btn:last-child {
  margin-right: 0;
}
.common-layout__section-panel .panel__content .input-group-btn .btn {
  margin-right: 0;
}
.common-layout__section-panel .open-discuss-button {
  position: relative !important;
  display: inline-flex;
  margin-left: 0.3em;
  right: 0 !important;
  bottom: 0 !important;
  top: 2px;
}

.common-layout__no-data-panel {
  flex: 1 1;
  max-width: 450px;
  text-align: center;
  margin: 50px auto;
}
.common-layout__no-data-panel .panel__icon-holder {
  font-size: 36px;
}
.common-layout__no-data-panel .panel__title {
  margin-bottom: 10px;
  font-size: 20px;
}

.automation-expression-input-container {
  position: relative;
}
.automation-expression-input-container.with-icon .form-control {
  padding-right: 35px;
}
.automation-expression-input-container .expression-input-control {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
  width: 23px;
  padding: 2px;
  top: 50%;
  color: #6c757d;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-50%);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.automation-expression-input-container .expression-input-control:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.automation-expression-input-container .expression-input-control--indicator {
  right: 10px;
}
.automation-expression-input.form-control {
  height: auto;
  min-height: 30px;
  max-height: 100px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 4px;
}
.automation-expression-input.form-control:focus,
.automation-expression-input.form-control:focus-within {
  color: #212529;
  background-color: #fff;
  border-color: #669aff;
  box-shadow: 0 0 0 0.35rem rgba(0, 87, 255, 0.35);
  outline: 0;
}
.automation-expression-input.form-control.focused {
  box-shadow: 0 0 0 0.35rem rgba(0, 87, 255, 0.35);
}
.automation-expression-input .pill {
  overflow: hidden;
}
.automation-expression-input .pill .pill-icon-container + div {
  padding-left: 20px;
}
.automation-expression-input .pill .no-result-alias {
  font-style: italic;
}
.automation-expression-input .pill .title {
  max-width: 350px;
}
.automation-expression-input .pill .title .title-label {
  max-width: 170px;
}
.automation-expression-input .pill .title .title-property {
  max-width: 75px;
}
.popover-container.centered {
  transform: translateY(-50%) translateX(-50%) !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}
.popover-container.centered .popover-arrow {
  display: none;
}
.automation-expression-input .pill,
.automation-expression-dialog .pill {
  min-height: 16px;
  display: flex;
  align-items: center;
  align-self: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 11px;
  border-radius: 3px;
  padding: 2px 6px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  max-width: 250px;
  text-align: center;
  position: relative;
  background: var(--background-color);
  transition: outline-width 0.2s ease-in-out;
}
.automation-expression-input .pill-element_link,
.automation-expression-dialog .pill-element_link,
.automation-expression-input .pill-user_ref,
.automation-expression-dialog .pill-user_ref,
.automation-expression-input .pill-trigger_data,
.automation-expression-dialog .pill-trigger_data,
.automation-expression-input .pill-callback_trigger_url,
.automation-expression-dialog .pill-callback_trigger_url {
  --background-color: #4e9fcb;
}
.automation-expression-input .pill .title .prop-icon i,
.automation-expression-dialog .pill .title .prop-icon i {
  font-size: 10px;
  position: relative;
}
.automation-expression-input .pill .title .prop-icon .right-long,
.automation-expression-dialog .pill .title .prop-icon .right-long {
  top: 1px;
}
.automation-expression-input .pill-input-text,
.automation-expression-dialog .pill-input-text,
.automation-expression-input .pill-input-number,
.automation-expression-dialog .pill-input-number,
.automation-expression-input .pill-input-json,
.automation-expression-dialog .pill-input-json,
.automation-expression-input .pill-input-multiline_text,
.automation-expression-dialog .pill-input-multiline_text {
  --background-color: #595959;
}
.automation-expression-input .pill-operator,
.automation-expression-dialog .pill-operator {
  --background-color: #71ac34;
}
.automation-expression-input .pill-keyword,
.automation-expression-dialog .pill-keyword {
  --background-color: #dc5fa5;
}
.automation-expression-input .pill-execution_context_path,
.automation-expression-dialog .pill-execution_context_path,
.automation-expression-input .pill-loop_block_current_iteration,
.automation-expression-dialog .pill-loop_block_current_iteration,
.automation-expression-input .pill-list_iterator_current_element,
.automation-expression-dialog .pill-list_iterator_current_element,
.automation-expression-input .pill-shared_memory,
.automation-expression-dialog .pill-shared_memory,
.automation-expression-input .pill-execution_context_static_data,
.automation-expression-dialog .pill-execution_context_static_data,
.automation-expression-input .pill-backendless_app_link,
.automation-expression-dialog .pill-backendless_app_link {
  --background-color: #6f42c1;
}
.automation-expression-input .pill-error,
.automation-expression-dialog .pill-error {
  --background-color: #DC2626;
}
.automation-expression-input .pill-selected,
.automation-expression-dialog .pill-selected {
  outline: 2px solid var(--background-color);
  transition: none;
}
.automation-expression-input .pill-disabled,
.automation-expression-dialog .pill-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.automation-expression-input .pill .title,
.automation-expression-dialog .pill .title {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 10px;
  min-height: 16px;
  height: 100%;
  font-weight: 500;
}
.automation-expression-input .pill .pill-icon-container,
.automation-expression-dialog .pill .pill-icon-container {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.automation-expression-input .pill .pill-icon-container .pill-icon,
.automation-expression-dialog .pill .pill-icon-container .pill-icon {
  width: 13px;
  color: var(--background-color);
}
.automation-expression-input .pill .pill-icon-container + div,
.automation-expression-dialog .pill .pill-icon-container + div {
  padding-left: 20px;
}
.automation-expression-dialog .modal-dialog {
  position: relative;
}
.automation-expression-dialog .modal-body {
  padding: 0;
}
.automation-expression-dialog.new-editor-mode .modal-dialog {
  display: flex;
  flex-direction: column;
}
.automation-expression-dialog.new-editor-mode .modal-content {
  flex: 1 1;
  max-height: 730px;
}
.automation-expression-dialog.new-editor-mode .modal-body {
  display: flex;
}
.automation-expression-dialog.new-editor-mode .body-wrapper {
  flex: 1 1;
}
.automation-expression-dialog.new-editor-mode .panel-body {
  position: relative;
}
.fr-pill-popover .value {
  text-wrap: auto;
  font-family: monospace;
  font-size: 11px;
}

.expression-editor-content .form-group-sm {
  margin-bottom: 5px;
}
.expression-editor-content .form-scroll {
  overflow: hidden;
  display: flex;
}
.expression-editor-content .form-scroll .form-body {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.expression-editor-content .search-box {
  margin: 10px 15px 5px 15px;
}
.expression-editor-content .expression-editor-content-row-sections {
  display: flex;
  width: 100%;
  gap: 15px;
  padding: 5px 15px;
  flex-wrap: wrap;
  overflow: auto;
}
.expression-editor-content .expression-editor-content-footer {
  width: 100%;
  padding: 10px;
  background-color: #FFFFFF;
  border-top: 1px solid #dee2e6;
}
.expression-editor-content .expression-btn {
  color: #6c757d;
}
.expression-editor-content .automation-pills-section {
  flex: 1 1;
  overflow: auto;
}
.expression-editor-content .automation-pills-section.section-expression {
  width: 100%;
  border-top: 1px solid #dee2e6;
}
.expression-editor-content .automation-pills-section.section-expression .section-body {
  padding: 4px;
}
.expression-editor-content .automation-pills-section.section-expression .section-title {
  font-size: 12px;
  color: #6c757d;
  margin-bottom: 5px;
}
.expression-editor-content .automation-pills-section.section-expression .automation-expression-input {
  height: 200px;
  max-height: 200px;
  align-content: flex-start;
}
.expression-editor-content .automation-pills-section.section-expression .help {
  display: flex;
  gap: 3px;
  margin-top: 5px;
}
.expression-editor-content .automation-pills-section.section-expression .help span {
  color: #777777;
  font-size: 10px;
}
.expression-editor-content .automation-pills-section.section-expression .pill {
  max-width: -moz-max-content;
  max-width: max-content;
}
.expression-editor-content .automation-pills-section.section-expression .pill .title {
  max-width: 400px;
}
.expression-editor-content .automation-pills-section.section-expression .pill .title .title-label {
  max-width: 200px;
}
.expression-editor-content .automation-pills-section.section-expression .pill .title .title-property {
  max-width: 150px;
}
.expression-editor-content .automation-pills-section.section-expression .pill-input {
  max-width: 220px;
  margin: -1px 0;
}
.expression-editor-content .automation-pills-section.section-expression .pill-input input {
  min-height: 16px;
  height: 16px;
  font-size: 11px;
  border-radius: 2px;
  padding: 3px;
  margin: 3px;
  width: 220px;
}
.expression-editor-content .automation-pills-section.section-expression .pill-input.input-active {
  padding: 0;
}
.expression-editor-content .automation-pills-section.section-expression .pill-element_link,
.expression-editor-content .automation-pills-section.section-expression .pill-payload_trigger {
  margin: -1px 0;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-input {
  min-height: 15px;
  height: 15px;
  font-size: 11px;
  border-radius: 2px;
  padding: 0 2px;
  margin: 0 -2px;
  width: 150px;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select {
  max-width: 150px;
  width: -moz-max-content;
  width: max-content;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select .Select__control,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select .Select__control {
  min-height: 14px;
  max-height: 14px;
  border-radius: 3px;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select .Select__indicators,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select .Select__indicators {
  height: 13px;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select .Select__value-container,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select .Select__value-container {
  font-size: 10px;
  font-weight: 500;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select .Select__single-value,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select .Select__single-value {
  line-height: 14px;
  text-align: left;
}
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-select .Select__input-container .Select__input,
.expression-editor-content .automation-pills-section.section-expression .pill .pill-path-index-select .Select__input-container .Select__input {
  height: calc(15px - 1px);
  line-height: 13px;
}
.expression-editor-content .pills-group h5 {
  font-size: 10px;
  font-weight: 500;
  color: #343a40;
  margin: 12px 0 5px 0;
  text-transform: uppercase;
}
.expression-editor-content .pills-group h5:first-child {
  margin-top: 0;
}
.expression-editor-content .pills-group .pills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.expression-editor-content .pills-group .pills-list:empty:before {
  content: 'No available data';
  color: #6c757d;
  font-size: 11px;
  margin-top: 5px;
}

.contenteditable-expression-editor,
.json-expression-editor {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: auto;
  padding: 16px;
}
.contenteditable-expression-editor .editor-container,
.json-expression-editor .editor-container {
  flex: 1 1;
  position: relative;
}
.contenteditable-expression-editor .editor-container:focus-within,
.json-expression-editor .editor-container:focus-within {
  border-color: #0057FF;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
}
.contenteditable-expression-editor .pill-icon-container,
.json-expression-editor .pill-icon-container {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.contenteditable-expression-editor .pill-icon-container .pill-icon,
.json-expression-editor .pill-icon-container .pill-icon {
  width: 100%;
  color: var(--background-color);
}
.contenteditable-expression-editor .expression-editor-tools-panel,
.json-expression-editor .expression-editor-tools-panel,
.contenteditable-expression-editor .expression-text-editor-panel,
.json-expression-editor .expression-text-editor-panel,
.contenteditable-expression-editor .expression-json-editor-panel,
.json-expression-editor .expression-json-editor-panel,
.contenteditable-expression-editor .expression-preview-panel,
.json-expression-editor .expression-preview-panel {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
}
.contenteditable-expression-editor .expression-editor-tools-panel .panel-header,
.json-expression-editor .expression-editor-tools-panel .panel-header,
.contenteditable-expression-editor .expression-text-editor-panel .panel-header,
.json-expression-editor .expression-text-editor-panel .panel-header,
.contenteditable-expression-editor .expression-json-editor-panel .panel-header,
.json-expression-editor .expression-json-editor-panel .panel-header,
.contenteditable-expression-editor .expression-preview-panel .panel-header,
.json-expression-editor .expression-preview-panel .panel-header {
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #E5E7EB;
  font-size: 12px;
  padding: 8px 15px;
  color: #6B7280;
}
.contenteditable-expression-editor .expression-editor-tools-panel .expression-btn i,
.json-expression-editor .expression-editor-tools-panel .expression-btn i,
.contenteditable-expression-editor .expression-text-editor-panel .expression-btn i,
.json-expression-editor .expression-text-editor-panel .expression-btn i,
.contenteditable-expression-editor .expression-json-editor-panel .expression-btn i,
.json-expression-editor .expression-json-editor-panel .expression-btn i,
.contenteditable-expression-editor .expression-preview-panel .expression-btn i,
.json-expression-editor .expression-preview-panel .expression-btn i {
  margin: 0 3px;
}
.contenteditable-expression-editor .expression-editor-tools-panel .panel-body,
.json-expression-editor .expression-editor-tools-panel .panel-body,
.contenteditable-expression-editor .expression-text-editor-panel .panel-body,
.json-expression-editor .expression-text-editor-panel .panel-body,
.contenteditable-expression-editor .expression-json-editor-panel .panel-body,
.json-expression-editor .expression-json-editor-panel .panel-body,
.contenteditable-expression-editor .expression-preview-panel .panel-body,
.json-expression-editor .expression-preview-panel .panel-body {
  padding: 0;
  background: #fff;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.contenteditable-expression-editor .expression-editor-tools-panel .editor-content,
.json-expression-editor .expression-editor-tools-panel .editor-content,
.contenteditable-expression-editor .expression-text-editor-panel .editor-content,
.json-expression-editor .expression-text-editor-panel .editor-content,
.contenteditable-expression-editor .expression-json-editor-panel .editor-content,
.json-expression-editor .expression-json-editor-panel .editor-content,
.contenteditable-expression-editor .expression-preview-panel .editor-content,
.json-expression-editor .expression-preview-panel .editor-content,
.contenteditable-expression-editor .expression-editor-tools-panel .preview-content,
.json-expression-editor .expression-editor-tools-panel .preview-content,
.contenteditable-expression-editor .expression-text-editor-panel .preview-content,
.json-expression-editor .expression-text-editor-panel .preview-content,
.contenteditable-expression-editor .expression-json-editor-panel .preview-content,
.json-expression-editor .expression-json-editor-panel .preview-content,
.contenteditable-expression-editor .expression-preview-panel .preview-content,
.json-expression-editor .expression-preview-panel .preview-content {
  padding: 15px;
  flex: 1 1;
  overflow: auto;
  flex-shrink: 0;
  flex-basis: 0;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
.contenteditable-expression-editor .expression-token-preview-block,
.json-expression-editor .expression-token-preview-block {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: center;
  border-radius: 3px;
  margin: 2px;
  padding: 2px 6px;
  background: var(--background-color);
  color: var(--color);
  font-size: 9px;
  max-width: 250px;
  --color: #fff;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--unknown,
.json-expression-editor .expression-token-preview-block.expression-type--unknown {
  --color: #f34242;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--input,
.json-expression-editor .expression-token-preview-block.expression-type--input {
  --background-color: #595959;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--element_link,
.json-expression-editor .expression-token-preview-block.expression-type--element_link,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--user_ref,
.json-expression-editor .expression-token-preview-block.expression-type--user_ref,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--trigger_data,
.json-expression-editor .expression-token-preview-block.expression-type--trigger_data,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--callback_trigger_url,
.json-expression-editor .expression-token-preview-block.expression-type--callback_trigger_url {
  --background-color: #4e9fcb;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--operator,
.json-expression-editor .expression-token-preview-block.expression-type--operator {
  --background-color: #71ac34;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--keyword,
.json-expression-editor .expression-token-preview-block.expression-type--keyword {
  --background-color: #dc5fa5;
}
.contenteditable-expression-editor .expression-token-preview-block.expression-type--execution_context_path,
.json-expression-editor .expression-token-preview-block.expression-type--execution_context_path,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--loop_block_current_iteration,
.json-expression-editor .expression-token-preview-block.expression-type--loop_block_current_iteration,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--list_iterator_current_element,
.json-expression-editor .expression-token-preview-block.expression-type--list_iterator_current_element,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--shared_memory,
.json-expression-editor .expression-token-preview-block.expression-type--shared_memory,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--execution_context_static_data,
.json-expression-editor .expression-token-preview-block.expression-type--execution_context_static_data,
.contenteditable-expression-editor .expression-token-preview-block.expression-type--backendless_app_link,
.json-expression-editor .expression-token-preview-block.expression-type--backendless_app_link {
  --background-color: #6f42c1;
}
.contenteditable-expression-editor .expression-token-preview-block .pill-icon-container + .pill-content,
.json-expression-editor .expression-token-preview-block .pill-icon-container + .pill-content {
  padding-left: 20px;
}
.contenteditable-expression-editor .expression-token-preview-block .pill-content,
.json-expression-editor .expression-token-preview-block .pill-content {
  flex: 1 1;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 10px;
  height: 100%;
  font-weight: 500;
}
.contenteditable-expression-editor .expression-editor-tools-panel,
.json-expression-editor .expression-editor-tools-panel {
  transition: all 0.4s ease;
  margin-right: 16px;
  position: relative;
}
.contenteditable-expression-editor .expression-editor-tools-panel.collapsed,
.json-expression-editor .expression-editor-tools-panel.collapsed {
  margin-right: 0;
  flex: 0 0 auto;
  width: 16px;
  border: none;
}
.contenteditable-expression-editor .expression-json-editor-panel,
.json-expression-editor .expression-json-editor-panel {
  overflow: hidden;
}
.contenteditable-expression-editor .expression-json-editor-panel .panel-body,
.json-expression-editor .expression-json-editor-panel .panel-body {
  background: transparent;
}
.contenteditable-expression-editor .expression-json-editor-panel.has-error,
.json-expression-editor .expression-json-editor-panel.has-error {
  border-color: #DC2626;
}
.contenteditable-expression-editor .expression-preview-panel,
.json-expression-editor .expression-preview-panel {
  margin-left: 16px;
}
.contenteditable-expression-editor .expression-preview-panel .panel-header .live-marker-icon,
.json-expression-editor .expression-preview-panel .panel-header .live-marker-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  opacity: 1;
  background: #4ADE80;
}
.contenteditable-expression-editor .expression-preview-panel .pill-icon-container .pill-icon,
.json-expression-editor .expression-preview-panel .pill-icon-container .pill-icon {
  width: 13px;
}
.contenteditable-expression-editor .virtual-content,
.json-expression-editor .virtual-content,
.contenteditable-expression-editor .telemetry-content,
.json-expression-editor .telemetry-content,
.contenteditable-expression-editor .preview-content,
.json-expression-editor .preview-content,
.contenteditable-expression-editor .editor-content,
.json-expression-editor .editor-content {
  border-radius: 4px;
  background: #fff;
  width: 100%;
  min-height: 180px;
  padding: 12px;
  font-size: 10px;
  line-height: 1.5;
  outline: none;
  word-wrap: break-word;
  white-space: pre-wrap;
  flex-shrink: 0;
}
.contenteditable-expression-editor .editor-content,
.json-expression-editor .editor-content {
  min-height: 120px;
}
.contenteditable-expression-editor .editor-content:empty:before,
.json-expression-editor .editor-content:empty:before {
  content: attr(data-placeholder);
  color: #999;
  font-style: italic;
  pointer-events: none;
}
.contenteditable-expression-editor .editor-content .token.token-text,
.json-expression-editor .editor-content .token.token-text {
  color: #333;
}
.contenteditable-expression-editor .editor-content .token.token-delimiter-start,
.json-expression-editor .editor-content .token.token-delimiter-start,
.contenteditable-expression-editor .editor-content .token.token-delimiter-end,
.json-expression-editor .editor-content .token.token-delimiter-end {
  color: #708090;
  font-weight: bold;
}
.contenteditable-expression-editor .editor-content .token.token-variable,
.json-expression-editor .editor-content .token.token-variable {
  color: #0066cc;
  background: rgba(0, 102, 204, 0.05);
  padding: 0 2px;
  border-radius: 2px;
  cursor: help;
}
.contenteditable-expression-editor .editor-content .token.token-variable:hover,
.json-expression-editor .editor-content .token.token-variable:hover {
  background: rgba(0, 102, 204, 0.1);
}
.contenteditable-expression-editor .editor-content .token.token-function,
.json-expression-editor .editor-content .token.token-function {
  color: #795e26;
  background: rgba(121, 94, 38, 0.05);
  padding: 0 2px;
  border-radius: 2px;
  cursor: help;
}
.contenteditable-expression-editor .editor-content .token.token-function:hover,
.json-expression-editor .editor-content .token.token-function:hover {
  background: rgba(121, 94, 38, 0.1);
}
.contenteditable-expression-editor .editor-content .token.token-property,
.json-expression-editor .editor-content .token.token-property {
  color: #001080;
}
.contenteditable-expression-editor .editor-content .token.token-operator,
.json-expression-editor .editor-content .token.token-operator {
  color: #a31515;
  font-weight: bold;
}
.contenteditable-expression-editor .editor-content .token.token-string,
.json-expression-editor .editor-content .token.token-string {
  color: #a31515;
}
.contenteditable-expression-editor .editor-content .token.token-number,
.json-expression-editor .editor-content .token.token-number {
  color: #098658;
}
.contenteditable-expression-editor .editor-content .token.token-keyword,
.json-expression-editor .editor-content .token.token-keyword {
  color: #0000ff;
  font-weight: bold;
}
.contenteditable-expression-editor .editor-content .token.token-error,
.json-expression-editor .editor-content .token.token-error {
  color: #ff0000;
  -webkit-text-decoration: wavy underline;
          text-decoration: wavy underline;
  -webkit-text-decoration-color: #ff0000;
          text-decoration-color: #ff0000;
}
.contenteditable-expression-editor .editor-content .token.expression-level,
.json-expression-editor .editor-content .token.expression-level {
  background: rgba(0, 16, 128, 0.08);
  padding: 2px 4px;
  border-radius: 3px;
  margin: 0 1px;
  display: inline-block;
  cursor: pointer;
}
.contenteditable-expression-editor .editor-content .token.expression-level:hover,
.json-expression-editor .editor-content .token.expression-level:hover {
  background: rgba(0, 16, 128, 0.15);
}
.contenteditable-expression-editor .editor-content:focus,
.json-expression-editor .editor-content:focus {
  caret-color: #0057FF;
}
.fr-expressions-autocomplete-dropdown {
  max-height: 350px;
  min-width: 200px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 100000;
  position: fixed;
  transition: top, left 0.15s;
}
.fr-expressions-autocomplete-dropdown .suggestion-item {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  cursor: pointer;
  transition: background-color 0.1s;
  font-size: 12px;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-prefix {
  white-space: break-spaces;
  padding-left: 5px;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-insert {
  white-space: break-spaces;
  padding-right: 5px;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-prefix + .suggestion-insert {
  background: #cff4fa;
}
.fr-expressions-autocomplete-dropdown .suggestion-item:hover {
  background: #f5f5f5;
}
.fr-expressions-autocomplete-dropdown .suggestion-item.selected {
  background: rgba(0, 87, 255, 0.1);
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-icon {
  width: 20px;
  text-align: center;
  margin-right: 8px;
  font-weight: bold;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-icon.icon-function {
  color: #795e26;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-icon.icon-property {
  color: #001080;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-icon.icon-element {
  color: #0066cc;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-icon.icon-context {
  color: #098658;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-label {
  flex: 1 1;
  font-family: inherit;
  font-size: 13px;
}
.fr-expressions-autocomplete-dropdown .suggestion-item .suggestion-detail {
  margin-left: 8px;
  font-size: 11px;
  color: #999;
}
.fr-expressions-autocomplete-dropdown .pill-icon-container {
  width: 20px;
}
.fr-expressions-autocomplete-dropdown .pill-icon-container .pill-icon {
  width: 13px;
  color: var(--background-color);
}
.fr-expressions-autocomplete-dropdown .pill-icon-container + div {
  padding-left: 20px;
}

.expression-editor-tools-panel .tools-panel-collapse-icon {
  transition: all 0.4s ease;
  position: absolute;
  left: 6px;
  top: 10px;
}
.expression-editor-tools-panel.collapsed {
  left: -12px;
}
.expression-editor-tools-panel .panel-header {
  display: flex;
  padding: 0 !important;
  overflow: hidden;
  background: #ffffff;
}
.expression-editor-tools-panel .panel-header .tab-menu-item {
  border-bottom: 2px solid transparent;
  flex: 1 1;
  padding: 8px 15px 6px 15px;
  text-align: center;
  cursor: pointer;
  background: #f3f4f8;
}
.expression-editor-tools-panel .panel-header .tab-menu-item.active {
  border-color: #0057FF;
  background: #fff;
}
.expression-editor-tools-panel .panel-header .tab-menu-item:not(.active):hover {
  background: #f7f7f7;
}
.expression-editor-tools-panel .search-box {
  margin-bottom: 12px;
}
.expression-editor-tools-panel .block-results-panel,
.expression-editor-tools-panel .variables-panel {
  padding: 0 16px;
  margin-bottom: 8px;
  overflow: auto;
  flex: 1 0;
}
.expression-editor-tools-panel .block-results-panel {
  position: relative;
  overflow: hidden;
}
.expression-editor-tools-panel .block-results-panel .block-item {
  background: #F9FAFB;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  padding: 8px 30px 8px 12px;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
}
.expression-editor-tools-panel .block-results-panel .block-item:hover {
  background: #eef4f9;
}
.expression-editor-tools-panel .block-results-panel .block-item .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expression-editor-tools-panel .block-results-panel .block-item .header .pill-icon-container {
  position: static;
  background: transparent;
  margin-right: 4px;
}
.expression-editor-tools-panel .block-results-panel .block-item .header .title {
  flex: 1 1;
  font-weight: 500;
  font-size: 13px;
}
.expression-editor-tools-panel .block-results-panel .block-item .description {
  font-size: 12px;
  font-weight: 300;
  opacity: 0.7;
}
.expression-editor-tools-panel .block-results-panel .block-item .swipe-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 14px;
  margin-top: -7px;
  opacity: 0.2;
}
.expression-editor-tools-panel .block-results-panel .block-item.compact {
  max-height: 67px;
  overflow: hidden;
}
.expression-editor-tools-panel .block-results-panel .block-item.reverse {
  padding: 8px 12px 8px 30px;
}
.expression-editor-tools-panel .block-results-panel .block-item.reverse .swipe-icon {
  left: 10px;
  right: initial;
}
.expression-editor-tools-panel .block-results-panel .slide-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: #fff;
  display: flex;
  transition: margin-left 0.3s ease-in-out;
}
.expression-editor-tools-panel .block-results-panel .slide-panel.show-details {
  margin-left: -100%;
}
.expression-editor-tools-panel .block-results-panel .blocks-list {
  width: 50%;
  height: 100%;
  padding: 12px;
  overflow: auto;
}
.expression-editor-tools-panel .block-results-panel .block-details {
  width: 50%;
  height: 100%;
  padding: 12px;
  overflow: auto;
}
.expression-editor-tools-panel .block-results-panel .block-details .no-data-available-alert {
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
}
.expression-editor-tools-panel .variables-panel .pills-list-group {
  margin-bottom: 8px;
}
.expression-editor-tools-panel .variables-panel .pills-list-group .group-title {
  font-size: 10px;
  font-weight: 500;
  color: #343a40;
  margin: 12px 0 5px 0;
  text-transform: uppercase;
}
.expression-editor-tools-panel .block-data-tree {
  flex: 1 1;
  overflow-y: auto;
  padding: 8px 0;
}
.expression-editor-tools-panel .tree-node.root {
  margin-left: 0;
}
.expression-editor-tools-panel .tree-node .property-name-container {
  --border-color: #E7EBF3;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  margin: 2px 0;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  cursor: pointer;
}
.expression-editor-tools-panel .tree-node .property-name-container.root {
  --border-color: #babdc5;
}
.expression-editor-tools-panel .tree-node .property-name-container:hover {
  background-color: #f5f5f5;
  --border-color: #89b9dc;
}
.expression-editor-tools-panel .tree-node .property-name-container .icon-holder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  margin-left: -4px;
  margin-right: -4px;
}
.expression-editor-tools-panel .tree-node .property-name-container .type-icon {
  text-align: center;
  color: #666;
  font-size: 12px;
  flex-shrink: 0;
}
.expression-editor-tools-panel .tree-node .property-name-container .divider {
  width: 1px;
  height: 15px;
  display: block;
  background: var(--border-color);
}
.expression-editor-tools-panel .tree-node .property-name-container .property-name {
  font-size: 11px;
  font-weight: 600;
  color: #333;
  flex-shrink: 0;
}
.expression-editor-tools-panel .tree-node .node-header {
  display: flex;
  align-items: center;
  border-radius: 6px;
  gap: 5px;
  margin-left: 2px;
  position: relative;
}
.expression-editor-tools-panel .tree-node .node-header .expand-icon {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 12px;
  color: #666;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
}
.expression-editor-tools-panel .tree-node .node-header .expand-icon + .property-name-container {
  margin-left: 22px;
}
.expression-editor-tools-panel .tree-node .node-header .node-label {
  font-size: 12px;
  font-weight: 500;
  color: #333;
}
.expression-editor-tools-panel .tree-node .node-children {
  margin-left: 12px;
  padding-left: 11px;
  border-left: 1px solid #e8e8e8;
}
.expression-editor-tools-panel .tree-node.primitive .node-content {
  display: inline-flex;
  align-items: start;
  gap: 8px;
  margin-left: 24px;
}
.expression-editor-tools-panel .tree-node.primitive .node-content.root {
  margin-left: 0;
}
.expression-editor-tools-panel .tree-node.primitive .node-content .property-value {
  color: #666;
  margin-top: 4px;
  max-width: 520px;
  white-space: nowrap;
  font-size: 12px;
}

.automation-properties-map-popover .properties-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #e6e6e6;
  box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem;
  min-height: 600px;
  min-width: 600px;
  max-height: calc(100vh - 200px);
}
.automation-properties-map-popover .properties-wrapper .automations-form-wrapper {
  flex: 1 1;
  overflow: hidden;
}
.automation-properties-map-popover .properties-wrapper .properties-body {
  padding: 10px;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  margin: 0 -15px;
  flex: 1 1;
}
.automation-properties-map-tree-container {
  overflow: auto;
  padding-right: 10px;
  margin-top: 10px;
}
.automation-properties-map-tree-container .tree-branch {
  margin-left: 16px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}
.automation-properties-map-tree-container .tree-container > .tree-branch {
  margin-left: 0;
  border-left: none;
  padding-left: 0;
}
.automation-properties-map-tree-container .tree-node-wrapper {
  margin-bottom: 8px;
}
.automation-properties-map-tree-container .tree-node {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 5px;
  background: #f7f7f7;
  transition: background 0.2s;
  margin: 5px 0;
}
.automation-properties-map-tree-container .tree-node:hover {
  background: #e0e0e0;
}
.automation-properties-map-tree-container .icon {
  margin-right: 6px;
  color: #666;
}
.automation-properties-map-tree-container .tree-key {
  padding: 2px 6px;
  background: #d1eaff;
  border-radius: 10px;
  color: #0056b3;
  font-weight: bold;
  margin-right: 6px;
  -webkit-font-smoothing: antialiased;
}
.automation-properties-map-tree-container .tree-value {
  font-weight: normal;
  color: #333;
}
.automation-properties-map-tree-container .tree-type {
  font-size: 12px;
  color: #777;
  margin-left: 4px;
}
.automation-properties-map-tree-container .tree-type-structure {
  font-size: 12px;
  color: #999;
  margin-left: 6px;
  font-style: italic;
}
.automation-properties-map-tree-container .highlight {
  background-color: rgba(255, 215, 0, 0.3);
  border-radius: 5px;
  padding: 2px 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.automation-pill-value-editor-popover .popover-arrow {
  border-top-color: #e6e6e6 !important;
}
.automation-pill-value-editor-popover .pill-editor-wrapper {
  display: flex;
  flex-direction: column;
  background: #e6e6e6;
  box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.15);
  padding: 3px;
  border-radius: 0.375rem;
  width: 530px;
  height: 360px;
}
.automation-pill-value-editor-popover .pill-editor-wrapper--title {
  font-weight: 500;
  font-size: 12px;
  padding: 6px;
}
.automation-pill-value-editor-popover .pill-editor-wrapper.pill-editor__json {
  padding: 0;
}
.automation-pill-value-editor-popover .pill-editor-wrapper.pill-editor__json .status-bar {
  box-shadow: unset;
  height: 22px;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.automation-pill-value-editor-popover .pill-editor-wrapper .text-area-container {
  flex: 1 1;
}
.automation-pill-value-editor-popover .pill-editor-wrapper .text-area-container textarea {
  height: 100%;
}
.automation-pill-value-editor-popover .pill-label-editor {
  display: flex;
  align-items: center;
  padding: 0 10px 5px 5px;
}
.automation-pill-value-editor-popover .pill-label-editor input {
  width: 240px;
  height: 25px;
  text-overflow: ellipsis;
}

.automation-callback-url .form-control {
  z-index: unset;
}

.automation-time-selector .fieldset-label {
  font-size: 12px;
}
.automation-time-selector .control-label {
  margin-bottom: 0;
  width: 60px;
  font-weight: 400;
}
.automation-time-selector .rc-input-number.number-input {
  width: 100%;
}
.automation-time-selector .help-block {
  color: #ea3537;
}

.automation-files-select-container > div {
  display: flex;
  flex-direction: column;
}
.automation-files-select-container .brick--multiple-container {
  margin-bottom: 10px;
}
.automation-files-select-container fieldset > button {
  width: 100%;
}
.automation-files-select-container .files-list {
  margin-top: 10px;
  display: flex;
  gap: 2px;
}
.automation-files-select-container .files-list label {
  font-size: 12px;
}

.common-files-service-dialog .modal-body {
  padding: 0;
}
.common-files-service-dialog .react-smart-table {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  margin: 0;
}
.common-files-service-dialog .react-smart-table table {
  border-left: none;
  border-right: none;
}
.common-files-service-dialog .table-pagination {
  position: relative;
  padding: 5px 15px;
  margin-top: -1px;
}
.common-files-service-dialog .files-container .files-browser .backendless-files-browser {
  height: 293px;
}
.common-files-service-dialog .upload-file-btn {
  float: left;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40%,
  60% {
    transform: translateY(-15px);
  }
}
.backendless-files-browser {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.backendless-files-browser .react-smart-table {
  flex: 1 1;
  margin-bottom: 0;
}
.backendless-files-browser .droppable-zone {
  display: flex;
  flex: 1 1;
}
.backendless-files-browser .droppable-zone .drop-hint {
  text-align: center;
  position: absolute;
  bottom: 50px;
  width: 400px;
  margin-left: -400px / 2;
  left: 50%;
  padding: 30px 10px 10px;
  background-color: #4285f4;
  color: white;
  border-radius: 2px;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.15);
  word-wrap: break-word;
}
.backendless-files-browser .droppable-zone .drop-hint .fa-cloud-upload-alt {
  text-align: center;
  display: block;
  background: white;
  color: #2196F3;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  width: 80px;
  height: 80px;
  font-size: 60px;
  padding-top: 10px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  animation-duration: 2s;
  animation-iteration-count: 10;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-name: bounce;
}
.backendless-files-browser .droppable-zone .react-smart-table {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.backendless-files-browser .alert {
  margin: 5px;
}
.files-permissions-modal .modal-body {
  overflow: hidden !important;
}
.files-permissions-modal .permissions-modify-all-wrapper {
  top: -1px !important;
}
@media (max-width: 1090px) {
  .files-permissions-modal .permissions-modify-all-wrapper {
    top: 5px !important;
  }
}

.backendless-table {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.backendless-table > thead > tr > th,
.backendless-table > tbody > tr > td {
  border-bottom: 1px solid #e7e7e7;
}
.backendless-table > thead > tr > th:not(:first-of-type),
.backendless-table > tbody > tr > td:not(:first-of-type) {
  border-left: 1px solid #e7e7e7;
}
.backendless-table > thead > tr {
  background: #f3f5f6;
  border-bottom: none;
}
.backendless-table > thead > tr > th {
  background: #f3f5f6;
  font-weight: 600;
}
.backendless-table > tbody > tr > td {
  border-top: none;
  font-size: 12px;
  color: #666;
}
.backendless-table .column-title {
  color: #666;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.backendless-table th .column-title {
  display: flex;
}
.backendless-table th.align-left .column-title {
  justify-content: flex-start;
}
.backendless-table th.align-center .column-title {
  justify-content: center;
}
.backendless-table th.align-right .column-title {
  justify-content: flex-end;
}
.backendless-table .backendless-table-no-items-row {
  padding: 10px;
}
.backendless-table .backendless-table-no-items-row .loading-label .spinner {
  display: inline-flex;
  vertical-align: bottom;
}
.backendless-table .backendless-table-no-items-row .loading-label > span {
  display: inline-block;
  vertical-align: bottom;
}
.backendless-table .backendless-table-no-items-row .loading-label > span {
  height: 20px;
}
.backendless-table .backendless-table-no-items-row .alert {
  margin: 0;
}
.backendless-table-head-cell > div,
.backendless-table-body-cell > div {
  padding: 8px 10px;
}

.backendless-table-datetime-editor {
  position: relative;
  height: 30px;
  margin: 2px;
}
.backendless-table-datetime-editor .date-time-picker {
  width: 100%;
  position: absolute;
  top: -0.5px;
}

.backendless-table-select-editor {
  z-index: 2;
}
.backendless-table-select-editor .Select__control {
  border-radius: 0;
}

.backendless-table-cell.with-icon {
  position: relative;
  padding-right: 20px;
}
.backendless-table-cell.with-icon > i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
}
.overflowed-text-popover {
  max-width: 400px;
  max-height: 200px;
}
.overflowed-text-popover .popper-inner {
  white-space: pre-wrap;
  overflow: hidden;
  font-size: 12px;
}

.table-pagination {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  border-top: 1px solid #e7e7e7;
  color: #999;
}
.table-pagination:before,
.table-pagination:after {
  display: table;
  content: " ";
}
.table-pagination:after {
  clear: both;
}
.table-pagination label {
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle;
  margin: 0;
}
.table-pagination .page-input {
  width: 52px;
  text-align: center;
  padding: 6px 10px;
}
.table-pagination .decrement-btn,
.table-pagination .increment-btn {
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 5px;
}
.table-pagination .decrement-btn:not(.disabled):hover,
.table-pagination .increment-btn:not(.disabled):hover {
  color: #2563EB;
}
.table-pagination .decrement-btn.disabled,
.table-pagination .increment-btn.disabled {
  color: #e1e1e1;
}
.table-pagination .decrement-btn {
  margin-right: 4px;
}
.table-pagination .page-size-btn {
  margin: 0 5px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
}
.table-pagination .page-size-btn.active {
  color: #0057FF;
}
.table-pagination .page-size-btn:not(.active):hover {
  color: #2563EB;
}
.table-pagination .table-total-items-control {
  margin-left: 10px;
}
.table-pagination .table-page-size-control {
  margin-left: auto;
}
.table-pagination .refresh-button-holder {
  padding: 7px 0 5px 0;
  margin-right: 10px;
}
.table-pagination .refresh-button-holder:not(.refreshing) > i {
  cursor: pointer;
}

.permit-toggler-cell label {
  margin: 0;
}
.permit-toggler-cell i {
  font-size: 18px;
  cursor: pointer;
}

.edit-file-modal .select-wrapper {
  width: 100%;
}
.edit-file-modal .editor-modal-title {
  font-size: 24px;
}
.edit-file-modal .file-path {
  margin-top: 7px;
  font-size: 16px;
  font-weight: 300;
}
.edit-file-modal .alert {
  margin: 10px;
}

.backendless-files-table .path-cell > div,
.backendless-files-table .name-cell > div {
  padding: 0;
}
.backendless-files-table .path-cell .files-table-cell-btn,
.backendless-files-table .name-cell .files-table-cell-btn {
  display: block;
  padding: 8px 10px;
  color: #4e9fcb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.backendless-files-table .path-cell .files-table-cell-btn i,
.backendless-files-table .name-cell .files-table-cell-btn i {
  font-size: 14px;
  margin-right: 10px;
}
.backendless-files-table .path-cell .files-table-hoverable-cell-btn:hover,
.backendless-files-table .name-cell .files-table-hoverable-cell-btn:hover {
  text-decoration: none;
  background: #fcf8e3;
}
.backendless-files-table .path-cell .files-table-clickable-cell-btn,
.backendless-files-table .name-cell .files-table-clickable-cell-btn {
  cursor: pointer;
}
.backendless-files-table .path-cell .files-table-disabled-cell-btn,
.backendless-files-table .name-cell .files-table-disabled-cell-btn {
  color: #999;
  cursor: default;
}
.backendless-files-table .path-cell .files-table-disabled-cell-btn:hover,
.backendless-files-table .name-cell .files-table-disabled-cell-btn:hover {
  text-decoration: none;
}
.backendless-files-table .name-cell .rename-icon {
  visibility: hidden;
}
.backendless-files-table .name-cell:hover .rename-icon {
  visibility: visible;
}
.backendless-files-table .name-cell a:hover {
  text-decoration: none;
}
.backendless-files-table .name-cell .fa-spin {
  margin: 0 10px;
}
.backendless-files-table .actions-cell i.not-allowed {
  margin: 0 3px;
  color: #b7b7b7;
}
.backendless-files-table .progress {
  margin: 0;
}

.expressions-list.removable .multiple-child-wrapper {
  width: 95%;
}
.expressions-list.removable .multiple-child-wrapper .remove-icon {
  top: -2px !important;
  right: -27px !important;
}

.automations-file-select__file-item {
  display: flex;
  font-size: 11px;
  gap: 5px;
  align-items: center;
}
.automations-file-select__file-item .file-link-container {
  overflow: hidden;
  text-overflow: ellipsis;
}
.automations-file-select__file-item i {
  cursor: pointer;
  color: #999;
  position: relative;
  top: 1px;
  margin-left: 2px;
}

.dynamic-options-popup {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 270px;
  border: 1px solid #ddd;
  background: white;
  border-radius: 4px;
  padding: 10px;
}
.dynamic-options-popup--wrapper {
  left: -30px !important;
}
.dynamic-options-popup--wrapper > div:first-child > div:first-child {
  visibility: hidden;
}
.dynamic-options-popup .dynamic-options--title {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  font-size: 1.4rem;
  font-weight: 500;
}
.dynamic-options-popup .dynamic-options--title-content {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dynamic-options-popup .dynamic-options--title .field-name {
  max-width: 120px;
  color: #408EC6;
}
.dynamic-options-popup .dynamic-options--items {
  display: flex;
  flex-direction: column;
  height: 250px;
  overflow: auto;
}
.dynamic-options-popup .dynamic-options--item {
  display: flex;
  flex-direction: column;
  padding: 4px;
  margin: 4px 0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.dynamic-options-popup .dynamic-options--item.checked {
  background: rgba(0, 87, 255, 0.4);
}
.dynamic-options-popup .dynamic-options--item.checked-note {
  color: black;
}
.dynamic-options-popup .dynamic-options--item-label {
  font-size: 1.2rem;
  font-weight: 500;
}
.dynamic-options-popup .dynamic-options--item-note {
  max-height: 80px;
  overflow: auto;
  font-size: 10px;
}
.dynamic-options-popup .dynamic-options--item-note p {
  margin: 0;
}
.dynamic-options-popup .dynamic-options--item:hover {
  box-sizing: border-box;
  border: 1px solid #408EC6;
}
.dynamic-options-popup .dynamic-options--footer {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin-top: 15px;
}
.dynamic-options-popup .dynamic-options--footer .dynamic-options--items-count-message {
  display: flex;
  align-self: center;
  font-size: 1.2rem;
  color: #999;
}
.dynamic-options-popup .dynamic-options--footer .dynamic-options--loader {
  display: flex;
}
.dynamic-options-popup .dynamic-options--footer .dynamic-options--controls {
  display: flex;
  justify-content: end;
  gap: 5px;
}
.dynamic-options-popup .dynamic-options--error,
.dynamic-options-popup .dynamic-options--no-options {
  font-size: 1.2rem;
  text-align: center;
  margin: auto;
}
.dynamic-options-popup .dynamic-options--error {
  color: #DC2626;
}
.dynamic-options-popup .dynamic-options--no-options {
  color: #999;
}
.dynamic-options-popup .dynamic-options--no-options .no-options--load-more {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dynamic-options-popup .dynamic-options--no-options .no-options--load-more button {
  font-size: inherit;
  padding: 0 0 0 4px;
}

.expressions-map.brick--multiple-container.removable .multiple-child-wrapper {
  width: 95%;
}
.expressions-map.brick--multiple-container.hide-labels .multiple-child-wrapper i.remove-icon {
  top: -2px;
  right: -27px;
}
.expressions-map.brick--multiple-container .multiple-child-wrapper > div {
  width: inherit;
}
.expressions-map.brick--multiple-container .multiple-child-wrapper i.remove-icon {
  top: 23px;
  right: -27px;
}
.expressions-map.brick--multiple-container .multiple-child-wrapper .with-property .form-group {
  max-width: 50%;
}

.inputs-list.removable .multiple-child-wrapper {
  width: 95%;
}
.inputs-list.removable .multiple-child-wrapper .remove-icon {
  top: -2px !important;
  right: -27px !important;
}

.automation-condition-configurator {
  --condition-remove-icon-color: #fff;
}
.automation-condition-configurator .warning-icon {
  color: #F59E0B;
}
.automation-condition-configurator .condition-panel {
  display: none;
}
.automation-condition-configurator .condition-panel.condition-panel__expanded {
  display: block;
}
.automation-condition-configurator .condition-title {
  background: #3CA0D0;
  padding: 0 6px;
  border-radius: 3px;
  cursor: pointer;
  color: white;
  -webkit-font-smoothing: antialiased;
}
.automation-condition-configurator .remove-control {
  background: var(--condition-remove-icon-color);
  padding: 2px;
  opacity: 1;
  top: 3px !important;
}
.automation-condition-configurator .remove-control:hover {
  color: #DC2626;
}
.automation-condition-configurator .condition-item.errored {
  --border-color: #DC2626;
}
.automation-condition-configurator .condition-item.errored .condition-title {
  background: #DC2626;
}
.automation-condition-configurator .operator-wrapper .Select {
  width: 100%;
}
.automation-condition-configurator .operator-wrapper .datetime-operator-select {
  display: flex;
  flex-direction: row;
}
.automation-condition-configurator .operator-wrapper .datetime-operator-select .Select:first-child {
  margin-right: 5px;
}
.automation-condition-configurator .condition-items-container {
  margin-right: -15px;
  padding-right: 15px;
}
.automation-condition-configurator .condition-items-container:not(.multi-conditions) .remove-control {
  top: -5px !important;
}
.automation-condition-configurator .condition-items-container .draggable-container {
  padding: 3px;
  margin: -3px;
}
.conditions-parts-grouping-container {
  overflow: hidden;
  position: relative;
  padding: 10px 0 10px 0;
}
.conditions-parts-grouping-container .condition-parts-grouping {
  max-width: calc(100% - 35px);
}
.condition-parts-grouping__modal .modal-dialog {
  top: 50%;
  width: -moz-max-content;
  width: max-content;
  transform: scale(1.5) !important;
}
.condition-parts-grouping__modal .modal-dialog .modal-content {
  background: none;
  box-shadow: none;
  border: none;
}
.condition-parts-grouping__modal .modal-dialog .modal-content .condition-parts-grouping__modal_body {
  overflow-y: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  background: #eee;
  border-radius: 3px;
  padding: 0;
}
.condition-parts-grouping__modal .modal-dialog .modal-content .condition-parts-grouping__modal_body .conditions-parts-grouping-container {
  max-width: 60vw;
  overflow: unset;
  margin-top: 0;
}
.condition-parts-grouping__modal .modal-dialog .modal-content .condition-parts-grouping__modal_body .conditions-parts-grouping-container .condition-parts-grouping {
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
}
.condition-parts-grouping__modal .modal-dialog .modal-content .condition-parts-grouping__modal_body .conditions-parts-grouping-container .zoom-icon,
.condition-parts-grouping__modal .modal-dialog .modal-content .condition-parts-grouping__modal_body .conditions-parts-grouping-container .validation-message {
  display: none;
}

.data-types-select .data-types-select-label-icon {
  width: 16px;
  margin-right: 6px;
  color: #337AB7;
  text-align: center;
}
.data-types-select .data-types-select-label-icon-custom {
  width: 20px;
  margin: 0 4px -3px -2px;
  color: #337AB7;
  text-align: center;
}

.condition-parts-grouping {
  display: flex;
  align-items: center;
  background: #eee;
  border-radius: 3px;
  padding: 3px 6px;
  overflow-y: auto;
}
.condition-parts-grouping .part-wrapper {
  display: flex;
  align-items: center;
}
.condition-parts-grouping .part-label {
  margin: 0 3px;
  background-color: #3CA0D0;
  -webkit-font-smoothing: antialiased;
}
.condition-parts-grouping .combinator {
  cursor: pointer;
  margin: 0 5px;
  background: #4CAF50;
  -webkit-font-smoothing: antialiased;
}
.condition-parts-grouping .bracket-wrapper.active .bracket {
  transform: scale(1.2);
  transition: all 250ms ease;
}
.condition-parts-grouping .bracket-wrapper.active .bracket-value {
  color: var(--success);
  text-shadow: var(--success) 0 0 5px;
}
.condition-parts-grouping .bracket-wrapper:not(.active) .bracket-value:hover {
  color: var(--danger);
}
.condition-parts-grouping .bracket .bracket-value {
  cursor: pointer;
  color: var(--primary);
  font-size: 15px;
  position: relative;
  bottom: 1px;
}
.condition-parts-grouping .bracket.bracket-empty .bracket-value {
  visibility: hidden;
}
.condition-parts-grouping .bracket.bracket-empty:hover .bracket-value {
  visibility: visible;
  color: #bbb;
}
.condition-parts-grouping .validation-message {
  margin-top: 5px;
}
.condition-parts-grouping .zoom-icon {
  position: absolute;
  right: 5px;
}

.automation-advanced-panel .automation-advanced-panel__collapsible {
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
.automation-advanced-panel .automation-advanced-panel__collapsible .collapsible-header {
  padding: 0 5px 5px 5px;
}
.automation-advanced-panel .automation-advanced-panel__collapsible .collapsible-header .title-text {
  font-weight: 400;
  color: #343a40;
  font-size: 12px;
}
.automation-advanced-panel .automation-advanced-panel__collapsible .collapsible-content-container {
  padding: 10px 5px 5px 5px;
}

.automations-toolbar-container {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
}
.automations-toolbar-container.transparent {
  background-color: transparent;
}
.automations-toolbar-container.white {
  background-color: white;
}
.automations-toolbar-container.warning {
  background-color: var(--warning-bg-subtle);
}

.automations-debug-panel-tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.automations-debug-panel-tabs .block-result-inspector {
  width: 100%;
  min-width: 350px;
  display: flex;
  flex-direction: column;
}
.automations-debug-panel-tabs .block-result-inspector .code-editor .ace_gutter {
  display: none;
}
.automations-debug-panel-tabs .block-result-inspector .code-editor .ace_scroller {
  left: 0 !important;
}
.automations-debug-panel-tabs .block-result-inspector .form-group {
  margin-bottom: 0;
}
.automations-debug-panel-tabs .block-result-inspector .form-group .Select {
  min-width: 100px;
}
.automations-debug-panel-tabs .toggle-label {
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
}
.automations-debug-panel-tabs .readonly-text {
  top: 30px;
  width: 100px;
}
.automations-debug-panel-tabs .editor-container {
  position: relative;
  flex: 1 1;
}
.automations-debug-panel-tabs .text-area-container {
  height: 100%;
}
.automations-debug-panel-tabs .text-area-container textarea {
  height: 100%;
  border-radius: 0;
  margin-left: -1px;
}
.automations-debug-panel-tabs .text-area-container .form-control:focus {
  border-color: #dee2e6;
  box-shadow: none;
  outline: 0;
}
.automations-debug-panel-tabs .key-value-editor {
  display: flex;
  position: absolute;
  width: 100%;
}
.automations-debug-panel-tabs .key-value-editor .key-value-editor--scrollable-container {
  width: 100%;
}
.automations-debug-panel-tabs .key-value-editor .key-value-editor--header-cell {
  font-size: 13px;
}
.automations-debug-panel-tabs .key-value-editor .key-value-editor--row-cell,
.automations-debug-panel-tabs .key-value-editor .cell-editor input {
  font-size: 11px;
}
.automations-debug-panel-tabs .no-content {
  color: #777777;
}

.sockets-debugger-portal-container {
  top: 0;
  bottom: 0;
  right: -290px;
  width: 320px;
  position: fixed;
  background: rgba(254, 254, 254, 0.78);
  transition: right 0.5s ease-in-out;
}
.sockets-debugger-portal-container.show {
  right: 0;
}
.sockets-debugger-portal-container .messages-list {
  overflow: auto;
  padding: 0 16px;
  height: calc(100% - 40px);
}
.sockets-debugger-portal-container .message-item {
  margin-bottom: 8px;
}

.no-active-rt-logging-window {
  margin: auto;
  font-size: 2em;
  max-width: 500px;
}
.no-active-rt-logging-window .btn {
  padding: 0;
  font-size: inherit;
  display: inline-block;
  line-height: inherit;
  vertical-align: inherit;
}

.rt-logging-page {
  position: absolute;
  display: flex;
  height: 100vh;
  width: 100%;
  flex-direction: column;
}
.rt-logging-page .rt-logging-section {
  background: #fff;
}

.app-not-found {
  margin: 100px auto;
  text-align: center;
  color: #eee;
}
.app-not-found i {
  font-size: 3em;
}
.app-not-found .app-name {
  color: #DC2626;
}

.rt-logging-area {
  flex: 1 1;
  position: relative;
  display: block;
  color: #333333;
  border: 1px solid;
  overflow: auto;
  font-family: monospace;
}
.rt-logging-area.dark {
  background-color: #232122;
  border-color: #e3e3e3;
}
.rt-logging-area.dark .message {
  color: white;
}
.rt-logging-area.light {
  background-color: #fbfbfb;
  border-color: #ccc;
}
.rt-logging-area.light .message {
  color: black;
}
.rt-logging-area .logging-messages {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  position: absolute;
  padding: 6px 12px;
}
.rt-logging-area .logging-messages:not(.wrapped) .message {
  white-space: nowrap;
}
.rt-logging-area .logging-messages .message {
  font-size: 0.9em;
}
.rt-logging-area .logging-messages .message.fatal {
  color: red;
}
.rt-logging-area .logging-messages .message.error {
  color: #DC2626;
}
.rt-logging-area .logging-messages .message.warn {
  color: #ff9200;
}
.rt-logging-area .logging-messages .message.info {
  color: #0057FF;
}
.rt-logging-area .logging-messages .message.debug {
  color: #aaa;
}
.rt-logging-area .logging-messages .message.trace {
  color: #007b1d;
}
.rt-logging-area .logging-messages .message mark {
  padding: 0;
  background: #ffdb3a;
}

.select-app-modal .modal-dialog {
  max-height: 90vh;
  display: flex;
}
.select-app-modal .modal-content {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.select-app-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: auto;
}
.select-app-modal .apps-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
  min-height: 200px;
}
.select-app-modal .grid-container {
  overflow: auto;
  flex: 1 1;
}
.select-app-modal .grid-container .apps-grid {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.select-app-modal .grid-container .apps-grid .app-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 300px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transition: box-shadow 0.2s;
  overflow: hidden;
  cursor: pointer;
  justify-self: center;
  margin-right: 20px;
  margin-bottom: 20px;
}
.select-app-modal .grid-container .apps-grid .app-tile:hover {
  box-shadow: 0 7px 9px -6px rgba(0, 0, 0, 0.6);
}
.select-app-modal .grid-container .apps-grid .app-tile .app-logo {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: flex;
  flex: 1 1;
  position: relative;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-logo div {
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: -2px;
  top: -2px;
  background-size: cover;
  background-position: center;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-logo img {
  opacity: 0;
  height: 0;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-footer {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-shadow: 0 0 18px -8px #000;
  border-top: 1px solid #f1f1f1;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-footer .app-title {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-footer .app-details {
  position: relative;
  display: flex;
  flex-direction: column;
}
.select-app-modal .grid-container .apps-grid .app-tile .app-footer .app-details .app-id {
  font-size: 12px;
  color: #999;
}

.mini-workspace {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.mini-workspace .content-container {
  width: 500px;
}
.mini-workspace:before,
.mini-workspace:after {
  flex-grow: 1;
  content: "";
  display: block;
}
@media (max-width: 768px) {
  .mini-workspace {
    margin-top: 80px;
  }
}

.mini-workspace.flow-runner-campaign .content-container {
  min-width: 1000px;
}
.mini-workspace.flow-runner-campaign .content-container .product-logo {
  margin: 25px 0;
}
.mini-workspace.flow-runner-campaign .flow-runner-campaign__screen {
  background-color: #dee2e6;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  display: flex;
  flex: 1 1;
  justify-content: space-between;
}
.mini-workspace.flow-runner-campaign .flow-runner-content {
  flex: 0 0 50%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-loader__title {
  font-size: 24px;
  font-weight: bold;
  color: #3b73c1;
  margin-bottom: 15px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-loader__text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 10px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions__title {
  font-size: 20px;
  font-weight: bold;
  color: #3b73c1;
  margin-bottom: 10px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-create-new,
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-open-existing {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - 20px);
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-create-new p,
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-open-existing p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app .flow-runner-dropdown {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app .dropdown-apps {
  min-width: 150px;
  padding: 6px 12px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app .dropdown-apps .caret {
  margin-left: 8px;
  font-size: 12px;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app .app-dropdown-item {
  font-size: 14px;
  padding: 6px 12px;
  cursor: pointer;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-select-app .app-dropdown-item:hover {
  background-color: ghostwhite;
}
.mini-workspace.flow-runner-campaign .flow-runner-content .flow-runner-actions .flow-runner-buttons button {
  margin-top: 10px;
}
.mini-workspace.flow-runner-campaign .vertical-divider {
  width: 1px;
  background-color: #e8e8e8;
  margin: 24px 0;
  box-shadow: 1px 0 1px 0 #ffffff;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel {
  flex: 1 1;
  padding: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: center;
  max-height: 500px;
  margin-bottom: 20px;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-indicators {
  bottom: -30px;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-indicators li {
  background: #d3d0d0;
  border-color: #f4f4f4;
  width: 8px;
  height: 8px;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-indicators li.active {
  background: #c8c8c8;
  width: 10px;
  height: 10px;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item {
  width: 100%;
  height: 100% !important;
  transition-duration: 1.5s;
  align-items: center;
  justify-content: center;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.active,
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.prev,
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.next {
  display: flex;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item img {
  max-height: 100%;
  max-width: 100%;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.next,
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.prev {
  top: unset;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.next img,
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-inner .item.prev img {
  margin: auto;
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-control:hover {
  background: rgba(66, 66, 66, 0.5);
}
.mini-workspace.flow-runner-campaign .flow-runner-carousel .images-carousel .carousel-control i {
  color: white;
}

.oauth2-notification-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 5px;
  color: #fff;
  z-index: 1000;
  text-align: center;
}
.oauth2-notification-wrapper .result-header {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
.oauth2-notification-wrapper .oauth2-message {
  font-size: 14px;
  margin: 10px 0 20px;
}
.oauth2-notification-wrapper .oauth-error {
  color: #DC2626;
}
.oauth2-notification-wrapper .oauth-success {
  color: #10B981;
}
.integration-connections .oauth-no-services {
  display: flex;
  align-items: center;
}
.integration-connections .oauth-no-services .content {
  display: flex;
  flex-direction: column;
}
.integration-connections .oauth-no-services .oauth-icon {
  margin-right: 15px;
}
.integration-connections .oauth-no-services .oauth-link {
  font-size: 15px;
}
.integration-connections .service-card {
  margin-bottom: 20px;
}
.integration-connections .service-card .collapsible-content-container {
  padding: 20px 0;
}
.integration-connections .service-card .title-text {
  width: 100%;
}
.integration-connections .service-card .separator {
  border-bottom: 1px solid #ccc;
}
.integration-connections .service-card .service-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.integration-connections .service-card .service-name-group {
  flex: 0 0 35%;
  display: flex;
  gap: 10px;
}
.integration-connections .service-card .service-name-group .service-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.integration-connections .service-card .service-name-group .service-icon img {
  width: 40px;
  height: 40px;
}
.integration-connections .service-card .service-name-group .service-info {
  display: flex;
  flex-direction: column;
}
.integration-connections .service-card .service-name-group .service-info .service-name {
  font-size: 14px;
  font-weight: bold;
}
.integration-connections .service-card .service-flows-count,
.integration-connections .service-card .service-connections-count {
  flex: 0 0 32.5%;
}
.integration-connections .service-card .expand-icon {
  flex: 0 0 5%;
  display: flex;
  justify-content: center;
}
.integration-connections .service-card .connections-list {
  padding-left: 35%;
  padding-right: 34px;
  display: flex;
  flex-direction: column;
}
.integration-connections .service-card .connections-list .connection-item {
  display: flex;
  padding: 10px 0;
  position: relative;
  left: -45px;
}
.integration-connections .service-card .connections-list .connection-item .connection-info {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% + 45px);
}
.integration-connections .service-card .connections-list .connection-item .connection-info .connection-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.integration-connections .service-card .connections-list .connection-item .connection-info .connection-avatar .default-avatar {
  fill: #555;
}
.integration-connections .service-card .connections-list .connection-item .connection-info .connection-avatar img {
  width: 40px;
  border-radius: 50%;
}
.integration-connections .service-card .connections-list .connection-item .connection-info .connection-actions {
  display: flex;
  gap: 5px;
}
.integration-connections .service-card .connections-list .connection-item .flows-info {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
.integration-connections .service-card .connections-list .connection-item .flows-info .flow-item-link {
  color: inherit;
  -webkit-text-decoration: revert;
          text-decoration: revert;
  font-size: 15px;
}
.oauth2-show-info-dialog .oauth2-modal-body {
  max-height: 365px;
  overflow-y: scroll;
}
.oauth2-show-info-dialog .oauth2-modal-body .oauth2-modal-no-userdata {
  font-size: 16px;
  margin: 10px 0 15px;
}
.oauth2-show-info-dialog .oauth2-modal-body .oauth2-modal-header {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 20px;
}
.oauth2-show-info-dialog .oauth2-modal-body .form-group .control-label {
  text-align: left;
}

.invite-page {
  text-align: center;
}
.invite-page-buttons .btn-default {
  width: 80px;
  margin-left: 8px;
}

.backendless-sanction {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-image: url(/media/ukraine-map.563072a585670be3970c.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.backendless-sanction .backendless-sanction-content {
  max-width: 1000px;
  font-size: 36px;
  background: #ffffffa8;
  padding: 20px;
  font-weight: bold;
}

.alerts-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
  max-height: 100%;
  margin: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10000;
}
.alerts-container > div {
  position: relative;
  margin-bottom: 15px;
}
.alerts-container .alert-enter {
  opacity: 0;
}
.alerts-container .alert-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}
.alerts-container .alert-exit {
  opacity: 1;
}
.alerts-container .alert-exit-active {
  opacity: 0;
  transition: opacity 800ms ease-in;
}
.alerts-container:empty {
  display: none;
}
.alerts-container .alert-inner {
  position: relative;
  color: #fff;
  padding: 15px;
  border: 1px solid;
  min-height: 80px;
}
.alerts-container .alert-inner a {
  color: white;
  text-decoration: underline;
}
.alerts-container .alert-inner .alert-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.alerts-container .alert-inner .alert-content button {
  text-transform: unset;
}
.alerts-container .alert-title {
  font-size: 18px;
  font-weight: 500;
}
.alerts-container .close-alert {
  position: absolute;
  right: 5px;
  top: 1px;
  font-size: 16px;
  color: #000000;
  opacity: 0.2;
  cursor: pointer;
}
.alerts-container .close-alert:hover {
  color: #fff;
  opacity: 0.8;
}
.alerts-container .alert-icon-box {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: rgba(0, 0, 0, 0.15);
}
.alerts-container .alert-with-icon .alert-inner {
  padding-left: 60px;
}
.alerts-container .alert-with-icon .alert-inner .alert-icon-box {
  width: 50px;
  text-align: center;
}
.alerts-container .alert-with-icon .alert-inner .alert-icon-box i {
  font-size: 36px;
  margin-top: 20px;
  opacity: 0.5;
}
.alerts-container .alert-type-error .alert-inner {
  background: #DC2626;
  border-color: #b21d1d;
}
.alerts-container .alert-type-success .alert-inner {
  background: #10B981;
  border-color: #0c8a60;
}
.alerts-container .alert-type-warning .alert-inner {
  background: #F59E0B;
  border-color: #c57f08;
}
.alerts-container .alert-type-info .alert-inner {
  background: #0057FF;
  border-color: #0046cc;
}
.error-alert-details-dialog .collapsible-panel .collapsible-panel-header {
  margin-bottom: 4px;
}
.error-alert-details-dialog .collapsible-panel .collapsible-panel-header .title {
  font-weight: bold;
}
.error-alert-details-dialog .collapsible-panel .collapsible-panel-header .toggle {
  margin-left: 4px;
  cursor: pointer;
  text-decoration: none;
}