@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.5714285714; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 32px;
  line-height: 42px;
}

h2 {
  font-size: 24px;
  line-height: 32px;
}

h3 {
  font-size: 20px;
  line-height: 26px;
}

h4 {
  font-size: 16px;
  line-height: 22px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 16px;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.5714285714; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, Arial, SimSun, sans-serif;
  -ms-overflow-style: scrollbar;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
}

body {
  margin: 0;
}

@-ms-viewport {
  width: device-width;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
  -webkit-appearance: none;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1em;
}

b,
strong {
  font-weight: 600;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}

figure {
  margin: 0 0 1em;
}

img {
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  font-size: 1.5em;
  line-height: inherit;
}

.clearfix {
  *zoom: 1;
}
.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
}
.clearfix::after {
  clear: both;
}

body {
  color: rgb(51, 51, 51);
  background: rgb(244.8, 244.8, 244.8);
  font-size: 14px;
  line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(51, 51, 51);
}

a {
  color: rgb(51, 51, 51);
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
  border: 1px solid transparent;
  padding: 0 4px;
}
a:hover {
  color: rgb(112.2, 155.04, 255);
}
a:active {
  color: rgb(54.1875, 108.375, 216.75);
}
a:focus-visible {
  color: rgb(112.2, 155.04, 255);
  border-radius: 2px;
}
a:focus-visible {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
a:active, a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgb(204, 204, 204);
  cursor: not-allowed;
  pointer-events: none;
}

input {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
input:hover {
  border-color: rgb(153, 153, 153);
}
input::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
input:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
input:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
input {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}
input:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
input[readonly], input[readonly]:hover, input[disabled], input[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
input[readonly]::placeholder, input[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
input[readonly] {
  cursor: default;
}

textarea {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
textarea:hover {
  border-color: rgb(153, 153, 153);
}
textarea::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
textarea:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
textarea:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
textarea {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}
textarea:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
textarea[readonly], textarea[readonly]:hover, textarea[disabled], textarea[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
textarea[readonly]::placeholder, textarea[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
textarea[readonly] {
  cursor: default;
}
textarea {
  max-height: initial;
  padding: 8px 12px;
  height: initial;
  min-height: 62px;
  resize: vertical;
}

caption {
  color: rgb(102, 102, 102);
}

.brick-button,
.brick-button * {
  box-sizing: border-box;
}
.brick-button {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  outline: none;
  white-space: nowrap;
}
.brick-button-inner {
  position: relative;
}
.brick-button, .brick-button .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-button:hover {
  background-color: rgb(255, 255, 255);
}
.brick-button:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(255, 255, 255);
}
.brick-button:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-button:active {
  background-color: rgb(219.3, 228.225, 255);
}
.brick-button:not(.brick-button-loading-type-icon-only) .brick-button-loading-icon + .brick-button-content,
.brick-button .brick-icon + .brick-button-content {
  margin-left: 4px;
}
.brick-button-disabled, .brick-button-disabled:hover, .brick-button-disabled:active {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-button-disabled, .brick-button-disabled .brick-icon, .brick-button-disabled:hover, .brick-button-disabled:hover .brick-icon, .brick-button-disabled:active, .brick-button-disabled:active .brick-icon {
  cursor: not-allowed;
  color: rgb(204, 204, 204);
}
.brick-button-disabled:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-button-disabled:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-disabled:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  cursor: not-allowed;
  color: rgb(204, 204, 204);
}
.brick-button-loading.brick-button-content-icon-only:not(.brick-button-loading-type-icon-only) .brick-button-content {
  display: none;
}
.brick-button + .brick-button {
  margin-left: 16px;
}
.brick-button-size-xs {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
}
.brick-button-size-xs.brick-button-shape-capsule {
  border-radius: 12px;
}
.brick-button-size-xs.brick-button-shape-capsule.brick-button-type-plain {
  border-radius: 2px;
}
.brick-button-size-xs:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 64px;
}
.brick-button-size-xs.brick-button-content-icon-only, .brick-button-size-xs.brick-button-icon-only {
  padding: 0;
  width: 24px;
}
.brick-button-size-xs.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-xs.brick-button-icon-only.brick-button-type-plain {
  height: 16px;
  width: 16px;
}
.brick-button-size-xs + .brick-button-size-xs {
  margin-left: 8px;
}
.brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xs + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs {
  margin-left: 4px;
}
.brick-button-size-xs + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 8px;
}
.brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xs.brick-button-type-plain:not(.brick-button-icon-only) {
  margin-left: 0px;
}
.brick-button-size-sm {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
}
.brick-button-size-sm.brick-button-shape-capsule {
  border-radius: 14px;
}
.brick-button-size-sm.brick-button-shape-capsule.brick-button-type-plain {
  border-radius: 2px;
}
.brick-button-size-sm:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 72px;
}
.brick-button-size-sm.brick-button-content-icon-only, .brick-button-size-sm.brick-button-icon-only {
  padding: 0;
  width: 28px;
}
.brick-button-size-sm.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-sm.brick-button-icon-only.brick-button-type-plain {
  height: 16px;
  width: 16px;
}
.brick-button-size-sm + .brick-button-size-sm {
  margin-left: 12px;
}
.brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain.brick-button-icon-only, .brick-button-size-sm + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm {
  margin-left: 8px;
}
.brick-button-size-sm + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 12px;
}
.brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-sm.brick-button-type-plain:not(.brick-button-icon-only) {
  margin-left: 4px;
}
.brick-button-size-md {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
}
.brick-button-size-md.brick-button-shape-capsule {
  border-radius: 16px;
}
.brick-button-size-md.brick-button-shape-capsule.brick-button-type-plain {
  border-radius: 2px;
}
.brick-button-size-md:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 88px;
}
.brick-button-size-md.brick-button-content-icon-only, .brick-button-size-md.brick-button-icon-only {
  padding: 0;
  width: 32px;
}
.brick-button-size-md.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-md.brick-button-icon-only.brick-button-type-plain {
  height: 18px;
  width: 18px;
}
.brick-button-size-md + .brick-button-size-md {
  margin-left: 16px;
}
.brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain.brick-button-icon-only, .brick-button-size-md + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md {
  margin-left: 12px;
}
.brick-button-size-md + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 16px;
}
.brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-md.brick-button-type-plain:not(.brick-button-icon-only) {
  margin-left: 8px;
}
.brick-button-size-lg {
  height: 36px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
}
.brick-button-size-lg.brick-button-shape-capsule {
  border-radius: 18px;
}
.brick-button-size-lg.brick-button-shape-capsule.brick-button-type-plain {
  border-radius: 2px;
}
.brick-button-size-lg:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 104px;
}
.brick-button-size-lg.brick-button-content-icon-only, .brick-button-size-lg.brick-button-icon-only {
  padding: 0;
  width: 36px;
}
.brick-button-size-lg.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-lg.brick-button-icon-only.brick-button-type-plain {
  height: 20px;
  width: 20px;
}
.brick-button-size-lg + .brick-button-size-lg {
  margin-left: 20px;
}
.brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain.brick-button-icon-only, .brick-button-size-lg + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg {
  margin-left: 16px;
}
.brick-button-size-lg + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 20px;
}
.brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-lg.brick-button-type-plain:not(.brick-button-icon-only) {
  margin-left: 12px;
}
.brick-button-size-xl {
  height: 40px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
}
.brick-button-size-xl.brick-button-shape-capsule {
  border-radius: 20px;
}
.brick-button-size-xl.brick-button-shape-capsule.brick-button-type-plain {
  border-radius: 2px;
}
.brick-button-size-xl:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 112px;
}
.brick-button-size-xl.brick-button-content-icon-only, .brick-button-size-xl.brick-button-icon-only {
  padding: 0;
  width: 40px;
}
.brick-button-size-xl.brick-button-content-icon-only.brick-button-type-plain, .brick-button-size-xl.brick-button-icon-only.brick-button-type-plain {
  height: 20px;
  width: 20px;
}
.brick-button-size-xl + .brick-button-size-xl {
  margin-left: 24px;
}
.brick-button-size-xl.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xl.brick-button-type-plain.brick-button-icon-only, .brick-button-size-xl + .brick-button-size-xl.brick-button-type-plain:not(.brick-button-icon-only), .brick-button-size-xl.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xl {
  margin-left: 20px;
}
.brick-button-size-xl + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 24px;
}
.brick-button-size-xl.brick-button-type-plain:not(.brick-button-icon-only) + .brick-button-size-xl.brick-button-type-plain:not(.brick-button-icon-only) {
  margin-left: 16px;
}
.brick-button-type-normal:not(.brick-button-disabled):hover, .brick-button-type-normal:not(.brick-button-disabled):hover .brick-icon, .brick-button-type-normal:not(.brick-button-disabled):active, .brick-button-type-normal:not(.brick-button-disabled):active .brick-icon, .brick-button-type-normal:not(.brick-button-disabled).brick-button-loading, .brick-button-type-normal:not(.brick-button-disabled).brick-button-loading .brick-icon {
  color: #4c84ff;
}
.brick-button-type-normal:not(.brick-button-disabled).brick-button-loading, .brick-button-type-normal:not(.brick-button-disabled):hover {
  border-color: #4c84ff;
}
.brick-button-type-normal:not(.brick-button-disabled):focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  background-color: rgb(255, 255, 255);
}
.brick-button-type-normal:not(.brick-button-disabled):focus-visible:not([tabindex^="-"]):not(:active), .brick-button-type-normal:not(.brick-button-disabled):focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: #4c84ff;
}
.brick-button-type-normal:not(.brick-button-disabled):active {
  border-color: #4c84ff;
}
.brick-button-type-normal.brick-button-disabled.brick-button-loading {
  border-color: #4c84ff;
  background-color: rgb(219.3, 228.225, 255);
}
.brick-button-type-normal.brick-button-disabled.brick-button-loading, .brick-button-type-normal.brick-button-disabled.brick-button-loading .brick-icon {
  color: #4c84ff;
}
.brick-button-type-intensive {
  background-color: rgb(255, 255, 255);
}
.brick-button-type-important {
  border-color: transparent;
}
.brick-button-type-ghost {
  border-color: rgb(255, 255, 255);
  background: none;
}
.brick-button-type-ghost, .brick-button-type-ghost .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-type-ghost:hover, .brick-button-type-ghost:active {
  border-color: rgb(255, 255, 255);
  background: none;
}
.brick-button-type-ghost:hover, .brick-button-type-ghost:hover .brick-icon, .brick-button-type-ghost:active, .brick-button-type-ghost:active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-type-ghost:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: transparent;
}
.brick-button-type-ghost:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: rgb(255, 255, 255);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
  outline: none;
}
.brick-button-type-ghost:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgba(255, 255, 255, 0.4);
}
.brick-button-type-ghost:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-type-ghost:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-type-ghost:active {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: transparent;
}
.brick-button-type-ghost.brick-button-disabled {
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
}
.brick-button-type-ghost.brick-button-disabled, .brick-button-type-ghost.brick-button-disabled .brick-icon {
  color: rgb(153, 153, 153);
}
.brick-button-type-plain {
  padding: 0 4px;
  height: auto;
  border-color: transparent;
  border-radius: 2px;
}
.brick-button-type-plain, .brick-button-type-plain:hover, .brick-button-type-plain:active,
.brick-button-type-plain .brick-button-disabled {
  background: none;
}
.brick-button-type-plain, .brick-button-type-plain .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-button-type-plain:hover, .brick-button-type-plain:hover .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) {
  background: none;
}
.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-button-type-plain:active, .brick-button-type-plain:active .brick-icon {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-button-type-plain.brick-button-disabled, .brick-button-type-plain.brick-button-disabled .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-button-type-plain.brick-button-icon-only {
  width: auto;
  height: auto;
  line-height: 1;
  background: none;
}
.brick-button-type-plain.brick-button-icon-only.brick-button-original-icon-color .brick-icon {
  color: rgb(153, 153, 153);
}
.brick-button-type-plain.brick-button-icon-only.brick-button-original-icon-color:hover .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-button-type-plain.brick-button-icon-only.brick-button-original-icon-color:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-button-type-plain.brick-button-icon-only.brick-button-original-icon-color:active .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-button-type-plain.brick-button-icon-only.brick-button-original-icon-color.brick-button-disabled .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-button-color-brand.brick-button-type-important, .brick-button-color-brand.brick-button-type-important .brick-icon, .brick-button-color-brand.brick-button-type-important.brick-button-disabled, .brick-button-color-brand.brick-button-type-important.brick-button-disabled .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-success.brick-button-type-important, .brick-button-color-success.brick-button-type-important .brick-icon, .brick-button-color-success.brick-button-type-important.brick-button-disabled, .brick-button-color-success.brick-button-type-important.brick-button-disabled .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-warning.brick-button-type-important, .brick-button-color-warning.brick-button-type-important .brick-icon, .brick-button-color-warning.brick-button-type-important.brick-button-disabled, .brick-button-color-warning.brick-button-type-important.brick-button-disabled .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-danger.brick-button-type-important, .brick-button-color-danger.brick-button-type-important .brick-icon, .brick-button-color-danger.brick-button-type-important.brick-button-disabled, .brick-button-color-danger.brick-button-type-important.brick-button-disabled .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-brand:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-button-color-brand.brick-button-type-intensive {
  border-color: #4c84ff;
}
.brick-button-color-brand.brick-button-type-intensive, .brick-button-color-brand.brick-button-type-intensive .brick-icon {
  color: #4c84ff;
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-loading, .brick-button-color-brand.brick-button-type-intensive:hover {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-loading, .brick-button-color-brand.brick-button-type-intensive:hover {
  border-color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-brand.brick-button-type-intensive:active {
  border-color: rgb(54.1875, 108.375, 216.75);
  background-color: rgb(54.1875, 108.375, 216.75);
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-loading, .brick-button-color-brand.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-brand.brick-button-type-intensive:hover, .brick-button-color-brand.brick-button-type-intensive:hover .brick-icon, .brick-button-color-brand.brick-button-type-intensive:active, .brick-button-color-brand.brick-button-type-intensive:active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-brand.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-brand.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-button-color-brand.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-brand.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(183.6, 202.64, 255);
}
.brick-button-color-brand.brick-button-type-important {
  background-color: #4c84ff;
}
.brick-button-color-brand.brick-button-type-important:hover, .brick-button-color-brand.brick-button-type-important.brick-button-loading {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-brand.brick-button-type-important:active {
  background-color: rgb(54.1875, 108.375, 216.75);
}
.brick-button-color-brand.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(219.3, 228.225, 255);
}
.brick-button-color-brand.brick-button-type-plain {
  background: none;
}
.brick-button-color-brand.brick-button-type-plain, .brick-button-color-brand.brick-button-type-plain .brick-icon {
  color: #4c84ff;
}
.brick-button-color-brand.brick-button-type-plain:hover, .brick-button-color-brand.brick-button-type-plain:hover .brick-icon, .brick-button-color-brand.brick-button-type-plain.brick-button-loading, .brick-button-color-brand.brick-button-type-plain.brick-button-loading .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-brand.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-button-color-brand.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-brand.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-brand.brick-button-type-plain:active, .brick-button-color-brand.brick-button-type-plain:active .brick-icon {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-button-color-brand.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
  background: none;
}
.brick-button-color-brand.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-brand.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(183.6, 202.64, 255);
}
.brick-button-color-success:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #39bf45;
  box-shadow: 0 0 0 2px rgb(208.335, 242.25, 213.42225);
  outline: none;
}
.brick-button-color-success.brick-button-type-intensive {
  border-color: #39bf45;
}
.brick-button-color-success.brick-button-type-intensive, .brick-button-color-success.brick-button-type-intensive .brick-icon {
  color: #39bf45;
}
.brick-button-color-success.brick-button-type-intensive.brick-button-loading, .brick-button-color-success.brick-button-type-intensive:hover {
  background-color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-intensive.brick-button-loading, .brick-button-color-success.brick-button-type-intensive:hover {
  border-color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-success.brick-button-type-intensive:active {
  border-color: rgb(38.25, 153, 45.9);
  background-color: rgb(38.25, 153, 45.9);
}
.brick-button-color-success.brick-button-type-intensive.brick-button-loading, .brick-button-color-success.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-success.brick-button-type-intensive:hover, .brick-button-color-success.brick-button-type-intensive:hover .brick-icon, .brick-button-color-success.brick-button-type-intensive:active, .brick-button-color-success.brick-button-type-intensive:active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-success.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-success.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-success.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(242.25, 255, 244.375);
  border-color: rgb(208.335, 242.25, 213.42225);
}
.brick-button-color-success.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-success.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(165.24, 229.5, 173.808);
}
.brick-button-color-success.brick-button-type-important {
  background-color: #39bf45;
}
.brick-button-color-success.brick-button-type-important:hover, .brick-button-color-success.brick-button-type-important.brick-button-loading {
  background-color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-success.brick-button-type-important:active {
  background-color: rgb(38.25, 153, 45.9);
}
.brick-button-color-success.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(208.335, 242.25, 213.42225);
}
.brick-button-color-success.brick-button-type-plain {
  background: none;
}
.brick-button-color-success.brick-button-type-plain, .brick-button-color-success.brick-button-type-plain .brick-icon {
  color: #39bf45;
}
.brick-button-color-success.brick-button-type-plain:hover, .brick-button-color-success.brick-button-type-plain:hover .brick-icon, .brick-button-color-success.brick-button-type-plain.brick-button-loading, .brick-button-color-success.brick-button-type-plain.brick-button-loading .brick-icon {
  color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-success.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(89.76, 204, 101.184);
}
.brick-button-color-success.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-success.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-success.brick-button-type-plain:active, .brick-button-color-success.brick-button-type-plain:active .brick-icon {
  color: rgb(38.25, 153, 45.9);
}
.brick-button-color-success.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
  background: none;
}
.brick-button-color-success.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-success.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(165.24, 229.5, 173.808);
}
.brick-button-color-warning:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #f27c49;
  box-shadow: 0 0 0 2px rgb(255, 232.39, 219.3);
  outline: none;
}
.brick-button-color-warning.brick-button-type-intensive {
  border-color: #f27c49;
}
.brick-button-color-warning.brick-button-type-intensive, .brick-button-color-warning.brick-button-type-intensive .brick-icon {
  color: #f27c49;
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-loading, .brick-button-color-warning.brick-button-type-intensive:hover {
  background-color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-loading, .brick-button-color-warning.brick-button-type-intensive:hover {
  border-color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-warning.brick-button-type-intensive:active {
  border-color: rgb(204, 94.35, 51);
  background-color: rgb(204, 94.35, 51);
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-loading, .brick-button-color-warning.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-warning.brick-button-type-intensive:hover, .brick-button-color-warning.brick-button-type-intensive:hover .brick-icon, .brick-button-color-warning.brick-button-type-intensive:active, .brick-button-color-warning.brick-button-type-intensive:active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-warning.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-warning.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(255, 247.1375, 242.25);
  border-color: rgb(255, 232.39, 219.3);
}
.brick-button-color-warning.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-warning.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(255, 208.59, 183.6);
}
.brick-button-color-warning.brick-button-type-important {
  background-color: #f27c49;
}
.brick-button-color-warning.brick-button-type-important:hover, .brick-button-color-warning.brick-button-type-important.brick-button-loading {
  background-color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-warning.brick-button-type-important:active {
  background-color: rgb(204, 94.35, 51);
}
.brick-button-color-warning.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(255, 232.39, 219.3);
}
.brick-button-color-warning.brick-button-type-plain {
  background: none;
}
.brick-button-color-warning.brick-button-type-plain, .brick-button-color-warning.brick-button-type-plain .brick-icon {
  color: #f27c49;
}
.brick-button-color-warning.brick-button-type-plain:hover, .brick-button-color-warning.brick-button-type-plain:hover .brick-icon, .brick-button-color-warning.brick-button-type-plain.brick-button-loading, .brick-button-color-warning.brick-button-type-plain.brick-button-loading .brick-icon {
  color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-warning.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 157.42, 112.2);
}
.brick-button-color-warning.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-warning.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-warning.brick-button-type-plain:active, .brick-button-color-warning.brick-button-type-plain:active .brick-icon {
  color: rgb(204, 94.35, 51);
}
.brick-button-color-warning.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
  background: none;
}
.brick-button-color-warning.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-warning.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(255, 208.59, 183.6);
}
.brick-button-color-danger:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-button-color-danger.brick-button-type-intensive {
  border-color: #e64552;
}
.brick-button-color-danger.brick-button-type-intensive, .brick-button-color-danger.brick-button-type-intensive .brick-icon {
  color: #e64552;
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
  background-color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
  border-color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-intensive:active {
  border-color: rgb(191.25, 47.8125, 62.15625);
  background-color: rgb(191.25, 47.8125, 62.15625);
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-danger.brick-button-type-intensive:hover, .brick-button-color-danger.brick-button-type-intensive:hover .brick-icon, .brick-button-color-danger.brick-button-type-intensive:active, .brick-button-color-danger.brick-button-type-intensive:active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(255, 242.25, 242.25);
  border-color: rgb(255, 219.3, 219.895);
}
.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(255, 183.6, 185.98);
}
.brick-button-color-danger.brick-button-type-important {
  background-color: #e64552;
}
.brick-button-color-danger.brick-button-type-important:hover, .brick-button-color-danger.brick-button-type-important.brick-button-loading {
  background-color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-important:active {
  background-color: rgb(191.25, 47.8125, 62.15625);
}
.brick-button-color-danger.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
  background-color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
  background-color: rgb(255, 219.3, 219.895);
}
.brick-button-color-danger.brick-button-type-plain {
  background: none;
}
.brick-button-color-danger.brick-button-type-plain, .brick-button-color-danger.brick-button-type-plain .brick-icon {
  color: #e64552;
}
.brick-button-color-danger.brick-button-type-plain:hover, .brick-button-color-danger.brick-button-type-plain:hover .brick-icon, .brick-button-color-danger.brick-button-type-plain.brick-button-loading, .brick-button-color-danger.brick-button-type-plain.brick-button-loading .brick-icon {
  color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(242.25, 106.59, 115.634);
}
.brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-danger.brick-button-type-plain:active, .brick-button-color-danger.brick-button-type-plain:active .brick-icon {
  color: rgb(191.25, 47.8125, 62.15625);
}
.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
  background: none;
}
.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
  color: rgb(255, 183.6, 185.98);
}
.brick-button-loading-type-icon-only .brick-button-loading-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.brick-button-loading-type-icon-only.brick-button-loading .brick-button-inner > *:not(.brick-button-loading-icon) {
  visibility: hidden;
}

.brick-grouped-buttons {
  display: inline-block;
}
.brick-grouped-buttons .brick-button + .brick-button {
  margin-left: 8px;
}
.brick-grouped-buttons + .brick-grouped-buttons {
  margin-left: 36px;
}

a:not(.brick-button-type-plain).brick-button {
  text-align: center;
  text-decoration: none;
}
a:not(.brick-button-type-plain).brick-button-size-xs {
  line-height: 22px;
}
a:not(.brick-button-type-plain).brick-button-size-sm {
  line-height: 26px;
}
a:not(.brick-button-type-plain).brick-button-size-md {
  line-height: 30px;
}
a:not(.brick-button-type-plain).brick-button-size-lg {
  line-height: 34px;
}
a:not(.brick-button-type-plain).brick-button-size-xl {
  line-height: 38px;
}
a:not(.brick-button-type-plain).brick-button-disabled {
  pointer-events: none;
}

@keyframes spinning {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}
.brick-icon,
.brick-icon * {
  box-sizing: border-box;
}
.brick-icon {
  display: inline-block;
  color: rgb(153, 153, 153);
  font-style: normal;
  line-height: 0;
  text-align: center;
  vertical-align: -0.125em;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.brick-icon-spin {
  animation: spinning 1s infinite linear;
}

.brick-input,
.brick-input * {
  box-sizing: border-box;
}
.brick-input {
  position: relative;
  display: inline-block;
  width: 100%;
}
.brick-input input {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
.brick-input input:hover {
  border-color: rgb(153, 153, 153);
}
.brick-input input::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
.brick-input input:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
.brick-input input:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-input input {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}
.brick-input input:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-input input[readonly], .brick-input input[readonly]:hover, .brick-input input[disabled], .brick-input input[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
.brick-input input[readonly]::placeholder, .brick-input input[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
.brick-input input[readonly] {
  cursor: default;
}
.brick-input input {
  width: 100%;
}
.brick-input.brick-input-hover input {
  border-color: rgb(153, 153, 153);
}
.brick-input.brick-input-hover input:focus:not([readonly]) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-input-suffix, .brick-input-prefix {
  position: absolute;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
}
.brick-input-suffix {
  right: 12px;
}
.brick-input-prefix {
  left: 12px;
}
.brick-input-size-xs {
  font-size: 12px;
  height: 24px;
  line-height: 22px;
}
.brick-input-size-xs input {
  max-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
}
.brick-input-size-xs input {
  font-size: 12px;
  line-height: 18px;
}
.brick-input-size-xs .brick-input-content {
  max-height: 24px;
}
.brick-input-size-sm {
  font-size: 12px;
  height: 28px;
  line-height: 26px;
}
.brick-input-size-sm input {
  max-height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 2px;
}
.brick-input-size-sm input {
  font-size: 12px;
  line-height: 18px;
}
.brick-input-size-sm .brick-input-content {
  max-height: 28px;
}
.brick-input-size-md {
  font-size: 14px;
  height: 32px;
  line-height: 30px;
}
.brick-input-size-md input {
  max-height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
}
.brick-input-size-md input {
  font-size: 14px;
  line-height: 22px;
}
.brick-input-size-md .brick-input-content {
  max-height: 32px;
}
.brick-input-size-lg {
  font-size: 16px;
  height: 36px;
  line-height: 34px;
}
.brick-input-size-lg input {
  max-height: 36px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
}
.brick-input-size-lg input {
  font-size: 16px;
  line-height: 24px;
}
.brick-input-size-lg .brick-input-content {
  max-height: 36px;
}
.brick-input-size-xl {
  font-size: 16px;
  height: 40px;
  line-height: 38px;
}
.brick-input-size-xl input {
  max-height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
}
.brick-input-size-xl input {
  font-size: 16px;
  line-height: 24px;
}
.brick-input-size-xl .brick-input-content {
  max-height: 40px;
}
.brick-input-status-error input {
  border-color: #e64552;
}
.brick-input-status-error input:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-input-status-error.brick-input-hover input {
  border-color: #e64552;
}
.brick-input-status-error.brick-input-hover input:focus, .brick-input-status-error.brick-input-hover input:focus:hover {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-input-disabled.brick-input-hover input, .brick-input-readonly.brick-input-hover input {
  border-color: rgb(237.15, 237.15, 237.15);
}
.brick-input-disabled .brick-input-prefix,
.brick-input-disabled .brick-input-suffix, .brick-input-readonly .brick-input-prefix,
.brick-input-readonly .brick-input-suffix {
  color: rgb(204, 204, 204);
}
.brick-input-disabled .brick-input-prefix .brick-icon,
.brick-input-disabled .brick-input-suffix .brick-icon, .brick-input-readonly .brick-input-prefix .brick-icon,
.brick-input-readonly .brick-input-suffix .brick-icon {
  color: inherit;
}
.brick-input-wrapper,
.brick-input-wrapper * {
  box-sizing: border-box;
}
.brick-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.brick-input-wrapper .brick-input-content {
  padding: 0;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
}
.brick-input-wrapper .brick-input-content {
  white-space: nowrap;
  position: relative;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.brick-input-wrapper .brick-input-suffix, .brick-input-wrapper .brick-input-prefix {
  position: absolute;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
}
.brick-input-wrapper .brick-input-suffix {
  right: 12px;
}
.brick-input-wrapper .brick-input-prefix {
  left: 12px;
}
.brick-input-wrapper.brick-input-size-xs .brick-input-content {
  border-radius: 2px;
}
.brick-input-wrapper.brick-input-size-sm .brick-input-content {
  border-radius: 2px;
}
.brick-input-wrapper.brick-input-size-md .brick-input-content {
  border-radius: 4px;
}
.brick-input-wrapper.brick-input-size-lg .brick-input-content {
  border-radius: 4px;
}
.brick-input-wrapper.brick-input-size-xl .brick-input-content {
  border-radius: 4px;
}
.brick-input-wrapper.brick-input-status-normal.brick-input-hover .brick-input-content {
  border-color: rgb(153, 153, 153);
}
.brick-input-wrapper.brick-input-focus .brick-input-content, .brick-input-wrapper.brick-input-focus.brick-input-hover .brick-input-content {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-input-wrapper.brick-input-disabled .brick-input-content {
  color: rgb(204, 204, 204);
  cursor: not-allowed;
  box-shadow: none;
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-input-wrapper.brick-input-disabled .brick-input-content input::placeholder {
  color: rgb(204, 204, 204);
}
.brick-input-wrapper.brick-input-disabled.brick-input-hover .brick-input-content {
  border-color: rgb(224.4, 224.4, 224.4);
}
.brick-input-wrapper.brick-input-status-error .brick-input-content, .brick-input-wrapper.brick-input-status-error.brick-input-hover .brick-input-content {
  border-color: #e64552;
}
.brick-input-wrapper.brick-input-status-error .brick-input-content input, .brick-input-wrapper.brick-input-status-error.brick-input-hover .brick-input-content input {
  box-shadow: none;
}
.brick-input-wrapper.brick-input-status-error.brick-input-focus .brick-input-content {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}

.brick-grid-container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .brick-grid-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .brick-grid-container {
    max-width: 720px;
  }
}
@media (min-width: 1080px) {
  .brick-grid-container {
    max-width: 1040px;
  }
}
@media (min-width: 1280px) {
  .brick-grid-container {
    max-width: 1240px;
  }
}
@media (min-width: 1600px) {
  .brick-grid-container {
    max-width: 1540px;
  }
}
@media (min-width: 1920px) {
  .brick-grid-container {
    max-width: 1860px;
  }
}

.brick-grid-container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.brick-grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

.brick-grid-row-justify-start {
  justify-content: flex-start;
}

.brick-grid-row-justify-center {
  justify-content: center;
}

.brick-grid-row-justify-end {
  justify-content: flex-end;
}

.brick-grid-row-justify-space-between {
  justify-content: space-between;
}

.brick-grid-row-justify-space-around {
  justify-content: space-around;
}

.brick-grid-row-align-start {
  align-items: flex-start;
}

.brick-grid-row-align-center {
  align-items: center;
}

.brick-grid-row-align-end {
  align-items: flex-end;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .brick-grid-col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.brick-grid-col-xxxl,
.brick-grid-col-xxxl-auto, .brick-grid-col-xxxl-24, .brick-grid-col-xxxl-23, .brick-grid-col-xxxl-22, .brick-grid-col-xxxl-21, .brick-grid-col-xxxl-20, .brick-grid-col-xxxl-19, .brick-grid-col-xxxl-18, .brick-grid-col-xxxl-17, .brick-grid-col-xxxl-16, .brick-grid-col-xxxl-15, .brick-grid-col-xxxl-14, .brick-grid-col-xxxl-13, .brick-grid-col-xxxl-12, .brick-grid-col-xxxl-11, .brick-grid-col-xxxl-10, .brick-grid-col-xxxl-9, .brick-grid-col-xxxl-8, .brick-grid-col-xxxl-7, .brick-grid-col-xxxl-6, .brick-grid-col-xxxl-5, .brick-grid-col-xxxl-4, .brick-grid-col-xxxl-3, .brick-grid-col-xxxl-2, .brick-grid-col-xxxl-1, .brick-grid-col-xxl,
.brick-grid-col-xxl-auto, .brick-grid-col-xxl-24, .brick-grid-col-xxl-23, .brick-grid-col-xxl-22, .brick-grid-col-xxl-21, .brick-grid-col-xxl-20, .brick-grid-col-xxl-19, .brick-grid-col-xxl-18, .brick-grid-col-xxl-17, .brick-grid-col-xxl-16, .brick-grid-col-xxl-15, .brick-grid-col-xxl-14, .brick-grid-col-xxl-13, .brick-grid-col-xxl-12, .brick-grid-col-xxl-11, .brick-grid-col-xxl-10, .brick-grid-col-xxl-9, .brick-grid-col-xxl-8, .brick-grid-col-xxl-7, .brick-grid-col-xxl-6, .brick-grid-col-xxl-5, .brick-grid-col-xxl-4, .brick-grid-col-xxl-3, .brick-grid-col-xxl-2, .brick-grid-col-xxl-1, .brick-grid-col-xl,
.brick-grid-col-xl-auto, .brick-grid-col-xl-24, .brick-grid-col-xl-23, .brick-grid-col-xl-22, .brick-grid-col-xl-21, .brick-grid-col-xl-20, .brick-grid-col-xl-19, .brick-grid-col-xl-18, .brick-grid-col-xl-17, .brick-grid-col-xl-16, .brick-grid-col-xl-15, .brick-grid-col-xl-14, .brick-grid-col-xl-13, .brick-grid-col-xl-12, .brick-grid-col-xl-11, .brick-grid-col-xl-10, .brick-grid-col-xl-9, .brick-grid-col-xl-8, .brick-grid-col-xl-7, .brick-grid-col-xl-6, .brick-grid-col-xl-5, .brick-grid-col-xl-4, .brick-grid-col-xl-3, .brick-grid-col-xl-2, .brick-grid-col-xl-1, .brick-grid-col-lg,
.brick-grid-col-lg-auto, .brick-grid-col-lg-24, .brick-grid-col-lg-23, .brick-grid-col-lg-22, .brick-grid-col-lg-21, .brick-grid-col-lg-20, .brick-grid-col-lg-19, .brick-grid-col-lg-18, .brick-grid-col-lg-17, .brick-grid-col-lg-16, .brick-grid-col-lg-15, .brick-grid-col-lg-14, .brick-grid-col-lg-13, .brick-grid-col-lg-12, .brick-grid-col-lg-11, .brick-grid-col-lg-10, .brick-grid-col-lg-9, .brick-grid-col-lg-8, .brick-grid-col-lg-7, .brick-grid-col-lg-6, .brick-grid-col-lg-5, .brick-grid-col-lg-4, .brick-grid-col-lg-3, .brick-grid-col-lg-2, .brick-grid-col-lg-1, .brick-grid-col-md,
.brick-grid-col-md-auto, .brick-grid-col-md-24, .brick-grid-col-md-23, .brick-grid-col-md-22, .brick-grid-col-md-21, .brick-grid-col-md-20, .brick-grid-col-md-19, .brick-grid-col-md-18, .brick-grid-col-md-17, .brick-grid-col-md-16, .brick-grid-col-md-15, .brick-grid-col-md-14, .brick-grid-col-md-13, .brick-grid-col-md-12, .brick-grid-col-md-11, .brick-grid-col-md-10, .brick-grid-col-md-9, .brick-grid-col-md-8, .brick-grid-col-md-7, .brick-grid-col-md-6, .brick-grid-col-md-5, .brick-grid-col-md-4, .brick-grid-col-md-3, .brick-grid-col-md-2, .brick-grid-col-md-1, .brick-grid-col-sm,
.brick-grid-col-sm-auto, .brick-grid-col-sm-24, .brick-grid-col-sm-23, .brick-grid-col-sm-22, .brick-grid-col-sm-21, .brick-grid-col-sm-20, .brick-grid-col-sm-19, .brick-grid-col-sm-18, .brick-grid-col-sm-17, .brick-grid-col-sm-16, .brick-grid-col-sm-15, .brick-grid-col-sm-14, .brick-grid-col-sm-13, .brick-grid-col-sm-12, .brick-grid-col-sm-11, .brick-grid-col-sm-10, .brick-grid-col-sm-9, .brick-grid-col-sm-8, .brick-grid-col-sm-7, .brick-grid-col-sm-6, .brick-grid-col-sm-5, .brick-grid-col-sm-4, .brick-grid-col-sm-3, .brick-grid-col-sm-2, .brick-grid-col-sm-1, .brick-grid-col,
.brick-grid-col-auto, .brick-grid-col-24, .brick-grid-col-23, .brick-grid-col-22, .brick-grid-col-21, .brick-grid-col-20, .brick-grid-col-19, .brick-grid-col-18, .brick-grid-col-17, .brick-grid-col-16, .brick-grid-col-15, .brick-grid-col-14, .brick-grid-col-13, .brick-grid-col-12, .brick-grid-col-11, .brick-grid-col-10, .brick-grid-col-9, .brick-grid-col-8, .brick-grid-col-7, .brick-grid-col-6, .brick-grid-col-5, .brick-grid-col-4, .brick-grid-col-3, .brick-grid-col-2, .brick-grid-col-1 {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.brick-grid-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.brick-grid-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.brick-grid-col-1 {
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}

.brick-grid-col-2 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.brick-grid-col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.brick-grid-col-4 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.brick-grid-col-5 {
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}

.brick-grid-col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}

.brick-grid-col-7 {
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}

.brick-grid-col-8 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.brick-grid-col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.brick-grid-col-10 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.brick-grid-col-11 {
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}

.brick-grid-col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}

.brick-grid-col-13 {
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}

.brick-grid-col-14 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.brick-grid-col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.brick-grid-col-16 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.brick-grid-col-17 {
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}

.brick-grid-col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}

.brick-grid-col-19 {
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}

.brick-grid-col-20 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.brick-grid-col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.brick-grid-col-22 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.brick-grid-col-23 {
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}

.brick-grid-col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 4.1666666667%;
}

.offset-2 {
  margin-left: 8.3333333333%;
}

.offset-3 {
  margin-left: 12.5%;
}

.offset-4 {
  margin-left: 16.6666666667%;
}

.offset-5 {
  margin-left: 20.8333333333%;
}

.offset-6 {
  margin-left: 25%;
}

.offset-7 {
  margin-left: 29.1666666667%;
}

.offset-8 {
  margin-left: 33.3333333333%;
}

.offset-9 {
  margin-left: 37.5%;
}

.offset-10 {
  margin-left: 41.6666666667%;
}

.offset-11 {
  margin-left: 45.8333333333%;
}

.offset-12 {
  margin-left: 50%;
}

.offset-13 {
  margin-left: 54.1666666667%;
}

.offset-14 {
  margin-left: 58.3333333333%;
}

.offset-15 {
  margin-left: 62.5%;
}

.offset-16 {
  margin-left: 66.6666666667%;
}

.offset-17 {
  margin-left: 70.8333333333%;
}

.offset-18 {
  margin-left: 75%;
}

.offset-19 {
  margin-left: 79.1666666667%;
}

.offset-20 {
  margin-left: 83.3333333333%;
}

.offset-21 {
  margin-left: 87.5%;
}

.offset-22 {
  margin-left: 91.6666666667%;
}

.offset-23 {
  margin-left: 95.8333333333%;
}

@media (min-width: 576px) {
  .brick-grid-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-sm-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-sm-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-sm-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-sm-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-sm-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-sm-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-sm-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-sm-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-sm-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-sm-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-sm-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-sm-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-sm-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-sm-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-sm-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-sm-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-sm-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-sm-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-sm-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-sm-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-sm-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-sm-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-sm-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 4.1666666667%;
  }
  .offset-sm-2 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-3 {
    margin-left: 12.5%;
  }
  .offset-sm-4 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 20.8333333333%;
  }
  .offset-sm-6 {
    margin-left: 25%;
  }
  .offset-sm-7 {
    margin-left: 29.1666666667%;
  }
  .offset-sm-8 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-9 {
    margin-left: 37.5%;
  }
  .offset-sm-10 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 45.8333333333%;
  }
  .offset-sm-12 {
    margin-left: 50%;
  }
  .offset-sm-13 {
    margin-left: 54.1666666667%;
  }
  .offset-sm-14 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-15 {
    margin-left: 62.5%;
  }
  .offset-sm-16 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-17 {
    margin-left: 70.8333333333%;
  }
  .offset-sm-18 {
    margin-left: 75%;
  }
  .offset-sm-19 {
    margin-left: 79.1666666667%;
  }
  .offset-sm-20 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-21 {
    margin-left: 87.5%;
  }
  .offset-sm-22 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 768px) {
  .brick-grid-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-md-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-md-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-md-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-md-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-md-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-md-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-md-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-md-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-md-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-md-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-md-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-md-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-md-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-md-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-md-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-md-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-md-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-md-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-md-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-md-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-md-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-md-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-md-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 4.1666666667%;
  }
  .offset-md-2 {
    margin-left: 8.3333333333%;
  }
  .offset-md-3 {
    margin-left: 12.5%;
  }
  .offset-md-4 {
    margin-left: 16.6666666667%;
  }
  .offset-md-5 {
    margin-left: 20.8333333333%;
  }
  .offset-md-6 {
    margin-left: 25%;
  }
  .offset-md-7 {
    margin-left: 29.1666666667%;
  }
  .offset-md-8 {
    margin-left: 33.3333333333%;
  }
  .offset-md-9 {
    margin-left: 37.5%;
  }
  .offset-md-10 {
    margin-left: 41.6666666667%;
  }
  .offset-md-11 {
    margin-left: 45.8333333333%;
  }
  .offset-md-12 {
    margin-left: 50%;
  }
  .offset-md-13 {
    margin-left: 54.1666666667%;
  }
  .offset-md-14 {
    margin-left: 58.3333333333%;
  }
  .offset-md-15 {
    margin-left: 62.5%;
  }
  .offset-md-16 {
    margin-left: 66.6666666667%;
  }
  .offset-md-17 {
    margin-left: 70.8333333333%;
  }
  .offset-md-18 {
    margin-left: 75%;
  }
  .offset-md-19 {
    margin-left: 79.1666666667%;
  }
  .offset-md-20 {
    margin-left: 83.3333333333%;
  }
  .offset-md-21 {
    margin-left: 87.5%;
  }
  .offset-md-22 {
    margin-left: 91.6666666667%;
  }
  .offset-md-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1080px) {
  .brick-grid-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-lg-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-lg-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-lg-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-lg-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-lg-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-lg-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-lg-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-lg-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-lg-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-lg-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-lg-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-lg-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-lg-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-lg-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-lg-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-lg-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-lg-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-lg-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-lg-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-lg-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-lg-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-lg-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-lg-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-lg-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 4.1666666667%;
  }
  .offset-lg-2 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-3 {
    margin-left: 12.5%;
  }
  .offset-lg-4 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 20.8333333333%;
  }
  .offset-lg-6 {
    margin-left: 25%;
  }
  .offset-lg-7 {
    margin-left: 29.1666666667%;
  }
  .offset-lg-8 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-9 {
    margin-left: 37.5%;
  }
  .offset-lg-10 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 45.8333333333%;
  }
  .offset-lg-12 {
    margin-left: 50%;
  }
  .offset-lg-13 {
    margin-left: 54.1666666667%;
  }
  .offset-lg-14 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-15 {
    margin-left: 62.5%;
  }
  .offset-lg-16 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-17 {
    margin-left: 70.8333333333%;
  }
  .offset-lg-18 {
    margin-left: 75%;
  }
  .offset-lg-19 {
    margin-left: 79.1666666667%;
  }
  .offset-lg-20 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-21 {
    margin-left: 87.5%;
  }
  .offset-lg-22 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1280px) {
  .brick-grid-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-xl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-xl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-xl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-xl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-xl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-xl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-xl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-xl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-xl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-xl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-xl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-xl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-xl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-xl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-xl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-xl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-xl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-xl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-xl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-xl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-xl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-3 {
    margin-left: 12.5%;
  }
  .offset-xl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xl-6 {
    margin-left: 25%;
  }
  .offset-xl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-9 {
    margin-left: 37.5%;
  }
  .offset-xl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xl-12 {
    margin-left: 50%;
  }
  .offset-xl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-15 {
    margin-left: 62.5%;
  }
  .offset-xl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xl-18 {
    margin-left: 75%;
  }
  .offset-xl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-21 {
    margin-left: 87.5%;
  }
  .offset-xl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1600px) {
  .brick-grid-col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-xxl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-xxl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-xxl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-xxl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-xxl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-xxl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-xxl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-xxl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-xxl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-xxl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-xxl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-xxl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-xxl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-xxl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-xxl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-xxl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-xxl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-xxl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-xxl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-xxl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-xxl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-xxl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-xxl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-xxl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xxl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-3 {
    margin-left: 12.5%;
  }
  .offset-xxl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xxl-6 {
    margin-left: 25%;
  }
  .offset-xxl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xxl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-9 {
    margin-left: 37.5%;
  }
  .offset-xxl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xxl-12 {
    margin-left: 50%;
  }
  .offset-xxl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xxl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-15 {
    margin-left: 62.5%;
  }
  .offset-xxl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xxl-18 {
    margin-left: 75%;
  }
  .offset-xxl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xxl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-21 {
    margin-left: 87.5%;
  }
  .offset-xxl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xxl-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1920px) {
  .brick-grid-col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .brick-grid-col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .brick-grid-col-xxxl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .brick-grid-col-xxxl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .brick-grid-col-xxxl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .brick-grid-col-xxxl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .brick-grid-col-xxxl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .brick-grid-col-xxxl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .brick-grid-col-xxxl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .brick-grid-col-xxxl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .brick-grid-col-xxxl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .brick-grid-col-xxxl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .brick-grid-col-xxxl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .brick-grid-col-xxxl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .brick-grid-col-xxxl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .brick-grid-col-xxxl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .brick-grid-col-xxxl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .brick-grid-col-xxxl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .brick-grid-col-xxxl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .brick-grid-col-xxxl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .brick-grid-col-xxxl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .brick-grid-col-xxxl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .brick-grid-col-xxxl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .brick-grid-col-xxxl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .brick-grid-col-xxxl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .brick-grid-col-xxxl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xxxl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xxxl-3 {
    margin-left: 12.5%;
  }
  .offset-xxxl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xxxl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xxxl-6 {
    margin-left: 25%;
  }
  .offset-xxxl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xxxl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xxxl-9 {
    margin-left: 37.5%;
  }
  .offset-xxxl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xxxl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xxxl-12 {
    margin-left: 50%;
  }
  .offset-xxxl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xxxl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xxxl-15 {
    margin-left: 62.5%;
  }
  .offset-xxxl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xxxl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xxxl-18 {
    margin-left: 75%;
  }
  .offset-xxxl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xxxl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xxxl-21 {
    margin-left: 87.5%;
  }
  .offset-xxxl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xxxl-23 {
    margin-left: 95.8333333333%;
  }
}
.brick-layout,
.brick-layout * {
  box-sizing: border-box;
}
.brick-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
  background: rgb(244.8, 244.8, 244.8);
  width: 100%;
}
.brick-layout > .brick-layout-header > .brick-layout-header-inner,
.brick-layout > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout > .brick-layout-content,
.brick-layout > .brick-layout {
  margin: 0 auto;
}
.brick-layout-mode-static {
  min-width: 1280px;
}
.brick-layout-mode-static > .brick-layout-header > .brick-layout-header-inner,
.brick-layout-mode-static > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout-mode-static > .brick-layout-content,
.brick-layout-mode-static > .brick-layout {
  width: 1280px;
}
.brick-layout-mode-fluid {
  min-width: 1280px;
}
.brick-layout-mode-fluid > .brick-layout-content {
  width: 100%;
}
.brick-layout-mode-fluid > .brick-layout-header > .brick-layout-header-inner,
.brick-layout-mode-fluid > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout-mode-fluid > .brick-layout {
  width: 100%;
  max-width: 1920px;
}
.brick-layout-mode-fluid.with-center-content > .brick-layout-header > .brick-layout-header-inner,
.brick-layout-mode-fluid.with-center-content > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout-mode-fluid.with-center-content > .brick-layout-content {
  max-width: 1920px;
}
.brick-layout .brick-layout[class*=brick-layout-mode-] {
  min-width: unset;
  padding: unset;
}
.brick-layout .brick-layout[class*=brick-layout-mode-] > .brick-layout-header > .brick-layout-header-inner,
.brick-layout .brick-layout[class*=brick-layout-mode-] > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout .brick-layout[class*=brick-layout-mode-] > .brick-layout-content,
.brick-layout .brick-layout[class*=brick-layout-mode-] > .brick-layout {
  width: 100%;
  max-width: unset;
}
.brick-layout .brick-layout[class*=brick-layout-mode-static] > .brick-layout-header > .brick-layout-header-inner,
.brick-layout .brick-layout[class*=brick-layout-mode-static] > .brick-layout-footer > .brick-layout-footer-inner-wrap > .brick-layout-footer-inner,
.brick-layout .brick-layout[class*=brick-layout-mode-static] > .brick-layout-content,
.brick-layout .brick-layout[class*=brick-layout-mode-static] > .brick-layout {
  width: 1280px;
}
.brick-layout .brick-layout-sidebar + .brick-layout {
  max-width: unset;
}
.brick-layout.with-sidebar {
  flex-direction: row;
}
.brick-layout.with-sidebar > .brick-layout,
.brick-layout.with-sidebar > .brick-layout-content {
  overflow-x: hidden;
}
.brick-layout-header, .brick-layout-footer-inner-wrap, .brick-layout-sidebar, .brick-layout-content {
  position: relative;
}
.brick-layout-header-inner, .brick-layout-footer-inner {
  padding: 0 20px;
}
.brick-layout-content-inner {
  padding: 16px;
}
.brick-layout-header {
  background: #4c84ff;
}
.brick-layout-header-inner {
  min-height: 60px;
}
.brick-layout-header-inner .brick-head-nav-content {
  padding: 0;
}
.brick-layout-footer {
  padding-top: 12px;
  margin-top: -12px;
}
.brick-layout-footer-inner-wrap {
  padding: 16px 0;
  min-height: 60px;
  text-align: center;
  color: rgb(255, 255, 255);
  background: rgb(0, 0, 0);
}
.brick-layout-content {
  flex: auto;
  min-height: 0;
  padding: 12px;
}
.brick-layout-content-breadcrumb {
  margin-top: -12px;
  padding: 12px 0;
}
.brick-layout-content-inner {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
}
.brick-layout-content-plain > .brick-layout-content-inner {
  padding: 0;
  background: none;
}
.brick-layout-sidebar {
  flex: 0 0 auto;
  min-width: 0;
  transition: all 0.2s;
  width: 200px;
  background-color: rgb(255, 255, 255);
}
.brick-layout-panel {
  padding: 16px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
}
.brick-layout-panel + .brick-layout-panel {
  margin-top: 16px;
}

.brick-link,
.brick-link * {
  box-sizing: border-box;
}
.brick-link {
  color: rgb(51, 51, 51);
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
  border: 1px solid transparent;
  padding: 0 4px;
}
.brick-link:hover {
  color: rgb(112.2, 155.04, 255);
}
.brick-link:active {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-link:focus-visible {
  color: rgb(112.2, 155.04, 255);
  border-radius: 2px;
}
.brick-link:focus-visible {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-link:active, .brick-link:hover {
  text-decoration: none;
  outline: 0;
}
.brick-link[disabled] {
  color: rgb(204, 204, 204);
  cursor: not-allowed;
  pointer-events: none;
}
.brick-link.brick-link-disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.brick-link-type-intensive {
  color: #4c84ff;
}
.brick-link-type-intensive:hover {
  color: rgb(112.2, 155.04, 255);
}
.brick-link-type-intensive:active {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-link-type-intensive:focus-visible {
  color: rgb(112.2, 155.04, 255);
}
.brick-link-type-intensive[disabled], .brick-link-type-intensive.brick-link-disabled {
  color: rgb(219.3, 228.225, 255);
}
.brick-link-size-sm {
  font-size: 12px;
}
.brick-link-size-md {
  font-size: 14px;
}
.brick-link .brick-icon {
  color: inherit;
}

.brick-textarea,
.brick-textarea * {
  box-sizing: border-box;
}
.brick-textarea {
  display: inline-block;
  width: 100%;
}
.brick-textarea textarea {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
.brick-textarea textarea:hover {
  border-color: rgb(153, 153, 153);
}
.brick-textarea textarea::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
.brick-textarea textarea:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
.brick-textarea textarea:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-textarea textarea {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}
.brick-textarea textarea:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-textarea textarea[readonly], .brick-textarea textarea[readonly]:hover, .brick-textarea textarea[disabled], .brick-textarea textarea[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
.brick-textarea textarea[readonly]::placeholder, .brick-textarea textarea[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
.brick-textarea textarea[readonly] {
  cursor: default;
}
.brick-textarea textarea {
  max-height: initial;
  padding: 8px 12px;
  height: initial;
  min-height: 62px;
  resize: vertical;
}
.brick-textarea textarea {
  width: 100%;
  vertical-align: bottom;
}
.brick-textarea-wrap {
  position: relative;
}
.brick-textarea-remaining {
  font-size: 12px;
  line-height: 16px;
}
.brick-textarea-remaining {
  position: absolute;
  display: none;
  right: 12px;
  bottom: 8px;
  padding: 0 4px;
  color: rgb(255, 255, 255);
  background: rgba(102, 102, 102, 0.2);
  border-radius: 2px;
  pointer-events: none;
}
textarea:focus + .brick-textarea-remaining {
  display: inline-block;
}
.brick-textarea-overflow textarea, .brick-textarea-overflow textarea:hover, .brick-textarea-status-error textarea, .brick-textarea-status-error textarea:hover {
  border-color: #e64552;
}
.brick-textarea-overflow textarea:focus, .brick-textarea-status-error textarea:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-textarea-overflow .brick-textarea-remaining {
  display: inline-block;
  background: rgba(230, 69, 82, 0.2);
}
.brick-textarea-size-xs textarea {
  font-size: 12px;
  min-height: 54px;
  border-radius: 2px;
}
.brick-textarea-size-sm textarea {
  font-size: 12px;
  min-height: 54px;
  border-radius: 2px;
}
.brick-textarea-size-md textarea {
  font-size: 14px;
  min-height: 62px;
  border-radius: 4px;
}
.brick-textarea-size-lg textarea {
  font-size: 16px;
  min-height: 66px;
  border-radius: 4px;
}
.brick-textarea-size-xl textarea {
  font-size: 16px;
  min-height: 66px;
  border-radius: 4px;
}

.brick-modal,
.brick-modal * {
  box-sizing: border-box;
}
.brick-modal-wrap {
  z-index: 1000;
}
.brick-modal-wrap, .brick-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.brick-modal-mask {
  background-color: rgb(0, 0, 0);
  opacity: 0.6;
}
.brick-modal.brick-popup-portal-container-non-body .brick-modal-wrap,
.brick-modal.brick-popup-portal-container-non-body .brick-modal-mask {
  position: absolute;
}

body.has-brick-modal-visible {
  position: relative;
  overflow: hidden;
}

.brick-popup,
.brick-popup * {
  box-sizing: border-box;
}
.brick-popup-visible {
  display: block;
}
.brick-popup-hidden {
  display: none;
}

.brick-popper,
.brick-popper * {
  box-sizing: border-box;
}
.brick-popper-wrap {
  position: absolute;
  z-index: 1030;
  width: max-content;
  max-width: 50vw;
}
.brick-popper-inner {
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.brick-popper-with-arrow .brick-popper-inner {
  padding: 8px 12px;
}
.brick-popper-hidden .brick-popper-wrap {
  visibility: hidden;
  pointer-events: none;
}
.brick-popper-arrow {
  position: absolute;
  width: 0;
  height: 0;
  display: none;
}
.brick-popper-arrow::before {
  display: inline-block;
  position: absolute;
  content: "";
  background: rgb(255, 255, 255);
  width: 6px;
  height: 6px;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  clip-path: polygon(0% 100%, 100% 100%, 100% 0);
}
.brick-popper-arrow.direction-down, .brick-popper-arrow.direction-up, .brick-popper-arrow.direction-right, .brick-popper-arrow.direction-left {
  display: inline-block;
}
.brick-popper-arrow.direction-down {
  transform: rotate(0deg);
  bottom: 11.1px;
}
.brick-popper-arrow.direction-up {
  transform: rotate(180deg);
  top: 11.1px;
}
.brick-popper-arrow.direction-right {
  transform: rotate(-90deg);
  right: 11.1px;
}
.brick-popper-arrow.direction-left {
  transform: rotate(90deg);
  left: 11.1px;
}
.brick-popper-placement-top .brick-popper-arrow, .brick-popper-placement-bottom .brick-popper-arrow {
  left: 50%;
}
.brick-popper-placement-left .brick-popper-arrow, .brick-popper-placement-right .brick-popper-arrow {
  top: 50%;
}
.brick-popper-placement-top-start .brick-popper-arrow, .brick-popper-placement-bottom-start .brick-popper-arrow {
  left: 12px;
}
.brick-popper-placement-top-end .brick-popper-arrow, .brick-popper-placement-bottom-end .brick-popper-arrow {
  right: 12px;
}
.brick-popper-placement-left-start .brick-popper-arrow, .brick-popper-placement-right-start .brick-popper-arrow {
  top: 12px;
}
.brick-popper-placement-left-end .brick-popper-arrow, .brick-popper-placement-right-end .brick-popper-arrow {
  bottom: 12px;
}

.brick-popper[class*=brick-popper-placement-top] .brick-popper-wrap {
  padding-bottom: 4px;
}
.brick-popper[class*=brick-popper-placement-bottom] .brick-popper-wrap {
  padding-top: 4px;
}
.brick-popper[class*=brick-popper-placement-left] .brick-popper-wrap {
  padding-right: 4px;
}
.brick-popper[class*=brick-popper-placement-right] .brick-popper-wrap {
  padding-left: 4px;
}

.brick-popper-with-arrow[class*=brick-popper-placement-top] .brick-popper-wrap {
  padding-bottom: 8px;
}
.brick-popper-with-arrow[class*=brick-popper-placement-bottom] .brick-popper-wrap {
  padding-top: 8px;
}
.brick-popper-with-arrow[class*=brick-popper-placement-left] .brick-popper-wrap {
  padding-right: 8px;
}
.brick-popper-with-arrow[class*=brick-popper-placement-right] .brick-popper-wrap {
  padding-left: 8px;
}

body > .brick-popper .brick-popper-wrap {
  left: -100vh;
  top: -100vh;
}

.brick-menu,
.brick-menu * {
  box-sizing: border-box;
}

.brick-menu {
  *zoom: 1;
}

.brick-menu::before, .brick-menu::after {
  display: table;
  content: " ";
}

.brick-menu::after {
  clear: both;
}

.brick-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.brick-menu {
  background-color: rgb(255, 255, 255);
}

.brick-menu a {
  border: 0;
  padding: 0;
}

.brick-menu a:focus-visible {
  border-radius: 0;
  box-shadow: none;
}

.brick-menu-item-prefix, .brick-menu-item-suffix {
  display: inline-block;
}

.brick-menu-item-suffix-loading, .brick-menu-item-suffix-arrow {
  position: absolute;
  display: inline-block;
  right: 12px;
  padding: 4px;
  margin: -4px;
}

.brick-menu-item-content {
  position: relative;
  margin-bottom: 8px;
  padding: 0 12px;
  white-space: nowrap;
  background: none;
  cursor: pointer;
}

.brick-menu-item-content, .brick-menu-item-content-inner a,
.brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(51, 51, 51);
}

.brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
  outline: none;
}

.brick-menu-item-content-in-cursor, .brick-menu-item-content-in-cursor a,
.brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(112.2, 155.04, 255);
}

.brick-menu-item-content:active, .brick-menu-item-content:active a,
.brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-item-content-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brick-menu-item-content-inner .brick-icon {
  color: inherit;
}

.brick-menu-item-content-inner > .brick-menu-item-prefix {
  margin-right: 8px;
}

.brick-menu-item-content-inner > a, .brick-menu-item-content-inner > a:hover, .brick-menu-item-content-inner > a:active {
  text-decoration: none;
}

.brick-menu-item-content-inner > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix {
  color: #4c84ff;
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active {
  background-color: rgb(219.3, 228.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(112.2, 155.04, 255);
}

.brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:active {
  background: none;
  cursor: not-allowed;
}

.brick-menu-item-disabled .brick-menu-item-content,
.brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-item-disabled .brick-menu-item-content a a,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:hover,
.brick-menu-item-disabled .brick-menu-item-content:hover a,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:focus,
.brick-menu-item-disabled .brick-menu-item-content:focus a,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:active,
.brick-menu-item-disabled .brick-menu-item-content:active a,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(204, 204, 204);
}

.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix-arrow {
  color: inherit;
}

.brick-menu-item-prefix, .brick-menu-item-suffix {
  display: inline-block;
}

.brick-menu-item-suffix-loading, .brick-menu-item-suffix-arrow {
  position: absolute;
  display: inline-block;
  right: 12px;
  padding: 4px;
  margin: -4px;
}

.brick-menu-item-content {
  position: relative;
  margin-bottom: 8px;
  padding: 0 12px;
  white-space: nowrap;
  background: none;
  cursor: pointer;
}

.brick-menu-item-content, .brick-menu-item-content-inner a,
.brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(51, 51, 51);
}

.brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
  outline: none;
}

.brick-menu-item-content-in-cursor, .brick-menu-item-content-in-cursor a,
.brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(112.2, 155.04, 255);
}

.brick-menu-item-content:active, .brick-menu-item-content:active a,
.brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-item-content-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brick-menu-item-content-inner .brick-icon {
  color: inherit;
}

.brick-menu-item-content-inner > .brick-menu-item-prefix {
  margin-right: 8px;
}

.brick-menu-item-content-inner > a, .brick-menu-item-content-inner > a:hover, .brick-menu-item-content-inner > a:active {
  text-decoration: none;
}

.brick-menu-item-content-inner > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix {
  color: #4c84ff;
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active {
  background-color: rgb(219.3, 228.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(112.2, 155.04, 255);
}

.brick-menu-item-disabled .brick-menu-item-content, .brick-menu-item-disabled .brick-menu-item-content a, .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-item-disabled .brick-menu-item-content:active {
  background: none;
  cursor: not-allowed;
}

.brick-menu-item-disabled .brick-menu-item-content,
.brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-item-disabled .brick-menu-item-content a a,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:hover,
.brick-menu-item-disabled .brick-menu-item-content:hover a,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:focus,
.brick-menu-item-disabled .brick-menu-item-content:focus a,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-item-disabled .brick-menu-item-content:active,
.brick-menu-item-disabled .brick-menu-item-content:active a,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(204, 204, 204);
}

.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content a .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix-arrow, .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix-loading,
.brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix-arrow {
  color: inherit;
}

.brick-menu-submenu {
  margin: 0;
  padding: 0;
}

.brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active,
.brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(153, 153, 153);
}

.brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-submenu-type-group > .brick-menu-item-content:active {
  cursor: default;
  background: none;
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content a,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content .brick-menu-item-suffix {
  color: #4c84ff;
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active {
  background-color: rgb(219.3, 228.225, 255);
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active a,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(112.2, 155.04, 255);
}

.brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content a,
.brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content a,
.brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix {
  color: #4c84ff;
}

.brick-menu-type-nav, .brick-menu-type-nav .brick-menu {
  font-size: 14px;
}

.brick-menu-type-nav .brick-menu-item-content {
  padding: 0 20px;
  height: 32px;
  line-height: 32px;
}

.brick-menu-type-nav .brick-menu-item-content::after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.brick-menu-type-nav .brick-menu-item-disabled .brick-menu-item-content::after {
  content: none;
}

.brick-menu-type-nav .brick-menu-item-with-suffix {
  padding-right: 44px;
}

.brick-menu-type-nav .brick-menu-item-suffix-loading,
.brick-menu-type-nav .brick-menu-item-suffix-arrow {
  right: 20px;
  top: calc(50% - 6px);
  transform: scale(1);
}

.brick-menu-type-nav .brick-menu-item-suffix-loading,
.brick-menu-type-nav .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-menu-cursor-type-common .brick-menu-submenu .brick-menu-item-content-in-cursor,
.brick-menu-cursor-type-common .brick-menu-item .brick-menu-item-content-in-cursor {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-menu-cursor-type-common .brick-menu-submenu .brick-menu-item-content:active,
.brick-menu-cursor-type-common .brick-menu-item .brick-menu-item-content:active {
  background-color: rgb(237.15, 237.15, 237.15);
}

.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:hover, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:focus, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:active,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:hover,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:focus,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:active {
  background: none;
}

.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content a,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:hover, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:hover a,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:hover .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:focus, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:focus a,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:focus .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:active, .brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:active a,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu-disabled .brick-menu-item-content:active .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:hover,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:hover a,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:focus,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:focus a,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:active,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:active a,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(204, 204, 204);
}

.brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content-in-cursor, .brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content-in-cursor a,
.brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix, .brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content:active, .brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content:active a,
.brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-submenu:not(.brick-menu-submenu-selected, .brick-menu-submenu-disabled, .brick-menu-submenu-has-descendant-selected) > .brick-menu-item-content:active .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content:active,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content:active a,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(51, 51, 51);
}

.brick-menu-cursor-type-common .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content,
.brick-menu-cursor-type-common .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content a,
.brick-menu-cursor-type-common .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-cursor-type-common .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix {
  color: #4c84ff;
}

.brick-menu-cursor-type-common .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:not(.brick-menu-item-content-in-cursor) {
  background-color: transparent;
}

.brick-menu-multiple-item-type-checkbox .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content, .brick-menu-multiple-item-type-checkbox .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content a {
  color: rgb(51, 51, 51);
}

.brick-menu-multiple-item-type-checkbox .brick-menu-item-prefix .brick-checkbox {
  pointer-events: none;
}

.brick-menu-layout-vertical {
  border-right: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-menu-layout-vertical li:first-child .brick-menu-item-content {
  margin-top: 0;
}

.brick-menu-layout-vertical .brick-menu {
  border-right: none;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 34px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 48px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 62px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 56px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 70px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 84px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 36px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 52px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 68px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 60px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 76px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 92px;
}

.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-item-content::after {
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 2px solid #4c84ff;
  transform: scaleY(0);
}

.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content::after,
.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content::after {
  transform: scaleY(1);
  opacity: 1;
}

.brick-menu-layout-horizontal {
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-menu-layout-horizontal > li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.brick-menu-layout-horizontal .brick-menu-item-content {
  margin: 0;
  min-width: 88px;
}

.brick-menu-layout-horizontal .brick-menu-item-content-inner > .brick-menu-item-prefix {
  margin-right: 4px;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background: none;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon {
  color: #4c84ff;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content:active,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content:active,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active {
  background-color: rgb(219.3, 228.225, 255);
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-content {
  height: 44px;
  line-height: 44px;
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-content::after {
  top: initial;
  bottom: 0;
  border-bottom: 2px solid #4c84ff;
  transform: scaleX(0);
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after,
.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after,
.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after {
  transform: scaleX(1);
  opacity: 1;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu {
  background-color: #4c84ff;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal {
  border-bottom: none;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background: none;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(112.2, 155.04, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content .brick-icon,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content a .brick-icon,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content .brick-menu-item-prefix .brick-icon,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content .brick-menu-item-suffix .brick-icon {
  color: inherit;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content:active {
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content:active a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content-in-cursor {
  background-color: rgb(112.2, 155.04, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content-in-cursor a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-content::after {
  border-color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active {
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor .brick-menu-item-suffix {
  color: rgb(255, 255, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active {
  background: #4c84ff;
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:hover .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:focus .brick-menu-item-suffix, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active a,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-item-disabled .brick-menu-item-content:active .brick-menu-item-suffix {
  color: rgb(204, 204, 204);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-prefix,
.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content .brick-menu-item-suffix {
  color: rgb(183.6, 202.64, 255);
}

.brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:focus, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:hover, .brick-menu-reverse-color.brick-menu-type-nav.brick-menu .brick-menu-submenu-type-group > .brick-menu-item-content:active {
  cursor: default;
  background: #4c84ff;
}

.brick-menu-layout-vertical {
  border-right: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-menu-layout-vertical li:first-child .brick-menu-item-content {
  margin-top: 0;
}

.brick-menu-layout-vertical .brick-menu {
  border-right: none;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 34px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 48px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 62px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 56px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 70px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-md.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 84px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 36px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 52px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg:not(.brick-menu-with-prefix-icon) > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 68px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 60px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 76px;
}

.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-layout-vertical.brick-menu-type-nav.brick-menu-size-lg.brick-menu-with-prefix-icon > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 92px;
}

.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-item-content::after {
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 2px solid #4c84ff;
  transform: scaleY(0);
}

.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-submenu-selected:not(.brick-menu-submenu-disabled) > .brick-menu-item-content::after,
.brick-menu-layout-vertical.brick-menu-type-nav .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content::after {
  transform: scaleY(1);
  opacity: 1;
}

.brick-menu-layout-horizontal {
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-menu-layout-horizontal > li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.brick-menu-layout-horizontal .brick-menu-item-content {
  margin: 0;
  min-width: 88px;
}

.brick-menu-layout-horizontal .brick-menu-item-content-inner > .brick-menu-item-prefix {
  margin-right: 4px;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content {
  background: none;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content .brick-menu-item-suffix .brick-icon {
  color: #4c84ff;
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content-in-cursor,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content-in-cursor {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-menu-layout-horizontal .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content:active,
.brick-menu-layout-horizontal .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) > .brick-menu-item-content:active,
.brick-menu-layout-horizontal .brick-menu-item-selected:not(.brick-menu-item-disabled) > .brick-menu-item-content:active {
  background-color: rgb(219.3, 228.225, 255);
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-content {
  height: 44px;
  line-height: 44px;
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-content::after {
  top: initial;
  bottom: 0;
  border-bottom: 2px solid #4c84ff;
  transform: scaleX(0);
}

.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-submenu-has-descendant-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after,
.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-submenu-selected:not(.brick-menu-submenu-type-group) .brick-menu-item-content::after,
.brick-menu-layout-horizontal.brick-menu-type-nav .brick-menu-item-selected:not(.brick-menu-item-disabled) .brick-menu-item-content::after {
  transform: scaleX(1);
  opacity: 1;
}

.brick-menu-popper-loading, .brick-menu-popper-empty-hint {
  padding: 12px 12px;
  color: rgb(153, 153, 153);
  text-align: center;
}

.brick-menu-popper-loading .brick-icon-spin, .brick-menu-popper-empty-hint .brick-icon-spin {
  font-size: 14px;
}

.brick-menu-popper .brick-popper-wrap {
  max-width: 960px;
}

.brick-menu-popper .brick-popper-inner {
  padding: 0;
}

.brick-menu-popper .brick-popper-inner > .brick-menu {
  padding: 4px 0 8px;
  overflow: auto;
  z-index: 1;
  position: relative;
}

.brick-menu-popper .brick-menu-item-select-all + li,
.brick-menu-popper li + .brick-menu-submenu-type-group {
  margin-top: 4px;
  border-top: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-menu-popper .brick-menu {
  border-right: none;
}

.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 12px;
}

.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 36px;
}

.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xs.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 48px;
}

.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 12px;
}

.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 36px;
}

.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-sm.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 48px;
}

.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 12px;
}

.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 40px;
}

.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-md.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 54px;
}

.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 12px;
}

.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 44px;
}

.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-lg.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 60px;
}

.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 12px;
}

.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 44px;
}

.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-group > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-group > .brick-menu-submenu-menu .brick-menu-item-content,
.brick-menu-popper .brick-menu.brick-menu-size-xl.brick-menu-layout-vertical > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu > .brick-menu-submenu-type-folder > .brick-menu-submenu-menu .brick-menu-item-content {
  padding-left: 60px;
}

.brick-menu-popper .brick-menu-item-content {
  padding: 0 12px;
}

.brick-menu-popper .brick-menu-item .brick-menu-item-content {
  width: auto;
}

.brick-menu-size-md {
  font-size: 14px;
}

.brick-menu-size-md .brick-menu-item-content {
  height: 32px;
  line-height: 32px;
}

.brick-menu-size-md .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-size-md:not(.brick-menu-type-nav) .brick-menu-item-suffix-loading,
.brick-menu-size-md:not(.brick-menu-type-nav) .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
}

.brick-menu-size-md:not(.brick-menu-type-nav) .brick-menu-item-suffix-loading,
.brick-menu-size-md:not(.brick-menu-type-nav) .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-menu-size-md.brick-menu-type-nav, .brick-menu-size-md.brick-menu-type-nav .brick-menu {
  font-size: 14px;
}

.brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content {
  height: 32px;
  line-height: 32px;
}

.brick-menu-size-md.brick-menu-type-nav .brick-menu-item-content-with-suffix {
  padding-right: 44px;
}

.brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content {
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
}

.brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after {
  left: 16px;
  right: 16px;
}

.brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix {
  padding-right: 32px;
}

.brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-suffix-loading,
.brick-menu-size-md.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-suffix-arrow {
  right: 16px;
}

.brick-menu-size-lg {
  font-size: 16px;
}

.brick-menu-size-lg .brick-menu-item-content {
  height: 36px;
  line-height: 36px;
}

.brick-menu-size-lg .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-size-lg:not(.brick-menu-type-nav) .brick-menu-item-suffix-loading,
.brick-menu-size-lg:not(.brick-menu-type-nav) .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
}

.brick-menu-size-lg:not(.brick-menu-type-nav) .brick-menu-item-suffix-loading,
.brick-menu-size-lg:not(.brick-menu-type-nav) .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-menu-size-lg.brick-menu-type-nav, .brick-menu-size-lg.brick-menu-type-nav .brick-menu {
  font-size: 16px;
}

.brick-menu-size-lg.brick-menu-type-nav .brick-menu-item-content {
  height: 36px;
  line-height: 36px;
}

.brick-menu-size-lg.brick-menu-type-nav .brick-menu-item-content-with-suffix {
  padding-right: 44px;
}

.brick-menu-size-lg.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
}

.brick-menu-size-lg.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content::after {
  left: 20px;
  right: 20px;
}

.brick-menu-size-lg.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-size-lg.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-suffix-loading,
.brick-menu-size-lg.brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-suffix-arrow {
  right: 20px;
}

.brick-menu-popper-size-xs {
  font-size: 12px;
}

.brick-menu-popper-size-xs .brick-menu-item-select-all + li,
.brick-menu-popper-size-xs li + .brick-menu-submenu-type-group {
  padding-top: 3px;
}

.brick-menu-popper-size-xs .brick-popper-inner > .brick-menu {
  max-height: 204px;
}

.brick-menu-popper-size-xs .brick-menu {
  font-size: 12px;
}

.brick-menu-popper-size-xs .brick-menu .brick-menu-item-content {
  margin: 0;
  height: 24px;
  line-height: 24px;
}

.brick-menu-popper-size-xs .brick-menu-item-content-with-suffix {
  padding-right: 34px;
}

.brick-menu-popper-size-xs .brick-menu-item-suffix-loading,
.brick-menu-popper-size-xs .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
  right: 12px;
  transform: scale(1);
}

.brick-menu-popper-size-xs .brick-menu-item-suffix-loading,
.brick-menu-popper-size-xs .brick-menu-item-suffix-arrow {
  font-size: 12px;
  transform: scale(0.8333333333);
}

.brick-menu-popper-size-sm {
  font-size: 12px;
}

.brick-menu-popper-size-sm .brick-menu-item-select-all + li,
.brick-menu-popper-size-sm li + .brick-menu-submenu-type-group {
  padding-top: 5px;
}

.brick-menu-popper-size-sm .brick-popper-inner > .brick-menu {
  max-height: 236px;
}

.brick-menu-popper-size-sm .brick-menu {
  font-size: 12px;
}

.brick-menu-popper-size-sm .brick-menu .brick-menu-item-content {
  margin: 0;
  height: 28px;
  line-height: 28px;
}

.brick-menu-popper-size-sm .brick-menu-item-content-with-suffix {
  padding-right: 34px;
}

.brick-menu-popper-size-sm .brick-menu-item-suffix-loading,
.brick-menu-popper-size-sm .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
  right: 12px;
  transform: scale(1);
}

.brick-menu-popper-size-sm .brick-menu-item-suffix-loading,
.brick-menu-popper-size-sm .brick-menu-item-suffix-arrow {
  font-size: 12px;
  transform: scale(0.8333333333);
}

.brick-menu-popper-size-md {
  font-size: 14px;
}

.brick-menu-popper-size-md .brick-menu-item-select-all + li,
.brick-menu-popper-size-md li + .brick-menu-submenu-type-group {
  padding-top: 5px;
}

.brick-menu-popper-size-md .brick-popper-inner > .brick-menu {
  max-height: 268px;
}

.brick-menu-popper-size-md .brick-menu {
  font-size: 14px;
}

.brick-menu-popper-size-md .brick-menu .brick-menu-item-content {
  margin: 0;
  height: 32px;
  line-height: 32px;
}

.brick-menu-popper-size-md .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-popper-size-md .brick-menu-item-suffix-loading,
.brick-menu-popper-size-md .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
  right: 12px;
  transform: scale(1);
}

.brick-menu-popper-size-md .brick-menu-item-suffix-loading,
.brick-menu-popper-size-md .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-menu-popper-size-lg {
  font-size: 16px;
}

.brick-menu-popper-size-lg .brick-menu-item-select-all + li,
.brick-menu-popper-size-lg li + .brick-menu-submenu-type-group {
  padding-top: 6px;
}

.brick-menu-popper-size-lg .brick-popper-inner > .brick-menu {
  max-height: 300px;
}

.brick-menu-popper-size-lg .brick-menu {
  font-size: 16px;
}

.brick-menu-popper-size-lg .brick-menu .brick-menu-item-content {
  margin: 0;
  height: 36px;
  line-height: 36px;
}

.brick-menu-popper-size-lg .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-popper-size-lg .brick-menu-item-suffix-loading,
.brick-menu-popper-size-lg .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
  right: 12px;
  transform: scale(1);
}

.brick-menu-popper-size-lg .brick-menu-item-suffix-loading,
.brick-menu-popper-size-lg .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-menu-popper-size-xl {
  font-size: 16px;
}

.brick-menu-popper-size-xl .brick-menu-item-select-all + li,
.brick-menu-popper-size-xl li + .brick-menu-submenu-type-group {
  padding-top: 8px;
}

.brick-menu-popper-size-xl .brick-popper-inner > .brick-menu {
  max-height: 332px;
}

.brick-menu-popper-size-xl .brick-menu {
  font-size: 16px;
}

.brick-menu-popper-size-xl .brick-menu .brick-menu-item-content {
  margin: 0;
  height: 40px;
  line-height: 40px;
}

.brick-menu-popper-size-xl .brick-menu-item-content-with-suffix {
  padding-right: 36px;
}

.brick-menu-popper-size-xl .brick-menu-item-suffix-loading,
.brick-menu-popper-size-xl .brick-menu-item-suffix-arrow {
  top: calc(50% - 6px);
  right: 12px;
  transform: scale(1);
}

.brick-menu-popper-size-xl .brick-menu-item-suffix-loading,
.brick-menu-popper-size-xl .brick-menu-item-suffix-arrow {
  font-size: 12px;
}

.brick-checkbox,
.brick-checkbox * {
  box-sizing: border-box;
}
.brick-checkbox {
  display: inline-block;
  cursor: pointer;
}
.brick-checkbox-wrap {
  position: relative;
  display: inline-block;
  vertical-align: sub;
  top: -0.06em;
}
.brick-checkbox-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.brick-checkbox-mark {
  position: relative;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
}
.brick-checkbox-mark-inner {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%) scale(0);
}
.brick-checkbox-mark, .brick-checkbox-mark-inner {
  transition: transform 0.2s, background-color 0.2s;
}
.brick-checkbox-mark, .brick-checkbox-mark .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-checkbox-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-checkbox-label {
  display: inline-block;
  padding-left: 8px;
  padding-right: 16px;
  vertical-align: top;
}
.brick-checkbox:hover .brick-checkbox-mark {
  border-color: rgb(153, 153, 153);
}
.brick-checkbox:hover .brick-checkbox-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark {
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner,
.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-readonly .brick-checkbox-mark {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-checkbox-indeterminate .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-mark {
  background-color: #4c84ff;
  border-color: #4c84ff;
}
.brick-checkbox-indeterminate .brick-checkbox-mark-inner, .brick-checkbox-checked .brick-checkbox-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-checkbox-indeterminate:hover .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-mark {
  background-color: rgb(112.2, 155.04, 255);
  border-color: rgb(112.2, 155.04, 255);
}
.brick-checkbox-indeterminate .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-checkbox-indeterminate:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-indeterminate .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-checked:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-checked .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark {
  background-color: rgb(54.1875, 108.375, 216.75);
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-checkbox-indeterminate:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner,
.brick-checkbox-indeterminate .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner, .brick-checkbox-checked:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner,
.brick-checkbox-checked .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-checkbox-indeterminate.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-indeterminate.brick-checkbox-disabled .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-readonly .brick-checkbox-mark, .brick-checkbox-checked.brick-checkbox-disabled .brick-checkbox-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-checkbox-disabled, .brick-checkbox-readonly {
  cursor: not-allowed;
}
.brick-checkbox-type-intensive.brick-checkbox, .brick-checkbox-type-important.brick-checkbox {
  position: relative;
  padding-bottom: 0;
  min-width: auto;
  text-align: center;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-mark {
  background-color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-mark {
  border-color: #4c84ff;
  background-color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-label, .brick-checkbox-type-intensive.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-important.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-important.brick-checkbox:hover:not(.brick-checkbox-disabled) .brick-checkbox-label {
  color: #4c84ff;
}
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  background-color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox.brick-focus-visible:not(.brick-checkbox-checked) .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-checkbox-type-intensive.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner .brick-icon, .brick-checkbox-type-important.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner .brick-icon,
.brick-checkbox-type-important.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark-inner .brick-icon {
  color: #4c84ff;
}
.brick-checkbox-type-intensive.brick-checkbox:first-child .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox:first-child .brick-checkbox-mark {
  border-radius: 4px 0 0 4px;
}
.brick-checkbox-type-intensive.brick-checkbox:last-child .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox:last-child .brick-checkbox-mark {
  border-radius: 0 4px 4px 0;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-wrap, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-wrap {
  position: static;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-mark {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 0;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-mark-inner {
  width: 12px;
  height: 12px;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-mark-inner {
  font-size: 12px;
  visibility: visible;
  right: 1px;
  top: 0;
  left: auto;
  transform: none;
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-mark-inner .brick-icon, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-mark-inner .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-important.brick-checkbox:not(.brick-checkbox-checked).brick-checkbox-disabled .brick-checkbox-label {
  color: rgb(204, 204, 204);
}
.brick-checkbox-type-intensive.brick-checkbox .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox .brick-checkbox-label {
  width: 100%;
  position: relative;
  display: inline-block;
}
.brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox, .brick-checkbox-type-intensive.brick-checkbox + .brick-checkbox-type-important.brick-checkbox, .brick-checkbox-type-important.brick-checkbox + .brick-checkbox-type-intensive.brick-checkbox, .brick-checkbox-type-important.brick-checkbox + .brick-checkbox-type-important.brick-checkbox {
  margin-left: -1px;
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-mark {
  border-color: #4c84ff;
  background-color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-label {
  color: #4c84ff;
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark {
  border-color: rgb(242.25, 245.225, 255);
  background-color: rgb(242.25, 245.225, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox.brick-checkbox-disabled .brick-checkbox-wrap .brick-checkbox-mark {
  background-color: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox.brick-checkbox-disabled .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox.brick-checkbox-disabled .brick-checkbox-label {
  color: rgb(183.6, 202.64, 255);
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-mark {
  border-color: #4c84ff;
  background-color: #4c84ff;
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-label {
  color: rgb(255, 255, 255);
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-input[disabled] + .brick-checkbox-mark {
  border-color: rgb(219.3, 228.225, 255);
  background-color: rgb(219.3, 228.225, 255);
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-checkbox-disabled .brick-checkbox-wrap .brick-checkbox-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-checkbox-checked:not(.brick-checkbox-disabled, :hover) .brick-checkbox-mark {
  border-left-color: rgb(183.6, 202.64, 255);
}
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-checkbox-checked + .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-checkbox-checked:not(.brick-checkbox-disabled, :hover) .brick-checkbox-mark {
  border-left-color: rgb(183.6, 202.64, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-label, .brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-focus-visible .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-focus-visible .brick-checkbox-label, .brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-checkbox-disabled .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-checkbox-disabled .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-focus-visible .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-focus-visible .brick-checkbox-label, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-checkbox-disabled .brick-checkbox-mark .brick-icon,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled).brick-checkbox-disabled .brick-checkbox-label {
  color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled) .brick-checkbox-mark .brick-checkbox-mark, .brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled) .brick-checkbox-mark .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:not(.brick-checkbox-disabled):hover .brick-checkbox-mark {
  border-color: rgb(112.2, 155.04, 255);
  background-color: rgb(112.2, 155.04, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox.brick-focus-visible .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-focus-visible .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  background-color: rgb(112.2, 155.04, 255);
  color: rgb(255, 255, 255);
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox.brick-focus-visible .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox.brick-focus-visible .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:focus-visible:not(:active):not([disabled]) + .brick-checkbox-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-type-intensive.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark, .brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox:hover .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark,
.brick-checkbox-type-important.brick-checkbox-checked.brick-checkbox .brick-checkbox-input:active:not([disabled]) + .brick-checkbox-mark {
  border-color: rgb(54.1875, 108.375, 216.75);
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-checkbox-group {
  z-index: 0;
}

.brick-checkbox-type-intensive.brick-checkbox,
.brick-checkbox-type-important.brick-checkbox {
  z-index: 1;
}
.brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-checked,
.brick-checkbox-type-important.brick-checkbox.brick-checkbox-checked {
  z-index: 2;
}
.brick-checkbox-type-intensive.brick-checkbox:hover,
.brick-checkbox-type-important.brick-checkbox:hover {
  z-index: 3;
}
.brick-checkbox-type-intensive.brick-checkbox.brick-focus-visible,
.brick-checkbox-type-important.brick-checkbox.brick-focus-visible {
  z-index: 4;
}
.brick-checkbox-type-intensive.brick-checkbox.brick-checkbox-disabled,
.brick-checkbox-type-important.brick-checkbox.brick-checkbox-disabled {
  z-index: 0;
}

.brick-checkbox-group {
  position: relative;
  display: inline-block;
}
.brick-checkbox-group-layout-vertical .brick-checkbox {
  display: block;
}
.brick-checkbox-group .brick-checkbox-type-normal.brick-checkbox {
  padding-bottom: 16px;
}

.brick-checkbox-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-checkbox-size-sm .brick-checkbox-mark {
  width: 14px;
  height: 14px;
}
.brick-checkbox-size-sm.brick-checkbox-type-important, .brick-checkbox-size-sm.brick-checkbox-type-intensive {
  line-height: 28px;
}
.brick-checkbox-size-sm.brick-checkbox-type-important .brick-checkbox-label, .brick-checkbox-size-sm.brick-checkbox-type-intensive .brick-checkbox-label {
  padding: 0 12px;
}

.brick-checkbox-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-checkbox-size-md .brick-checkbox-mark {
  width: 16px;
  height: 16px;
}
.brick-checkbox-size-md.brick-checkbox-type-important, .brick-checkbox-size-md.brick-checkbox-type-intensive {
  line-height: 32px;
}
.brick-checkbox-size-md.brick-checkbox-type-important .brick-checkbox-label, .brick-checkbox-size-md.brick-checkbox-type-intensive .brick-checkbox-label {
  padding: 0 16px;
}

.brick-checkbox-size-lg {
  font-size: 16px;
  line-height: 24px;
}
.brick-checkbox-size-lg .brick-checkbox-mark {
  width: 18px;
  height: 18px;
}
.brick-checkbox-size-lg.brick-checkbox-type-important, .brick-checkbox-size-lg.brick-checkbox-type-intensive {
  line-height: 36px;
}
.brick-checkbox-size-lg.brick-checkbox-type-important .brick-checkbox-label, .brick-checkbox-size-lg.brick-checkbox-type-intensive .brick-checkbox-label {
  padding: 0 16px;
}

.brick-radio,
.brick-radio * {
  box-sizing: border-box;
}
.brick-radio {
  display: inline-block;
  cursor: pointer;
}
.brick-radio-wrap {
  position: relative;
  display: inline-block;
  vertical-align: sub;
  top: -0.06em;
}
.brick-radio-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.brick-radio-mark {
  position: relative;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
}
.brick-radio-mark-inner {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%) scale(0);
}
.brick-radio-mark, .brick-radio-mark-inner {
  transition: transform 0.2s, background-color 0.2s;
}
.brick-radio-mark, .brick-radio-mark .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-radio-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-radio-label {
  display: inline-block;
  padding-left: 8px;
  padding-right: 16px;
  vertical-align: top;
}
.brick-radio:hover .brick-radio-mark {
  border-color: rgb(153, 153, 153);
}
.brick-radio:hover .brick-radio-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark {
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner,
.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-radio-input[disabled] + .brick-radio-mark, .brick-radio-disabled .brick-radio-mark, .brick-radio-readonly .brick-radio-mark {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-radio-indeterminate .brick-radio-mark, .brick-radio-checked .brick-radio-mark {
  background-color: #4c84ff;
  border-color: #4c84ff;
}
.brick-radio-indeterminate .brick-radio-mark-inner, .brick-radio-checked .brick-radio-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-radio-indeterminate:hover .brick-radio-mark, .brick-radio-checked:hover .brick-radio-mark {
  background-color: rgb(112.2, 155.04, 255);
  border-color: rgb(112.2, 155.04, 255);
}
.brick-radio-indeterminate .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark, .brick-radio-checked .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-radio-indeterminate:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-indeterminate .brick-radio-input:active:not([disabled]) + .brick-radio-mark, .brick-radio-checked:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-checked .brick-radio-input:active:not([disabled]) + .brick-radio-mark {
  background-color: rgb(54.1875, 108.375, 216.75);
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-radio-indeterminate:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner,
.brick-radio-indeterminate .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner, .brick-radio-checked:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner,
.brick-radio-checked .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.1);
}
.brick-radio-indeterminate.brick-radio-readonly .brick-radio-mark, .brick-radio-indeterminate.brick-radio-disabled .brick-radio-mark, .brick-radio-checked.brick-radio-readonly .brick-radio-mark, .brick-radio-checked.brick-radio-disabled .brick-radio-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-radio-disabled, .brick-radio-readonly {
  cursor: not-allowed;
}
.brick-radio-type-intensive.brick-radio, .brick-radio-type-important.brick-radio {
  position: relative;
  padding-bottom: 0;
  min-width: auto;
  text-align: center;
}
.brick-radio-type-intensive.brick-radio .brick-radio-mark, .brick-radio-type-important.brick-radio .brick-radio-mark {
  background-color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark, .brick-radio-type-intensive.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-mark, .brick-radio-type-important.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark, .brick-radio-type-important.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-mark {
  border-color: #4c84ff;
  background-color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark-inner .brick-icon,
.brick-radio-type-intensive.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-label, .brick-radio-type-intensive.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-mark-inner .brick-icon,
.brick-radio-type-intensive.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-label, .brick-radio-type-important.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark-inner .brick-icon,
.brick-radio-type-important.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-label, .brick-radio-type-important.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-mark-inner .brick-icon,
.brick-radio-type-important.brick-radio:hover:not(.brick-radio-disabled) .brick-radio-label {
  color: #4c84ff;
}
.brick-radio-type-intensive.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark,
.brick-radio-type-intensive.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark,
.brick-radio-type-important.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  background-color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark,
.brick-radio-type-intensive.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio.brick-focus-visible:not(.brick-radio-checked) .brick-radio-mark,
.brick-radio-type-important.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-radio-type-intensive.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-type-intensive.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-type-important.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(54.1875, 108.375, 216.75);
}
.brick-radio-type-intensive.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner .brick-icon,
.brick-radio-type-intensive.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner .brick-icon, .brick-radio-type-important.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner .brick-icon,
.brick-radio-type-important.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark-inner .brick-icon {
  color: #4c84ff;
}
.brick-radio-type-intensive.brick-radio:first-child .brick-radio-mark, .brick-radio-type-important.brick-radio:first-child .brick-radio-mark {
  border-radius: 4px 0 0 4px;
}
.brick-radio-type-intensive.brick-radio:last-child .brick-radio-mark, .brick-radio-type-important.brick-radio:last-child .brick-radio-mark {
  border-radius: 0 4px 4px 0;
}
.brick-radio-type-intensive.brick-radio .brick-radio-wrap, .brick-radio-type-important.brick-radio .brick-radio-wrap {
  position: static;
}
.brick-radio-type-intensive.brick-radio .brick-radio-mark, .brick-radio-type-important.brick-radio .brick-radio-mark {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 0;
}
.brick-radio-type-intensive.brick-radio .brick-radio-mark-inner, .brick-radio-type-important.brick-radio .brick-radio-mark-inner {
  width: 12px;
  height: 12px;
}
.brick-radio-type-intensive.brick-radio .brick-radio-mark-inner, .brick-radio-type-important.brick-radio .brick-radio-mark-inner {
  font-size: 12px;
  visibility: visible;
  right: 1px;
  top: 0;
  left: auto;
  transform: none;
}
.brick-radio-type-intensive.brick-radio .brick-radio-mark-inner .brick-icon, .brick-radio-type-important.brick-radio .brick-radio-mark-inner .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-radio-type-intensive.brick-radio .brick-radio-input[disabled] + .brick-radio-mark, .brick-radio-type-important.brick-radio .brick-radio-input[disabled] + .brick-radio-mark {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-radio-type-intensive.brick-radio:not(.brick-radio-checked).brick-radio-disabled .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio:not(.brick-radio-checked).brick-radio-disabled .brick-radio-label, .brick-radio-type-important.brick-radio:not(.brick-radio-checked).brick-radio-disabled .brick-radio-mark .brick-icon,
.brick-radio-type-important.brick-radio:not(.brick-radio-checked).brick-radio-disabled .brick-radio-label {
  color: rgb(204, 204, 204);
}
.brick-radio-type-intensive.brick-radio .brick-radio-label, .brick-radio-type-important.brick-radio .brick-radio-label {
  width: 100%;
  position: relative;
  display: inline-block;
}
.brick-radio-type-intensive.brick-radio + .brick-radio-type-intensive.brick-radio, .brick-radio-type-intensive.brick-radio + .brick-radio-type-important.brick-radio, .brick-radio-type-important.brick-radio + .brick-radio-type-intensive.brick-radio, .brick-radio-type-important.brick-radio + .brick-radio-type-important.brick-radio {
  margin-left: -1px;
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-mark {
  border-color: #4c84ff;
  background-color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-label {
  color: #4c84ff;
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-input[disabled] + .brick-radio-mark {
  border-color: rgb(242.25, 245.225, 255);
  background-color: rgb(242.25, 245.225, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio.brick-radio-disabled .brick-radio-wrap .brick-radio-mark {
  background-color: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio.brick-radio-disabled .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio-checked.brick-radio.brick-radio-disabled .brick-radio-label {
  color: rgb(183.6, 202.64, 255);
}
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-mark {
  border-color: #4c84ff;
  background-color: #4c84ff;
}
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-mark .brick-icon,
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-label {
  color: rgb(255, 255, 255);
}
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-input[disabled] + .brick-radio-mark {
  border-color: rgb(219.3, 228.225, 255);
  background-color: rgb(219.3, 228.225, 255);
}
.brick-radio-type-important.brick-radio-checked.brick-radio.brick-radio-disabled .brick-radio-wrap .brick-radio-mark {
  background-color: rgb(219.3, 228.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-label, .brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-focus-visible .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-focus-visible .brick-radio-label, .brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-radio-disabled .brick-radio-mark .brick-icon,
.brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-radio-disabled .brick-radio-label, .brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-mark .brick-icon,
.brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-label, .brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-focus-visible .brick-radio-mark .brick-icon,
.brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-focus-visible .brick-radio-label, .brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-radio-disabled .brick-radio-mark .brick-icon,
.brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled).brick-radio-disabled .brick-radio-label {
  color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled) .brick-radio-mark .brick-radio-mark, .brick-radio-type-intensive.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-mark, .brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled) .brick-radio-mark .brick-radio-mark, .brick-radio-type-important.brick-radio-checked.brick-radio:not(.brick-radio-disabled):hover .brick-radio-mark {
  border-color: rgb(112.2, 155.04, 255);
  background-color: rgb(112.2, 155.04, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio.brick-focus-visible .brick-radio-mark,
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio-checked.brick-radio.brick-focus-visible .brick-radio-mark,
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  background-color: rgb(112.2, 155.04, 255);
  color: rgb(255, 255, 255);
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio.brick-focus-visible .brick-radio-mark,
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio-checked.brick-radio.brick-focus-visible .brick-radio-mark,
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-input:focus-visible:not(:active):not([disabled]) + .brick-radio-mark {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-radio-type-intensive.brick-radio-checked.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-type-intensive.brick-radio-checked.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark, .brick-radio-type-important.brick-radio-checked.brick-radio:hover .brick-radio-input:active:not([disabled]) + .brick-radio-mark,
.brick-radio-type-important.brick-radio-checked.brick-radio .brick-radio-input:active:not([disabled]) + .brick-radio-mark {
  border-color: rgb(54.1875, 108.375, 216.75);
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-radio-group {
  z-index: 0;
}

.brick-radio-type-intensive.brick-radio,
.brick-radio-type-important.brick-radio {
  z-index: 1;
}
.brick-radio-type-intensive.brick-radio.brick-radio-checked,
.brick-radio-type-important.brick-radio.brick-radio-checked {
  z-index: 2;
}
.brick-radio-type-intensive.brick-radio:hover,
.brick-radio-type-important.brick-radio:hover {
  z-index: 3;
}
.brick-radio-type-intensive.brick-radio.brick-focus-visible,
.brick-radio-type-important.brick-radio.brick-focus-visible {
  z-index: 4;
}
.brick-radio-type-intensive.brick-radio.brick-radio-disabled,
.brick-radio-type-important.brick-radio.brick-radio-disabled {
  z-index: 0;
}

.brick-radio-group {
  position: relative;
  display: inline-block;
}
.brick-radio-group-layout-vertical .brick-radio {
  display: block;
}
.brick-radio-group .brick-radio-type-normal.brick-radio {
  padding-bottom: 16px;
}

.brick-radio-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-radio-size-sm .brick-radio-mark {
  width: 14px;
  height: 14px;
}
.brick-radio-size-sm.brick-radio-type-important, .brick-radio-size-sm.brick-radio-type-intensive {
  line-height: 28px;
}
.brick-radio-size-sm.brick-radio-type-important .brick-radio-label, .brick-radio-size-sm.brick-radio-type-intensive .brick-radio-label {
  padding: 0 12px;
}

.brick-radio-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-radio-size-md .brick-radio-mark {
  width: 16px;
  height: 16px;
}
.brick-radio-size-md.brick-radio-type-important, .brick-radio-size-md.brick-radio-type-intensive {
  line-height: 32px;
}
.brick-radio-size-md.brick-radio-type-important .brick-radio-label, .brick-radio-size-md.brick-radio-type-intensive .brick-radio-label {
  padding: 0 16px;
}

.brick-radio-size-lg {
  font-size: 16px;
  line-height: 24px;
}
.brick-radio-size-lg .brick-radio-mark {
  width: 18px;
  height: 18px;
}
.brick-radio-size-lg.brick-radio-type-important, .brick-radio-size-lg.brick-radio-type-intensive {
  line-height: 36px;
}
.brick-radio-size-lg.brick-radio-type-important .brick-radio-label, .brick-radio-size-lg.brick-radio-type-intensive .brick-radio-label {
  padding: 0 16px;
}

.brick-radio.brick-radio-type-normal .brick-radio-mark, .brick-radio.brick-radio-type-normal .brick-radio-mark-inner {
  border-radius: 50%;
}
.brick-radio.brick-radio-type-normal.brick-radio-checked .brick-radio-mark-inner {
  background: rgb(255, 255, 255);
  transform: translate(-50%, -50%) scale(1);
}
.brick-radio.brick-radio-type-normal.brick-radio-size-sm .brick-radio-mark-inner {
  width: 5px;
  height: 5px;
}
.brick-radio.brick-radio-type-normal.brick-radio-size-md .brick-radio-mark-inner {
  width: 6px;
  height: 6px;
}
.brick-radio.brick-radio-type-normal.brick-radio-size-lg .brick-radio-mark-inner {
  width: 7px;
  height: 7px;
}

.brick-select,
.brick-select * {
  box-sizing: border-box;
}
.brick-select {
  display: inline-block;
  width: 100%;
}
.brick-select-with-max-number.brick-select-open .brick-select-selection {
  padding-right: 74px;
}
.brick-select-selection {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
.brick-select-selection:hover {
  border-color: rgb(153, 153, 153);
}
.brick-select-selection::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
.brick-select-selection:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
.brick-select-selection:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-select-selection {
  display: inline-block;
  position: relative;
  padding-right: 32px;
  width: 100%;
  cursor: pointer;
}
.brick-select-selection:focus:not(.brick-select-selection-disabled):not(.brick-select-selection-borderless) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-select-selection-selected-wrap::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "";
}
.brick-select-selection-placeholder, .brick-select-selection-selected {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-select-selection-placeholder, .brick-select-selection-selected {
  float: left;
  max-width: 100%;
}
.brick-select-selection-selected-stats, .brick-select-selection-placeholder {
  color: rgb(153, 153, 153);
}
.brick-select-selection-borderless {
  border-color: transparent;
  background-color: transparent;
  width: auto;
  max-width: 100%;
}
.brick-select-selection-borderless:hover, .brick-select-selection-borderless:focus {
  border-color: transparent;
  box-shadow: none;
}
.brick-select-selection-selected-stats, .brick-select-selection-suffix {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.brick-select-selection-suffix {
  right: 12px;
}
.brick-select-selection-selected-stats {
  right: calc(34px);
}
.brick-select-selection-clear-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.brick-select-selection-clear-button, .brick-select-selection-clear-button:focus {
  border: none;
  box-shadow: none;
}
.brick-select-selection-size-xs {
  height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
}
.brick-select-selection-size-xs .brick-select-selection-selected {
  min-height: 18px;
}
.brick-select-selection-size-xs .brick-select-selection-suffix {
  width: 12px;
  height: 12px;
}
.brick-select-selection-size-xs .brick-select-selection-suffix {
  line-height: 12px;
}
.brick-select-selection-size-xs .brick-select-selection-suffix .brick-icon {
  font-size: 12px;
}
.brick-select-selection-size-xs .brick-select-selection-suffix .brick-select-selection-suffix-arrow {
  font-size: 12px;
  transform: scale(0.6666666667);
}
.brick-select-selection-size-xs .brick-select-selection-selected-stats {
  right: calc(32px);
}
.brick-select-selection-size-sm {
  height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
}
.brick-select-selection-size-sm .brick-select-selection-selected {
  min-height: 18px;
}
.brick-select-selection-size-sm .brick-select-selection-suffix {
  width: 12px;
  height: 12px;
}
.brick-select-selection-size-sm .brick-select-selection-suffix {
  line-height: 12px;
}
.brick-select-selection-size-sm .brick-select-selection-suffix .brick-icon {
  font-size: 12px;
}
.brick-select-selection-size-sm .brick-select-selection-suffix .brick-select-selection-suffix-arrow {
  font-size: 12px;
  transform: scale(0.6666666667);
}
.brick-select-selection-size-sm .brick-select-selection-selected-stats {
  right: calc(32px);
}
.brick-select-selection-size-md {
  height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
}
.brick-select-selection-size-md .brick-select-selection-selected {
  min-height: 22px;
}
.brick-select-selection-size-md .brick-select-selection-suffix {
  width: 14px;
  height: 14px;
}
.brick-select-selection-size-md .brick-select-selection-suffix {
  line-height: 14px;
}
.brick-select-selection-size-md .brick-select-selection-suffix .brick-icon {
  font-size: 14px;
}
.brick-select-selection-size-md .brick-select-selection-suffix .brick-select-selection-suffix-arrow {
  font-size: 14px;
  transform: scale(0.7142857143);
}
.brick-select-selection-size-md .brick-select-selection-selected-stats {
  right: calc(34px);
}
.brick-select-selection-size-lg {
  height: 36px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
}
.brick-select-selection-size-lg .brick-select-selection-selected {
  min-height: 24px;
}
.brick-select-selection-size-lg .brick-select-selection-suffix {
  width: 16px;
  height: 16px;
}
.brick-select-selection-size-lg .brick-select-selection-suffix {
  line-height: 16px;
}
.brick-select-selection-size-lg .brick-select-selection-suffix .brick-icon {
  font-size: 16px;
}
.brick-select-selection-size-lg .brick-select-selection-suffix .brick-select-selection-suffix-arrow {
  font-size: 16px;
  transform: scale(0.75);
}
.brick-select-selection-size-lg .brick-select-selection-selected-stats {
  right: calc(36px);
}
.brick-select-selection-with-clear.brick-select-selection-has-value:hover .brick-select-selection-suffix > *:not(.brick-select-selection-clear-button) {
  display: none;
}
.brick-select-selection-with-clear.brick-select-selection-has-value:hover .brick-select-selection-clear-button {
  display: inline-block;
}
.brick-select-selection-disabled:not(.brick-select-selection-borderless), .brick-select-selection-disabled:not(.brick-select-selection-borderless):hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
.brick-select-selection-disabled:not(.brick-select-selection-borderless)::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
.brick-select-selection-disabled {
  cursor: text;
  color: rgb(204, 204, 204);
}
.brick-select-selection-disabled .brick-select-selection-placeholder,
.brick-select-selection-disabled .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-select-selection-status-error:not(.brick-select-selection-disabled), .brick-select-selection-status-error:not(.brick-select-selection-disabled):hover {
  border-color: #e64552;
}
.brick-select-selection-status-error:not(.brick-select-selection-disabled):focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}

.brick-select-with-max-number.brick-select-open .brick-select-selection-size-xs.brick-select-selection {
  padding-right: 64px;
}

.brick-select-with-max-number.brick-select-open .brick-select-selection-size-sm.brick-select-selection {
  padding-right: 68px;
}

.brick-select-with-max-number.brick-select-open .brick-select-selection-size-md.brick-select-selection {
  padding-right: 74px;
}

.brick-select-with-max-number.brick-select-open .brick-select-selection-size-lg.brick-select-selection {
  padding-right: 80px;
}

.brick-pagination,
.brick-pagination * {
  box-sizing: border-box;
}
.brick-pagination {
  *zoom: 1;
}
.brick-pagination::before, .brick-pagination::after {
  display: table;
  content: " ";
}
.brick-pagination::after {
  clear: both;
}
.brick-pagination-inner {
  display: inline-block;
  float: right;
}
.brick-pagination-total, .brick-pagination-page-size, .brick-pagination-page-number, .brick-pagination-page-jumper {
  display: inline-block;
}
.brick-pagination-disabled, .brick-pagination-disabled:hover, .brick-pagination-disabled:active, .brick-pagination-disabled:focus {
  cursor: not-allowed;
  color: rgb(204, 204, 204);
  user-select: none;
}
.brick-pagination-page-number-item-active {
  color: #4c84ff;
}
.brick-pagination-page-number-item-active:not(.brick-button-type-plain) {
  border-color: #4c84ff;
}
.brick-pagination-page-number-item {
  padding: 0 4px;
}
.brick-pagination-page-number-ellipsis {
  cursor: default;
  display: inline-block;
  text-align: center;
}
.brick-pagination-page-number-input {
  margin: 0 4px;
}
.brick-pagination-total + .brick-pagination-page-number, .brick-pagination-page-number + .brick-pagination-page-size {
  margin-left: 20px;
}
.brick-pagination-page-size + .brick-pagination-page-jumper {
  margin-left: 12px;
}
.brick-pagination .brick-select.brick-pagination-page-size-select {
  width: auto;
}

.brick-pagination-type-normal .brick-pagination-page-number-ellipsis + .brick-pagination-page-number-item,
.brick-pagination-type-normal .brick-pagination-page-number-item + .brick-pagination-page-number-ellipsis,
.brick-pagination-type-normal .brick-pagination-page-number-item + .brick-pagination-page-number-item,
.brick-pagination-type-normal .brick-pagination-page-number-move + .brick-pagination-page-number-item,
.brick-pagination-type-normal .brick-pagination-page-number-item + .brick-pagination-page-number-move {
  margin-left: 4px;
}
.brick-pagination-type-plain-number .brick-button-type-plain.brick-button-icon-only.brick-focus-visible:not([tabindex^="-"]):not(:active) .brick-icon,
.brick-pagination-type-plain-number .brick-pagination-page-number-move:not(.brick-button-disabled) .brick-icon {
  color: inherit;
}

.brick-pagination-size-xs {
  height: 24px;
  margin-top: 8px;
}
.brick-pagination-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.brick-pagination-size-xs .brick-pagination-page-number-ellipsis {
  height: 24px;
  line-height: 24px;
}
.brick-pagination-size-xs .brick-pagination-page-number-item.brick-button-size-xs:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 24px;
}
.brick-pagination-size-xs .brick-pagination-page-number-ellipsis {
  width: 24px;
}
.brick-pagination-size-xs .brick-pagination-page-number-input {
  width: 52px;
}
.brick-pagination-size-sm {
  height: 28px;
  margin-top: 12px;
}
.brick-pagination-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-pagination-size-sm .brick-pagination-page-number-ellipsis {
  height: 28px;
  line-height: 28px;
}
.brick-pagination-size-sm .brick-pagination-page-number-item.brick-button-size-sm:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 28px;
}
.brick-pagination-size-sm .brick-pagination-page-number-ellipsis {
  width: 28px;
}
.brick-pagination-size-sm .brick-pagination-page-number-input {
  width: 52px;
}
.brick-pagination-size-md {
  height: 32px;
  margin-top: 16px;
}
.brick-pagination-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-pagination-size-md .brick-pagination-page-number-ellipsis {
  height: 32px;
  line-height: 32px;
}
.brick-pagination-size-md .brick-pagination-page-number-item.brick-button-size-md:not(.brick-button-icon-only):not(.brick-button-content-icon-only):not(.brick-button-type-plain) {
  min-width: 32px;
}
.brick-pagination-size-md .brick-pagination-page-number-ellipsis {
  width: 32px;
}
.brick-pagination-size-md .brick-pagination-page-number-input {
  width: 60px;
}
.brick-pagination-size-sm.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis {
  text-align: center;
  width: 20px;
}
.brick-pagination-size-sm.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis + .brick-pagination-page-number-item,
.brick-pagination-size-sm.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis {
  margin-left: 4px;
}
.brick-pagination-size-sm.brick-pagination-type-plain-number .brick-pagination-page-number-move,
.brick-pagination-size-sm.brick-pagination-type-plain-number .brick-pagination-page-number-item {
  height: 20px;
  min-width: 20px;
}
.brick-pagination-size-md.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis {
  text-align: center;
  width: 24px;
}
.brick-pagination-size-md.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis + .brick-pagination-page-number-item,
.brick-pagination-size-md.brick-pagination-type-plain-number .brick-pagination-page-number-ellipsis {
  margin-left: 8px;
}
.brick-pagination-size-md.brick-pagination-type-plain-number .brick-pagination-page-number-move,
.brick-pagination-size-md.brick-pagination-type-plain-number .brick-pagination-page-number-item {
  height: 24px;
  min-width: 24px;
}

.brick-table,
.brick-table * {
  box-sizing: border-box;
}

.brick-table {
  position: relative;
  border: 1px solid rgb(237.15, 237.15, 237.15);
  border-radius: 4px;
  overflow: hidden;
}

.brick-table table {
  table-layout: fixed;
  width: auto;
  min-width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  overflow: unset;
}

.brick-table table th,
.brick-table table td {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
  background: rgb(255, 255, 255);
}

.brick-table table th {
  font-weight: 600;
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-table table .brick-switch,
.brick-table table .brick-checkbox,
.brick-table table .brick-radio,
.brick-table table .brick-button-icon-only {
  vertical-align: top;
}

.brick-table table .brick-switch,
.brick-table table .brick-checkbox-wrap {
  top: 0;
}

.brick-table-head-wrap-inner, .brick-table-fixed-body-wrap-inner, .brick-table-main-body-wrap {
  background: rgb(255, 255, 255);
}

.brick-table-main-table {
  position: relative;
  margin-top: -1px;
  margin-bottom: -1px;
}

.brick-table-main-body-wrap {
  overflow: auto hidden;
  position: relative;
}

.brick-table .brick-table-col-align-left {
  text-align: left;
}

.brick-table .brick-table-col-align-right {
  text-align: right;
}

.brick-table .brick-table-col-align-center {
  text-align: center;
}

.brick-table[class*=brick-table-head-row-lines-1] th .brick-table-cell-content, .brick-table[class*=brick-table-body-row-lines-1] td .brick-table-cell-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brick-table[class*=brick-table-body-row-lines-1] td.brick-table-col-type-switch .brick-table-cell-content, .brick-table[class*=brick-table-body-row-lines-1] td.brick-table-col-type-operations .brick-table-cell-content {
  overflow: unset;
}

.brick-table .brick-table-col-type-operations .brick-table-cell-content {
  white-space: nowrap;
}

.brick-table .brick-table-col-type-checkbox {
  width: 49px;
}

.brick-table .brick-table-col-type-checkbox .brick-table-cell-content {
  width: 16px;
}

.brick-table .brick-table-col-type-serial {
  min-width: 36px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
}

.brick-table th {
  text-align: left;
}

.brick-table th[colspan]:not([colspan="1"]):not([colspan="0"]) {
  text-align: center;
}

.brick-table .brick-table-col-align-left {
  text-align: left;
}

.brick-table .brick-table-col-align-right {
  text-align: right;
}

.brick-table .brick-table-col-align-center {
  text-align: center;
}

.brick-table-no-data {
  position: absolute;
  bottom: 1px;
  right: 1px;
  left: 1px;
  text-align: center;
  pointer-events: none;
}

.brick-table-no-data > .brick-icon {
  vertical-align: top;
  font-size: 48px;
}

.brick-table-no-data-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgb(102, 102, 102);
}

.brick-table-no-data-icon + .brick-table-no-data-message {
  margin-top: 8px;
}

.brick-table-no-data-message {
  font-size: 14px;
  line-height: 22px;
}

.brick-table-is-loading .brick-table-no-data-icon + .brick-table-no-data-message {
  color: rgb(51, 51, 51);
}

.brick-table-is-loading .brick-loading {
  width: 24px;
  height: 24px;
}

.brick-table .brick-table-no-data,
.brick-table .brick-table-tbody-empty tr > td {
  height: 198px;
}

.brick-table-scroll-x-position-leave-left .brick-cell-fixed-left-last {
  border-right-color: transparent;
}

.brick-table-scroll-x-position-leave-left .brick-cell-fixed-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 36px;
  pointer-events: none;
  right: 0;
  transform: translate(100%);
  box-shadow: inset 12px 0 12px -12px rgba(0, 0, 0, 0.2);
}

.brick-table-scroll-x-position-leave-left .brick-cell-fixed-left-last::after {
  bottom: -1px;
}

.brick-table-scroll-x-position-leave-right .brick-cell-fixed-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 36px;
  pointer-events: none;
  left: 0;
  transform: translate(-100%);
  box-shadow: inset -12px 0px 12px -12px rgba(0, 0, 0, 0.2);
}

.brick-table-scroll-x-position-leave-right .brick-cell-fixed-right-first::after {
  bottom: -1px;
}

.brick-table-fixed-table {
  position: absolute;
  overflow: hidden;
  margin-top: -1px;
  margin-bottom: -1px;
  top: 0;
}

.brick-table-fixed-table-left {
  left: 0;
}

.brick-table-fixed-table-right {
  right: 0;
}

.brick-table-fixed-table table {
  width: auto;
}

.brick-table-scroll-x-position-leave-left .brick-table-fixed-table-left {
  box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.15);
}

.brick-table-scroll-x-position-leave-right .brick-table-fixed-table-right {
  box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.15);
}

.brick-table-scroll-x-position-leave-neither .brick-table-fixed-table {
  display: none;
}

.brick-table-with-scroll-x .brick-table-main-head-wrap table,
.brick-table-with-scroll-x .brick-table-main-body-wrap table {
  width: auto;
  min-width: 100%;
}

.brick-table-with-fixed-head .brick-table-head-wrap-outer {
  overflow: hidden;
}

.brick-table-with-fixed-head .brick-table-head-wrap-inner {
  overflow: scroll;
  margin-bottom: -20px;
  padding-bottom: 20px;
}

.brick-table-with-fixed-head.brick-table-with-scroll-x .brick-table-main-body-wrap,
.brick-table-with-fixed-head.brick-table-with-scroll-x .brick-table-fixed-body-wrap-inner {
  overflow: scroll;
}

.brick-table-with-fixed-head .brick-table-fixed-table-left .brick-table-fixed-head-wrap-outer,
.brick-table-with-fixed-head .brick-table-fixed-table-left .brick-table-fixed-body-wrap-outer {
  overflow: hidden;
}

.brick-table-with-fixed-head .brick-table-fixed-table-left .brick-table-fixed-head-wrap-inner,
.brick-table-with-fixed-head .brick-table-fixed-table-left .brick-table-fixed-body-wrap-inner {
  margin-right: -20px;
  padding-right: 20px;
}

.brick-table-fixed-fallback table {
  overflow: hidden;
  border-collapse: collapse;
}

.brick-table-sticky-float-header {
  position: fixed;
  top: 0;
  z-index: 100;
  overflow: hidden;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

.brick-table-sticky-float-scrollbar {
  position: fixed;
  bottom: 0;
  z-index: 100;
  overflow-x: auto;
  overflow-y: hidden;
  background: rgb(255, 255, 255);
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.08);
}

.brick-table-sticky-float-scrollbar-inner {
  height: 1px;
}

.brick-table-main-table {
  position: relative;
}

.brick-table-main-table::after {
  content: "";
  position: absolute;
  top: 0;
  right: var(--brick-table-edge-shadow-gutter-right, 0px);
  bottom: var(--brick-table-edge-shadow-gutter-bottom, 0px);
  left: 0;
  pointer-events: none;
  --brick-table-edge-shadow-left: 0 0 0 0 transparent;
  --brick-table-edge-shadow-right: 0 0 0 0 transparent;
  --brick-table-edge-shadow-bottom: 0 0 0 0 transparent;
  box-shadow: var(--brick-table-edge-shadow-left), var(--brick-table-edge-shadow-right), var(--brick-table-edge-shadow-bottom);
}

.brick-table.brick-table-with-fixed-head .brick-table-main-table::after {
  --brick-table-edge-shadow-gutter-right: var(--brick-table-scrollbar-size, 0px);
}

.brick-table:not(.brick-table-scroll-x-position-leave-neither) .brick-table-main-table::after {
  --brick-table-edge-shadow-gutter-bottom: var(--brick-table-scrollbar-size, 0px);
}

.brick-table.brick-table-scroll-x-position-leave-left:not(.brick-table-has-fixed-left) .brick-table-main-table::after {
  --brick-table-edge-shadow-left: inset 12px 0 12px -12px rgba(0, 0, 0, 0.2);
}

.brick-table.brick-table-scroll-x-position-leave-right:not(.brick-table-has-fixed-right) .brick-table-main-table::after {
  --brick-table-edge-shadow-right: inset -12px 0px 12px -12px rgba(0, 0, 0, 0.2);
}

.brick-table.brick-table-without-scrollbar.brick-table-with-fixed-head.brick-table-scroll-y-position-leave-bottom .brick-table-main-table::after {
  --brick-table-edge-shadow-bottom: inset 0 -12px 12px -12px rgb(0, 0, 0, .2);
}

.brick-table-normal-scrollbar.brick-table-scroll-x-position-leave-right .brick-table-main-body-wrap > table tbody tr:last-child td, .brick-table-normal-scrollbar.brick-table-scroll-x-position-leave-left .brick-table-main-body-wrap > table tbody tr:last-child td, .brick-table-normal-scrollbar.brick-table-with-fixed-head.brick-table-with-fixed-head .brick-table-main-body-wrap > table tbody tr:last-child td {
  border-bottom: none;
}

.brick-table-normal-scrollbar.brick-table-with-fixed-head.brick-table-with-fixed-head .brick-table-head-wrap-inner > table thead tr:first-child th:last-child,
.brick-table-normal-scrollbar.brick-table-with-fixed-head.brick-table-with-fixed-head .brick-table-main-body-wrap > table tbody td:last-child {
  border-right: none;
}

.brick-table-bordered table th, .brick-table-bordered table td {
  border-right: 1px solid rgb(237.15, 237.15, 237.15);
}

.brick-table-bordered .brick-table-main-table {
  margin-left: -1px;
  margin-right: -1px;
}

.brick-table-bordered .brick-table-fixed-table-left {
  margin-left: -1px;
}

.brick-table-bordered .brick-table-fixed-table-right {
  margin-right: -1px;
}

.brick-table-hover table .brick-table-tr-hover td,
.brick-table-hover table tr:hover td {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-table-hover .brick-table-tbody-empty tr:hover > td {
  background: none;
}

.brick-table-striped tr:nth-of-type(2n) > td {
  background: rgb(249.9, 249.9, 249.9);
}

.brick-table .brick-table-expand-toggle-wrap {
  display: inline-block;
}

tr:not(.brick-table-tr-with-children) .brick-table-expand-toggle {
  visibility: hidden;
}

.brick-table-sorter {
  margin-left: 4px;
  cursor: pointer;
}

.brick-table-sorter::after {
  content: "";
  position: absolute;
  inset: 0;
}

.brick-table-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: 0.2em;
}

.brick-table-sorter .brick-icon {
  font-size: 8px;
}

.brick-table-sorter .brick-icon + .brick-icon {
  margin-top: -0.3em;
}

.brick-table-sorter-order-ascent .brick-table-sorter-icon-ascent, .brick-table-sorter-order-descent .brick-table-sorter-icon-descent {
  color: #4c84ff;
}

.brick-table-operation-menu-popper .brick-popper-wrap {
  min-width: 80px;
}

.brick-table-size-sm.brick-table-line-spacing-compact {
  font-size: 12px;
}

.brick-table-size-sm.brick-table-line-spacing-compact th[rowspan="2"] {
  height: 66px;
}

.brick-table-size-sm.brick-table-line-spacing-compact th[rowspan="3"] {
  height: 99px;
}

.brick-table-size-sm.brick-table-line-spacing-compact th[rowspan="4"] {
  height: 132px;
}

.brick-table-size-sm.brick-table-line-spacing-compact th[rowspan="5"] {
  height: 165px;
}

.brick-table-size-sm.brick-table-line-spacing-compact table th, .brick-table-size-sm.brick-table-line-spacing-compact table td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.brick-table-size-sm.brick-table-line-spacing-compact table th > *, .brick-table-size-sm.brick-table-line-spacing-compact table td > * {
  line-height: 16px;
  min-height: 16px;
}

.brick-table-size-sm.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-checkbox,
.brick-table-size-sm.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-radio,
.brick-table-size-sm.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-button-type-plain, .brick-table-size-sm.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-checkbox,
.brick-table-size-sm.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-radio,
.brick-table-size-sm.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-button-type-plain {
  line-height: 16px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="2"] {
  height: 98px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="3"] {
  height: 147px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="4"] {
  height: 196px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="5"] {
  height: 245px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th {
  height: 49px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th .brick-table-cell-content {
  max-height: 32px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="2"] {
  height: 130px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="3"] {
  height: 195px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="4"] {
  height: 260px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="5"] {
  height: 325px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th {
  height: 65px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th .brick-table-cell-content {
  max-height: 48px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="2"] {
  height: 162px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="3"] {
  height: 243px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="4"] {
  height: 324px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="5"] {
  height: 405px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th {
  height: 81px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th .brick-table-cell-content {
  max-height: 64px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="2"] {
  height: 194px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="3"] {
  height: 291px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="4"] {
  height: 388px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="5"] {
  height: 485px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th {
  height: 97px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th .brick-table-cell-content {
  max-height: 80px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="2"] {
  height: 226px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="3"] {
  height: 339px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="4"] {
  height: 452px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="5"] {
  height: 565px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th {
  height: 113px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th .brick-table-cell-content {
  max-height: 96px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-switch {
  padding-top: 8px;
  padding-bottom: 8px;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-checkbox .brick-checkbox-wrap {
  vertical-align: top;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-operations {
  padding-top: 7px;
  padding-bottom: 7px;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):first-child {
  margin-left: -4px;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):last-child {
  margin-right: -4px;
}

.brick-table-size-sm.brick-table-line-spacing-compact td.brick-table-col-type-operations > * {
  min-height: 18px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-no-data {
  height: 192px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-no-data > .brick-icon {
  font-size: 48px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-tbody-empty tr > td {
  height: 192px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-no-data {
  height: 252px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-no-data > .brick-icon {
  font-size: 108px;
}

.brick-table-size-sm.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-tbody-empty tr > td {
  height: 252px;
}

.brick-table-size-sm.brick-table-line-spacing-regular {
  font-size: 12px;
}

.brick-table-size-sm.brick-table-line-spacing-regular th[rowspan="2"] {
  height: 78px;
}

.brick-table-size-sm.brick-table-line-spacing-regular th[rowspan="3"] {
  height: 117px;
}

.brick-table-size-sm.brick-table-line-spacing-regular th[rowspan="4"] {
  height: 156px;
}

.brick-table-size-sm.brick-table-line-spacing-regular th[rowspan="5"] {
  height: 195px;
}

.brick-table-size-sm.brick-table-line-spacing-regular table th, .brick-table-size-sm.brick-table-line-spacing-regular table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.brick-table-size-sm.brick-table-line-spacing-regular table th > *, .brick-table-size-sm.brick-table-line-spacing-regular table td > * {
  line-height: 18px;
  min-height: 18px;
}

.brick-table-size-sm.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-checkbox,
.brick-table-size-sm.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-radio,
.brick-table-size-sm.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-button-type-plain, .brick-table-size-sm.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-checkbox,
.brick-table-size-sm.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-radio,
.brick-table-size-sm.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-button-type-plain {
  line-height: 18px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="2"] {
  height: 114px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="3"] {
  height: 171px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="4"] {
  height: 228px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="5"] {
  height: 285px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th {
  height: 57px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th .brick-table-cell-content {
  max-height: 36px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="2"] {
  height: 150px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="3"] {
  height: 225px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="4"] {
  height: 300px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="5"] {
  height: 375px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th {
  height: 75px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th .brick-table-cell-content {
  max-height: 54px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="2"] {
  height: 186px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="3"] {
  height: 279px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="4"] {
  height: 372px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="5"] {
  height: 465px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th {
  height: 93px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th .brick-table-cell-content {
  max-height: 72px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="2"] {
  height: 222px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="3"] {
  height: 333px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="4"] {
  height: 444px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="5"] {
  height: 555px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th {
  height: 111px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th .brick-table-cell-content {
  max-height: 90px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="2"] {
  height: 258px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="3"] {
  height: 387px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="4"] {
  height: 516px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="5"] {
  height: 645px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th {
  height: 129px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th .brick-table-cell-content {
  max-height: 108px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-sm.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-sm.brick-table-line-spacing-regular td.brick-table-col-type-operations {
  padding-top: 9px;
  padding-bottom: 9px;
}

.brick-table-size-sm.brick-table-line-spacing-regular td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):first-child {
  margin-left: -4px;
}

.brick-table-size-sm.brick-table-line-spacing-regular td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):last-child {
  margin-right: -4px;
}

.brick-table-size-sm.brick-table-line-spacing-regular td.brick-table-col-type-operations > * {
  min-height: 20px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-no-data {
  height: 194px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-no-data > .brick-icon {
  font-size: 48px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-tbody-empty tr > td {
  height: 194px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-no-data {
  height: 254px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-no-data > .brick-icon {
  font-size: 108px;
}

.brick-table-size-sm.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-tbody-empty tr > td {
  height: 254px;
}

.brick-table-size-md.brick-table-line-spacing-compact {
  font-size: 14px;
}

.brick-table-size-md.brick-table-line-spacing-compact th[rowspan="2"] {
  height: 82px;
}

.brick-table-size-md.brick-table-line-spacing-compact th[rowspan="3"] {
  height: 123px;
}

.brick-table-size-md.brick-table-line-spacing-compact th[rowspan="4"] {
  height: 164px;
}

.brick-table-size-md.brick-table-line-spacing-compact th[rowspan="5"] {
  height: 205px;
}

.brick-table-size-md.brick-table-line-spacing-compact table th, .brick-table-size-md.brick-table-line-spacing-compact table td {
  padding-top: 11px;
  padding-bottom: 11px;
}

.brick-table-size-md.brick-table-line-spacing-compact table th > *, .brick-table-size-md.brick-table-line-spacing-compact table td > * {
  line-height: 18px;
  min-height: 18px;
}

.brick-table-size-md.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-checkbox,
.brick-table-size-md.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-radio,
.brick-table-size-md.brick-table-line-spacing-compact table th .brick-table-cell-content > .brick-button-type-plain, .brick-table-size-md.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-checkbox,
.brick-table-size-md.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-radio,
.brick-table-size-md.brick-table-line-spacing-compact table td .brick-table-cell-content > .brick-button-type-plain {
  line-height: 18px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="2"] {
  height: 118px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="3"] {
  height: 177px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="4"] {
  height: 236px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 table th[rowspan="5"] {
  height: 295px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th {
  height: 59px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th .brick-table-cell-content {
  max-height: 36px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-2 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-2 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="2"] {
  height: 154px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="3"] {
  height: 231px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="4"] {
  height: 308px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 table th[rowspan="5"] {
  height: 385px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th {
  height: 77px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th .brick-table-cell-content {
  max-height: 54px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-3 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-3 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="2"] {
  height: 190px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="3"] {
  height: 285px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="4"] {
  height: 380px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 table th[rowspan="5"] {
  height: 475px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th {
  height: 95px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th .brick-table-cell-content {
  max-height: 72px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-4 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-4 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="2"] {
  height: 226px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="3"] {
  height: 339px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="4"] {
  height: 452px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 table th[rowspan="5"] {
  height: 565px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th {
  height: 113px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th .brick-table-cell-content {
  max-height: 90px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-5 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-5 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="2"] {
  height: 262px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="3"] {
  height: 393px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="4"] {
  height: 524px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 table th[rowspan="5"] {
  height: 655px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th {
  height: 131px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th .brick-table-cell-content {
  max-height: 108px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-body-row-lines-6 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-compact.brick-table-head-row-lines-6 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-compact td.brick-table-col-type-switch {
  padding-top: 10px;
  padding-bottom: 10px;
}

.brick-table-size-md.brick-table-line-spacing-compact td.brick-table-col-type-operations {
  padding-top: 10px;
  padding-bottom: 10px;
}

.brick-table-size-md.brick-table-line-spacing-compact td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):first-child {
  margin-left: -4px;
}

.brick-table-size-md.brick-table-line-spacing-compact td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):last-child {
  margin-right: -4px;
}

.brick-table-size-md.brick-table-line-spacing-compact td.brick-table-col-type-operations > * {
  min-height: 20px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-no-data {
  height: 194px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-no-data > .brick-icon {
  font-size: 48px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-md .brick-table-tbody-empty tr > td {
  height: 194px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-no-data {
  height: 254px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-no-data > .brick-icon {
  font-size: 108px;
}

.brick-table-size-md.brick-table-line-spacing-compact.brick-table-illus-size-lg .brick-table-tbody-empty tr > td {
  height: 254px;
}

.brick-table-size-md.brick-table-line-spacing-regular {
  font-size: 14px;
}

.brick-table-size-md.brick-table-line-spacing-regular th[rowspan="2"] {
  height: 98px;
}

.brick-table-size-md.brick-table-line-spacing-regular th[rowspan="3"] {
  height: 147px;
}

.brick-table-size-md.brick-table-line-spacing-regular th[rowspan="4"] {
  height: 196px;
}

.brick-table-size-md.brick-table-line-spacing-regular th[rowspan="5"] {
  height: 245px;
}

.brick-table-size-md.brick-table-line-spacing-regular table th, .brick-table-size-md.brick-table-line-spacing-regular table td {
  padding-top: 13px;
  padding-bottom: 13px;
}

.brick-table-size-md.brick-table-line-spacing-regular table th > *, .brick-table-size-md.brick-table-line-spacing-regular table td > * {
  line-height: 22px;
  min-height: 22px;
}

.brick-table-size-md.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-checkbox,
.brick-table-size-md.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-radio,
.brick-table-size-md.brick-table-line-spacing-regular table th .brick-table-cell-content > .brick-button-type-plain, .brick-table-size-md.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-checkbox,
.brick-table-size-md.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-radio,
.brick-table-size-md.brick-table-line-spacing-regular table td .brick-table-cell-content > .brick-button-type-plain {
  line-height: 22px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="2"] {
  height: 142px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="3"] {
  height: 213px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="4"] {
  height: 284px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 table th[rowspan="5"] {
  height: 355px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th {
  height: 71px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th .brick-table-cell-content {
  max-height: 44px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-2 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-2 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="2"] {
  height: 186px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="3"] {
  height: 279px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="4"] {
  height: 372px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 table th[rowspan="5"] {
  height: 465px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th {
  height: 93px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th .brick-table-cell-content {
  max-height: 66px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-3 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-3 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="2"] {
  height: 230px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="3"] {
  height: 345px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="4"] {
  height: 460px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 table th[rowspan="5"] {
  height: 575px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th {
  height: 115px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th .brick-table-cell-content {
  max-height: 88px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-4 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-4 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="2"] {
  height: 274px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="3"] {
  height: 411px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="4"] {
  height: 548px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 table th[rowspan="5"] {
  height: 685px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th {
  height: 137px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th .brick-table-cell-content {
  max-height: 110px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-5 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-5 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="2"] {
  height: 318px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="3"] {
  height: 477px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="4"] {
  height: 636px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 table th[rowspan="5"] {
  height: 795px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th {
  height: 159px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th .brick-table-cell-content {
  max-height: 132px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-body-row-lines-6 td:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content, .brick-table-size-md.brick-table-line-spacing-regular.brick-table-head-row-lines-6 th:not(.brick-table-col-type-operations):not(.brick-table-col-type-switch) .brick-table-cell-content {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.brick-table-size-md.brick-table-line-spacing-regular td.brick-table-col-type-operations {
  padding-top: 12px;
  padding-bottom: 12px;
}

.brick-table-size-md.brick-table-line-spacing-regular td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):first-child {
  margin-left: -4px;
}

.brick-table-size-md.brick-table-line-spacing-regular td.brick-table-col-type-operations .brick-button-type-plain:not(.brick-button-icon-only):last-child {
  margin-right: -4px;
}

.brick-table-size-md.brick-table-line-spacing-regular td.brick-table-col-type-operations > * {
  min-height: 24px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-no-data {
  height: 198px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-no-data > .brick-icon {
  font-size: 48px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-md .brick-table-tbody-empty tr > td {
  height: 198px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-no-data {
  height: 258px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-no-data > .brick-icon {
  font-size: 108px;
}

.brick-table-size-md.brick-table-line-spacing-regular.brick-table-illus-size-lg .brick-table-tbody-empty tr > td {
  height: 258px;
}

.brick-table-size-sm .brick-button-type-plain + .brick-button-type-plain {
  margin-left: 12px;
}

.brick-table-size-md .brick-button-type-plain + .brick-button-type-plain {
  margin-left: 16px;
}

.brick-table {
  z-index: 0;
}

.brick-table-main-table {
  z-index: 0;
}

.brick-table .brick-cell-fixed-left,
.brick-table .brick-cell-fixed-right {
  z-index: 1;
}

.brick-table.overflow-x-hidden {
  overflow-x: hidden !important;
}

.brick-table .force-redraw-zoom {
  zoom: 99.99999% !important;
}

.brick-head-nav,
.brick-head-nav * {
  box-sizing: border-box;
}
.brick-head-nav {
  height: 60px;
  position: relative;
  width: 100%;
}
.brick-head-nav-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 0 20px;
}
.brick-head-nav-content-inner {
  *zoom: 1;
}
.brick-head-nav-content-inner::before, .brick-head-nav-content-inner::after {
  display: table;
  content: " ";
}
.brick-head-nav-content-inner::after {
  clear: both;
}
.brick-head-nav-logo, .brick-head-nav-menu, .brick-head-nav-user {
  vertical-align: top;
}
.brick-head-nav-logo, .brick-head-nav-menu {
  display: inline-block;
  height: 60px;
}
.brick-head-nav-logo {
  float: left;
  padding-top: 10px;
}
.brick-head-nav-menu {
  padding-left: 16px;
}
.brick-head-nav-user {
  float: right;
}
.brick-head-nav-user-info-wrap {
  position: relative;
  height: 60px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 60px;
  text-align: left;
  padding-left: 16px;
  padding-right: 12px;
  margin-right: -12px;
}
.brick-head-nav-user-info-avatar, .brick-head-nav-user-info-detail {
  display: inline-block;
  vertical-align: middle;
}
.brick-head-nav-user-info-avatar {
  width: 42px;
  height: 42px;
}
.brick-head-nav-user-info-avatar {
  margin-right: 8px;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  user-select: none;
  background-image: url("../assets/user.svg");
  background-size: 42px 42px;
  background-position: center 1px;
}
.brick-head-nav-user-info-avatar img {
  width: 42px;
  vertical-align: top;
}
.brick-head-nav-user-info-detail {
  max-width: 150px;
  cursor: default;
}
.brick-head-nav-user-info-detail {
  font-size: 12px;
  line-height: 18px;
}
.brick-head-nav-user-info-detail {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-head-nav-user-info-arrow {
  display: inline-block;
  margin-left: 4px;
  opacity: 0.5;
}
.brick-head-nav-user-info-arrow .brick-icon {
  font-size: 12px;
  transform: scale(0.75);
}
.brick-head-nav-user-extra {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
}
.brick-head-nav-user-extra > * {
  vertical-align: middle;
}
.brick-head-nav .brick-menu-type-nav.brick-menu-layout-horizontal {
  border-bottom: none;
}
.brick-head-nav .brick-menu-type-nav.brick-menu-layout-horizontal .brick-menu-item-content {
  height: 60px;
  line-height: 60px;
}
.brick-head-nav-reverse-color {
  color: rgb(255, 255, 255);
  background: #4c84ff;
}
.brick-head-nav-reverse-color.brick-head-nav-user-menu-visible .brick-head-nav-user-info-wrap {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-head-nav-reverse-color .brick-head-nav-user-info-arrow .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-head-nav-reverse-color .brick-head-nav-user-extra .brick-icon,
.brick-head-nav-reverse-color .brick-head-nav-user-extra .brick-link, .brick-head-nav-reverse-color .brick-head-nav-user-extra {
  color: rgb(255, 255, 255);
}
.brick-head-nav:not(.brick-head-nav-reverse-color).brick-head-nav-user-menu-visible .brick-head-nav-user-info-wrap {
  background-color: rgb(242.25, 245.225, 255);
}
.brick-head-nav:not(.brick-head-nav-reverse-color) .brick-head-nav-user-info-arrow .brick-icon {
  color: rgb(0, 0, 0);
}
.brick-head-nav:not(.brick-head-nav-reverse-color) .brick-head-nav-user-info-avatar-empty {
  border: 1px dashed rgb(237.15, 237.15, 237.15);
}
.brick-head-nav:not(.brick-head-nav-reverse-color) .brick-head-nav-user-info-avatar-empty {
  border-color: rgb(204, 204, 204);
}

.brick-nav-logo-main, .brick-nav-logo-subhead-divider, .brick-nav-logo-subhead {
  vertical-align: bottom;
  padding: 0;
  border: none;
}
.brick-nav-logo-main, .brick-nav-logo-subhead {
  display: inline-block;
}
.brick-nav-logo-main,
.brick-nav-logo-main img {
  height: 40px;
}
.brick-nav-logo-subhead {
  margin-left: 10px;
}
.brick-nav-logo-subhead,
.brick-nav-logo-subhead img {
  height: 24px;
}
.brick-nav-logo-subhead-divider {
  display: inline-block;
  margin-left: 10px;
  width: 2px;
  height: 20px;
  background: #646466;
  transform: scaleX(0.75) translateY(-1px);
}
.brick-nav-logo-reverse-color .brick-nav-logo-subhead-divider {
  background: rgb(255, 255, 255);
}

.brick-dialog,
.brick-dialog * {
  box-sizing: border-box;
}
.brick-dialog .brick-modal-content {
  display: block;
  position: relative;
  overflow-x: auto;
  height: 100%;
}
.brick-dialog-wrap {
  position: relative;
  background: rgb(255, 255, 255);
  width: 600px;
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  flex-flow: column;
}
.brick-dialog-head, .brick-dialog-foot {
  flex-shrink: 0;
  flex-grow: 0;
}
.brick-dialog-head {
  font-size: 16px;
  line-height: 24px;
}
.brick-dialog-head {
  padding: 16px 24px;
  font-weight: 600;
  color: rgb(51, 51, 51);
}
.brick-dialog-body {
  padding: 0 24px;
  flex-grow: 1;
  font-size: 14px;
  overflow: auto;
}
.brick-dialog-body:last-child {
  padding-bottom: 24px;
}
.brick-dialog-body > *:last-child {
  margin-bottom: 0;
}
.brick-dialog-foot {
  padding: 16px 24px 24px;
  text-align: right;
}
.brick-dialog-actions-align-left .brick-dialog-foot {
  text-align: left;
}
.brick-dialog-actions-align-center .brick-dialog-foot {
  text-align: center;
}
.brick-dialog-actions-align-right .brick-dialog-foot {
  text-align: right;
}
.brick-dialog .brick-close-x.brick-button-icon-only.brick-button-type-plain {
  width: auto;
  height: auto;
  padding: 4px;
  border: none;
  position: absolute;
  right: 20px;
  top: 12px;
}
.brick-dialog .brick-close-x.brick-button-icon-only.brick-button-type-plain:hover {
  background: rgb(244.8, 244.8, 244.8);
}
.brick-dialog .brick-close-x.brick-button-icon-only.brick-button-type-plain:hover .brick-icon {
  color: rgb(153, 153, 153);
}
.brick-dialog .brick-close-x.brick-button-icon-only.brick-button-type-plain:active {
  background: rgb(237.15, 237.15, 237.15);
}
.brick-dialog .brick-close-x.brick-button-icon-only.brick-button-type-plain:active .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-dialog-without-headline .brick-dialog-head {
  min-height: 56px;
}
.brick-dialog-without-headline .brick-dialog-body {
  min-height: auto;
}
.brick-dialog-centered .brick-dialog-wrap {
  top: 50%;
  transform: translateY(-50%);
}
.brick-dialog-width-xs .brick-dialog-wrap {
  width: 320px;
}
.brick-dialog-width-sm .brick-dialog-wrap {
  width: 400px;
}
.brick-dialog-width-md .brick-dialog-wrap {
  width: 600px;
}
.brick-dialog-width-lg .brick-dialog-wrap {
  width: 800px;
}
.brick-dialog-width-xl .brick-dialog-wrap {
  width: 960px;
}

.brick-dialog-confirm .brick-dialog-wrap {
  min-width: 400px;
  max-width: 960px;
  width: auto;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
.brick-dialog-confirm.brick-dialog-without-headline .brick-dialog-head {
  min-height: auto;
}
.brick-dialog-confirm .brick-alert {
  padding: 0;
  background: none;
  border: none;
}
.brick-dialog-confirm .brick-alert-content p {
  margin-bottom: 0;
}
.brick-dialog-confirm-content {
  position: relative;
}

.brick-dialog-size-sm .brick-dialog-head {
  font-size: 14px;
}
.brick-dialog-size-sm .brick-dialog-body {
  font-size: 12px;
}
.brick-dialog-size-sm.brick-dialog-without-headline .brick-dialog-body {
  min-height: auto;
}
.brick-dialog-size-sm.brick-dialog-head-divide .brick-dialog-body {
  border-top: 1px solid rgb(237.15, 237.15, 237.15);
  padding-top: 16px;
}
.brick-dialog-size-sm.brick-dialog-with-close-x .brick-dialog-head {
  padding-right: 50px;
}
.brick-dialog-size-sm.brick-dialog-with-close-x .brick-close-x.brick-button-icon-only.brick-button-type-plain {
  top: 16px;
}
.brick-dialog-size-sm.brick-dialog-without-headline:not(.brick-dialog-confirm) .brick-dialog-head {
  min-height: 54px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-sm .brick-alert-icon {
  width: 20px;
  height: 20px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-sm .brick-alert-icon {
  line-height: 22px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-sm .brick-alert-icon .brick-icon {
  width: 20px;
  height: 20px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-sm .brick-alert-icon .brick-icon {
  font-size: 20px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-with-icon .brick-alert-message {
  padding-left: 28px;
}
.brick-dialog-size-sm.brick-dialog-confirm .brick-alert-headline {
  font-size: 14px;
  line-height: 22px;
}

.brick-dialog-size-md .brick-dialog-head {
  font-size: 16px;
}
.brick-dialog-size-md .brick-dialog-body {
  font-size: 14px;
}
.brick-dialog-size-md.brick-dialog-without-headline .brick-dialog-body {
  min-height: auto;
}
.brick-dialog-size-md.brick-dialog-head-divide .brick-dialog-body {
  border-top: 1px solid rgb(237.15, 237.15, 237.15);
  padding-top: 16px;
}
.brick-dialog-size-md.brick-dialog-with-close-x .brick-dialog-head {
  padding-right: 52px;
}
.brick-dialog-size-md.brick-dialog-with-close-x .brick-close-x.brick-button-icon-only.brick-button-type-plain {
  top: 16px;
}
.brick-dialog-size-md.brick-dialog-without-headline:not(.brick-dialog-confirm) .brick-dialog-head {
  min-height: 56px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-md .brick-alert-icon {
  width: 24px;
  height: 24px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-md .brick-alert-icon {
  line-height: 24px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-md .brick-alert-icon .brick-icon {
  width: 24px;
  height: 24px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-size-md .brick-alert-icon .brick-icon {
  font-size: 24px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert:not(.brick-alert-without-headline).brick-alert-with-icon .brick-alert-message {
  padding-left: 32px;
}
.brick-dialog-size-md.brick-dialog-confirm .brick-alert-headline {
  font-size: 16px;
  line-height: 24px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
    height: initial;
  }
  99% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    visibility: hidden;
    display: none;
    opacity: 0;
  }
}
.brick-toast,
.brick-toast * {
  box-sizing: border-box;
}
.brick-toast {
  align-self: center;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  max-width: 960px;
}
.brick-toast + .brick-toast {
  margin-top: 8px;
}
.brick-toast-type-loading .brick-alert-icon .brick-icon {
  animation: spinning 1s infinite linear;
}
.brick-toast .brick-alert {
  background: none;
  border-color: transparent;
}

.brick-toast-slide-in {
  animation: SlideInTop 0.2s ease 0s 1 normal forwards;
}
.brick-toast-slide-out {
  animation: SlideOutTop 0.2s ease 0s 1 normal forwards;
}

.brick-toaster-placement-top-left .brick-toast-slide-in,
.brick-toaster-placement-bottom-left .brick-toast-slide-in {
  animation: SlideInLeft 0.2s ease 0s 1 normal forwards;
}

.brick-toaster-placement-top-right .brick-toast-slide-in,
.brick-toaster-placement-bottom-right .brick-toast-slide-in {
  animation: SlideInRight 0.2s ease 0s 1 normal forwards;
}

.brick-toaster-placement-bottom-left .brick-toast-slide-out,
.brick-toaster-placement-bottom-right .brick-toast-slide-out {
  animation: SlideOutBottom 0.2s ease 0s 1 normal forwards;
}

@keyframes SlideInTop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes SlideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes SlideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes SlideOutTop {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes SlideOutBottom {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.brick-toaster {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 50%;
  transform: translateX(-50%);
}
.brick-toaster.brick-toaster-placement-top-right, .brick-toaster.brick-toaster-placement-top-left, .brick-toaster.brick-toaster-placement-bottom-right, .brick-toaster.brick-toaster-placement-bottom-left {
  transform: initial;
}
.brick-toaster.brick-toaster-placement-top-right, .brick-toaster.brick-toaster-placement-bottom-right {
  left: auto;
  right: 0;
}
.brick-toaster.brick-toaster-placement-top-left, .brick-toaster.brick-toaster-placement-bottom-left {
  right: auto;
  left: 0;
}
.brick-toaster.brick-toaster-placement-top-left, .brick-toaster.brick-toaster-placement-top-right {
  top: 0;
  bottom: auto;
}
.brick-toaster.brick-toaster-placement-bottom-left, .brick-toaster.brick-toaster-placement-bottom-right {
  top: auto;
  bottom: 0;
}

.brick-toaster-container {
  position: fixed;
  width: 100%;
  z-index: 1080;
}
.brick-toaster-container.brick-toaster-container-placement-top-left, .brick-toaster-container.brick-toaster-container-placement-top-right {
  top: 24px;
  bottom: auto;
}
.brick-toaster-container.brick-toaster-container-placement-bottom-left, .brick-toaster-container.brick-toaster-container-placement-bottom-right {
  top: auto;
  bottom: 40px;
}
.brick-toaster-container.brick-toaster-container-placement-top-left, .brick-toaster-container.brick-toaster-container-placement-bottom-left {
  left: 24px;
  right: auto;
}
.brick-toaster-container.brick-toaster-container-placement-top-right, .brick-toaster-container.brick-toaster-container-placement-bottom-right {
  left: auto;
  right: 24px;
}
.brick-toaster-container.brick-toaster-container-placement-top-center {
  top: 72px;
}

.brick-close-x,
.brick-close-x * {
  box-sizing: border-box;
}
.brick-close-x {
  display: inline-block;
  line-height: 1;
  cursor: pointer;
}

.brick-breadcrumb,
.brick-breadcrumb * {
  box-sizing: border-box;
}
.brick-breadcrumb-plain-label-disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.brick-breadcrumb > ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brick-breadcrumb > ol {
  display: flex;
  list-style: none;
  align-items: center;
}
.brick-breadcrumb-divider {
  padding: 0 8px;
}
.brick-breadcrumb-crumb {
  white-space: nowrap;
}
.brick-breadcrumb-crumb > a {
  margin: 0 -5px;
}
.brick-breadcrumb-crumb > a > .brick-icon {
  padding-right: 4px;
  padding-left: 0;
}
.brick-breadcrumb-size-sm {
  font-size: 12px;
}
.brick-breadcrumb-size-md {
  font-size: 14px;
}

.brick-collapse,
.brick-collapse * {
  box-sizing: border-box;
}
.brick-collapse {
  border: 1px solid rgb(237.15, 237.15, 237.15);
  border-radius: 4px;
}
.brick-collapse-panel-header, .brick-collapse-panel-content-inner {
  padding-left: 16px;
  padding-right: 16px;
}
.brick-collapse-panel-header {
  position: relative;
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
  cursor: pointer;
}
.brick-collapse-panel-expand-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.brick-collapse-panel-extra {
  float: right;
}
.brick-collapse-panel-extra .brick-button-type-plain.brick-button-icon-only + .brick-button-type-plain.brick-button-icon-only {
  margin-left: 8px;
}
.brick-collapse-panel-content {
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
}
.brick-collapse-panel-content-inner {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-collapse-panel:last-child {
  border-radius: 0 0 4px 4px;
}
.brick-collapse-panel:last-child > :last-child {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.brick-collapse-panel:first-child {
  border-radius: 4px 4px 0 0;
}
.brick-collapse-panel:first-child > :first-child {
  border-radius: 4px 4px 0 0;
}
.brick-collapse-panel-collapsed .brick-collapse-panel-content {
  display: none;
}
.brick-collapse-panel-disabled {
  cursor: not-allowed;
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-collapse-panel-disabled, .brick-collapse-panel-disabled .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-collapse-expand-icon-position-left .brick-collapse-panel-expand-icon {
  left: 16px;
}
.brick-collapse-expand-icon-position-right .brick-collapse-panel-expand-icon {
  right: 16px;
}
.brick-collapse-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-collapse-size-sm .brick-collapse-panel-header,
.brick-collapse-size-sm .brick-collapse-panel-content-inner {
  padding: 8px 16px;
}
.brick-collapse-size-sm .brick-collapse-panel-expand-icon .brick-icon {
  font-size: 12px;
}
.brick-collapse-size-sm .brick-collapse-panel-expand-icon-with-extra .brick-icon {
  width: 20px;
}
.brick-collapse-size-sm.brick-collapse-content-type-plain.brick-collapse-expand-icon-position-left .brick-collapse-panel-header,
.brick-collapse-size-sm.brick-collapse-content-type-plain.brick-collapse-expand-icon-position-left .brick-collapse-panel-content-inner {
  padding-left: 40px;
}
.brick-collapse-size-sm.brick-collapse-content-type-common .brick-collapse-panel-headline {
  padding-left: 24px;
}
.brick-collapse-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-collapse-size-md .brick-collapse-panel-header,
.brick-collapse-size-md .brick-collapse-panel-content-inner {
  padding: 12px 16px;
}
.brick-collapse-size-md .brick-collapse-panel-expand-icon .brick-icon {
  font-size: 14px;
}
.brick-collapse-size-md .brick-collapse-panel-expand-icon-with-extra .brick-icon {
  width: 22px;
}
.brick-collapse-size-md.brick-collapse-content-type-plain.brick-collapse-expand-icon-position-left .brick-collapse-panel-header,
.brick-collapse-size-md.brick-collapse-content-type-plain.brick-collapse-expand-icon-position-left .brick-collapse-panel-content-inner {
  padding-left: 42px;
}
.brick-collapse-size-md.brick-collapse-content-type-common .brick-collapse-panel-headline {
  padding-left: 26px;
}

.brick-alert,
.brick-alert * {
  box-sizing: border-box;
}
.brick-alert {
  position: relative;
  border: 1px solid rgb(237.15, 237.15, 237.15);
  border-radius: 4px;
  padding: 14px 16px;
}
.brick-alert-headline {
  font-weight: 600;
}
.brick-alert-extra, .brick-alert-headline, .brick-alert-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-alert-headline + .brick-alert-content-wrap {
  margin-top: 4px;
}
.brick-alert-icon {
  width: 20px;
  height: 20px;
}
.brick-alert-icon {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
}
.brick-alert .brick-close-x {
  position: absolute;
  right: 14px;
  top: 12px;
}
.brick-alert .brick-close-x:hover .brick-icon {
  color: rgb(153, 153, 153);
}
.brick-alert .brick-close-x:active .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-alert-extra {
  float: right;
}
.brick-alert-extra .brick-button-type-plain:last-child {
  margin-right: -4px;
}
.brick-alert-extra .brick-link:last-child {
  margin-right: -4px;
}
.brick-alert-type-info {
  background-color: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-alert-type-info .brick-alert-icon .brick-icon {
  color: #4c84ff;
}
.brick-alert-type-success {
  background-color: rgb(242.25, 255, 244.375);
  border-color: rgb(208.335, 242.25, 213.42225);
}
.brick-alert-type-success .brick-alert-icon .brick-icon {
  color: #39bf45;
}
.brick-alert-type-warning {
  background-color: rgb(255, 247.1375, 242.25);
  border-color: rgb(255, 232.39, 219.3);
}
.brick-alert-type-warning .brick-alert-icon .brick-icon {
  color: #f27c49;
}
.brick-alert-type-error {
  background-color: rgb(255, 242.25, 242.25);
  border-color: rgb(255, 219.3, 219.895);
}
.brick-alert-type-error .brick-alert-icon .brick-icon {
  color: #e64552;
}
.brick-alert-with-icon .brick-alert-message {
  padding-left: 28px;
}
.brick-alert-with-close-x .brick-alert-headline {
  padding-right: 30px;
}
.brick-alert-with-extra .brick-alert-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-alert-with-extra .brick-alert-content {
  padding-right: 16px;
}
.brick-alert-without-headline {
  padding: 6px 16px;
}
.brick-alert-without-headline .brick-alert-icon {
  width: 14px;
  height: 14px;
}
.brick-alert-without-headline .brick-alert-icon {
  font-size: 14px;
}
.brick-alert-without-headline.brick-alert-with-icon .brick-alert-message {
  padding-left: 22px;
}
.brick-alert-without-headline .brick-close-x {
  position: absolute;
  right: 14px;
  top: 8px;
}
.brick-alert-without-headline.brick-alert-with-close-x .brick-alert-message {
  padding-right: 30px;
}
.brick-alert-size-sm {
  font-size: 12px;
}
.brick-alert-size-sm .brick-alert-extra,
.brick-alert-size-sm .brick-alert-headline,
.brick-alert-size-sm .brick-alert-content {
  font-size: 12px;
  line-height: 18px;
}
.brick-alert-size-sm .brick-alert-icon {
  width: 16px;
  height: 16px;
}
.brick-alert-size-sm .brick-alert-icon {
  font-size: 16px;
  line-height: 18px;
}
.brick-alert-size-sm.brick-alert-with-icon .brick-alert-message {
  padding-left: 24px;
}
.brick-alert-size-sm.brick-alert-without-headline .brick-alert-icon {
  width: 14px;
  height: 14px;
}
.brick-alert-size-sm.brick-alert-without-headline .brick-alert-icon {
  font-size: 14px;
}
.brick-alert-size-sm.brick-alert-without-headline.brick-alert-with-icon .brick-alert-message {
  padding-left: 22px;
}
.brick-alert-size-sm.brick-alert-without-headline .brick-close-x {
  position: absolute;
  right: 14px;
  top: 6px;
}
.brick-alert-size-md {
  font-size: 14px;
}
.brick-alert-size-md .brick-alert-extra,
.brick-alert-size-md .brick-alert-headline,
.brick-alert-size-md .brick-alert-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-alert-size-md .brick-alert-icon {
  width: 20px;
  height: 20px;
}
.brick-alert-size-md .brick-alert-icon {
  font-size: 20px;
  line-height: 22px;
}
.brick-alert-size-md.brick-alert-with-icon .brick-alert-message {
  padding-left: 28px;
}
.brick-alert-size-md.brick-alert-without-headline .brick-alert-icon {
  width: 16px;
  height: 16px;
}
.brick-alert-size-md.brick-alert-without-headline .brick-alert-icon {
  font-size: 16px;
}
.brick-alert-size-md.brick-alert-without-headline.brick-alert-with-icon .brick-alert-message {
  padding-left: 24px;
}
.brick-alert-size-md.brick-alert-without-headline .brick-close-x {
  position: absolute;
  right: 14px;
  top: 8px;
}
.brick-alert + .brick-alert {
  margin-top: 8px;
}

.brick-tabs,
.brick-tabs * {
  box-sizing: border-box;
}
.brick-tabs {
  position: relative;
}
.brick-tabs-container {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  color: rgb(51, 51, 51);
}
.brick-tabs-container::after {
  content: "";
  position: absolute;
  width: 100%;
  pointer-events: none;
  bottom: 0;
  border-bottom: 1px solid rgb(224.4, 224.4, 224.4);
}
.brick-tabs-wrap {
  position: relative;
  overflow: hidden;
  padding: 4px;
  margin: -4px;
}
.brick-tabs-wrap ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  transition: transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
}
.brick-tabs-tab {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 8px 16px;
  list-style: none;
  outline: none;
  text-align: center;
  vertical-align: top;
  border: 1px solid transparent;
}
.brick-tabs-tab-invisible {
  visibility: hidden;
}
.brick-tabs-tab:focus-visible {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-tabs-tab-active:not(.brick-tabs-tab-status-error) {
  color: #4c84ff;
}
.brick-tabs-tab-disabled {
  cursor: not-allowed;
  color: rgb(204, 204, 204);
}
.brick-tabs-tab-disabled:hover, .brick-tabs-tab-disabled:active {
  color: rgb(204, 204, 204);
}
.brick-tabs-tab-disabled.brick-tabs-tab-active, .brick-tabs-tab-disabled.brick-tabs-tab-active:hover, .brick-tabs-tab-disabled.brick-tabs-tab-active:active {
  cursor: not-allowed;
  color: rgb(183.6, 202.64, 255);
}
.brick-tabs-ellipsis {
  cursor: pointer;
  padding: 8px 8px;
}
.brick-tabs-ellipsis .brick-icon {
  font-size: 12px;
}
.brick-tabs-add {
  display: inline-block;
  padding-top: 11px;
  padding-left: 11px;
  padding-right: 11px;
  line-height: 1;
}

.brick-tabs-type-plain > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):hover {
  color: rgb(112.2, 155.04, 255);
}
.brick-tabs-type-plain > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):active {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-tabs-type-plain > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):not(:active):focus-visible {
  color: rgb(112.2, 155.04, 255);
}
.brick-tabs-type-plain > .brick-tabs-container .brick-tabs-tab-active {
  border-bottom: 2px solid #4c84ff;
  padding-bottom: 7px;
}
.brick-tabs-type-plain > .brick-tabs-container .brick-tabs-tab-active:focus-visible {
  border-bottom-width: 2px;
}

.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab,
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-ellipsis {
  border: 1px solid rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab {
  padding-top: 8px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab + .brick-tabs-tab {
  margin-left: -1px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab + .brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-active {
  position: relative;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab:focus-visible {
  background-color: rgb(244.8, 244.8, 244.8);
  border-color: #4c84ff;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab:active {
  background-color: rgb(237.15, 237.15, 237.15);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab:first-child {
  border-top-left-radius: 4px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab:last-child {
  border-top-right-radius: 4px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-deletable {
  padding-right: 0;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-active {
  border-top: 2px solid #4c84ff;
  padding-top: 7px;
  background-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-delete {
  margin-left: 4px;
  margin-right: -8px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-icon {
  color: inherit;
  margin-right: 4px;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled), .brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled).brick-tab-active {
  color: #e64552;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled):focus-visible, .brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled).brick-tab-active:focus-visible {
  border-color: #e64552;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled):focus-visible, .brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled).brick-tab-active:focus-visible {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-status-error:not(.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled) .brick-tabs-tab-status-icon {
  color: currentColor;
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-tab-disabled:hover {
  background-color: rgb(249.9, 249.9, 249.9);
}
.brick-tabs-type-card > .brick-tabs-container .brick-tabs-ellipsis {
  border-top-right-radius: 4px;
  text-align: center;
}
.brick-tabs-type-card > .brick-tabs-container.brick-tabs-with-ellipsis .brick-tabs-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 36px;
  pointer-events: none;
  left: 0;
  transform: translate(-100%);
  box-shadow: inset -12px 0px 12px -12px rgba(0, 0, 0, 0.2);
}
.brick-tabs-type-card > .brick-tabs-container.brick-tabs-with-ellipsis .brick-tabs-wrap::after {
  top: 4px;
  bottom: 4px;
  right: 0;
  left: unset;
  transform: unset;
}
.brick-tabs-type-card > .brick-tabs-container.brick-tabs-with-ellipsis .brick-tabs-tab:last-child {
  border-radius: 0;
}

.brick-tabs-type-tag > .brick-tabs-container .brick-tabs-tab {
  padding-top: 0;
  padding-bottom: 0;
}
.brick-tabs-type-tag > .brick-tabs-container .brick-tabs-tab-active {
  background-color: rgb(242.25, 245.225, 255);
}
.brick-tabs-type-tag > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):hover {
  color: rgb(112.2, 155.04, 255);
}
.brick-tabs-type-tag > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):active {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-tabs-type-tag > .brick-tabs-container .brick-tabs-tab:not(.brick-tabs-tab-disabled):not(:active):focus-visible {
  color: rgb(112.2, 155.04, 255);
}
.brick-tabs-type-tag > .brick-tabs-container::after,
.brick-tabs-type-button-group-intensive > .brick-tabs-container::after,
.brick-tabs-type-button-group-important > .brick-tabs-container::after {
  content: none;
}

.brick-tabs-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-tabs-size-sm .brick-tabs-tab {
  min-width: 80px;
  padding-left: 12px;
  padding-right: 12px;
}
.brick-tabs-size-sm.brick-tabs-type-card .brick-tabs-add {
  padding-top: 10px;
}
.brick-tabs-size-sm.brick-tabs-type-card .brick-tabs-ellipsis {
  padding: 8px 11px;
}
.brick-tabs-size-sm.brick-tabs-type-card .brick-tabs-tab-delete {
  margin-right: -4px;
}
.brick-tabs-size-sm.brick-tabs-type-tag .brick-tabs-wrap > ul {
  line-height: 28px;
}
.brick-tabs-size-sm.brick-tabs-type-tag .brick-tabs-tab {
  height: 28px;
  min-width: 72px;
  border-radius: 2px;
  font-size: 12px;
}
.brick-tabs-size-sm.brick-tabs-type-tag .brick-tabs-tab + .brick-tabs-tab {
  margin-left: 8px;
}

.brick-tabs-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-tabs-size-md .brick-tabs-tab {
  min-width: 88px;
  padding-left: 16px;
  padding-right: 16px;
}
.brick-tabs-size-md.brick-tabs-type-card .brick-tabs-add {
  padding-top: 11px;
}
.brick-tabs-size-md.brick-tabs-type-card .brick-tabs-ellipsis {
  padding: 8px 13px;
}
.brick-tabs-size-md.brick-tabs-type-card .brick-tabs-tab-delete {
  margin-right: -8px;
}
.brick-tabs-size-md.brick-tabs-type-tag .brick-tabs-wrap > ul {
  line-height: 32px;
}
.brick-tabs-size-md.brick-tabs-type-tag .brick-tabs-tab {
  height: 32px;
  min-width: 88px;
  border-radius: 4px;
  font-size: 14px;
}
.brick-tabs-size-md.brick-tabs-type-tag .brick-tabs-tab + .brick-tabs-tab {
  margin-left: 12px;
}

.brick-tabs-ellipsis-dropdown-popper .brick-menu-item-content-inner .brick-tabs-tab-delete {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.brick-tabs-ellipsis-dropdown-popper .brick-tabs-ellipsis-item-status-error.brick-menu-item:not(.brick-menu-item-selected, .brick-menu-item-disabled) > .brick-menu-item-content-in-cursor,
.brick-tabs-ellipsis-dropdown-popper .brick-tabs-ellipsis-item-status-error .brick-menu-item-content {
  color: #e64552;
}

.brick-tabs-tab-pane-inactive {
  display: none;
}

.brick-tabs {
  z-index: 0;
}
.brick-tabs-container::after {
  z-index: 0;
}
.brick-tabs-wrap {
  z-index: 1;
}
.brick-tabs-ellipsis {
  z-index: 2;
}
.brick-tabs-tab {
  z-index: 0;
}
.brick-tabs-tab-active {
  z-index: 1;
}
.brick-tabs-tab:focus-visible {
  z-index: 2;
}

.brick-switch,
.brick-switch * {
  box-sizing: border-box;
}
.brick-switch {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
  border: none;
  padding: 0;
  outline: none;
  transition: background-color 0.2s;
}
.brick-switch-inner {
  color: rgb(255, 255, 255);
  visibility: visible;
  text-align: center;
  white-space: nowrap;
}
.brick-switch-inner .brick-switch-label-icon {
  color: rgb(255, 255, 255);
}
.brick-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  display: inline-block;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  transition: all 0.2s;
}
.brick-switch-loading-wrap {
  position: absolute;
  top: 0;
}
.brick-switch-loading-wrap {
  width: 20px;
  height: 20px;
}
.brick-switch-loading-wrap .brick-switch-loading-div {
  height: 100%;
}
.brick-switch-loading-wrap .brick-switch-loading-icon {
  vertical-align: 0.15em;
}
.brick-switch:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-switch-disabled {
  cursor: not-allowed;
}
.brick-switch-disabled:focus-visible:not([tabindex^="-"]):not(:active) {
  border: none;
  box-shadow: none;
}
.brick-switch-checked {
  background-color: #4c84ff;
}
.brick-switch-checked:hover {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-switch-checked:focus {
  background-color: rgb(112.2, 155.04, 255);
}
.brick-switch-checked:active {
  background-color: rgb(54.1875, 108.375, 216.75);
}
.brick-switch-checked.brick-switch-disabled {
  background-color: rgb(219.3, 228.225, 255);
}
.brick-switch-checked.brick-switch-disabled:hover, .brick-switch-checked.brick-switch-disabled:focus, .brick-switch-checked.brick-switch-disabled:active {
  background-color: rgb(219.3, 228.225, 255);
}
.brick-switch-checked .brick-switch-loading-wrap {
  right: 0;
}
.brick-switch-checked .brick-switch-loading-wrap .brick-switch-loading-icon {
  color: rgb(54.1875, 108.375, 216.75);
}
.brick-switch-unchecked {
  background-color: rgb(204, 204, 204);
}
.brick-switch-unchecked:hover {
  background-color: rgb(153, 153, 153);
}
.brick-switch-unchecked:focus {
  background-color: rgb(153, 153, 153);
}
.brick-switch-unchecked:active {
  background-color: rgb(102, 102, 102);
}
.brick-switch-unchecked.brick-switch-disabled {
  background-color: rgb(224.4, 224.4, 224.4);
}
.brick-switch-unchecked.brick-switch-disabled:hover, .brick-switch-unchecked.brick-switch-disabled:focus, .brick-switch-unchecked.brick-switch-disabled:active {
  background-color: rgb(224.4, 224.4, 224.4);
}
.brick-switch-unchecked .brick-switch-loading-wrap {
  left: 0;
}
.brick-switch-unchecked .brick-switch-loading-wrap .brick-switch-loading-icon {
  color: rgb(153, 153, 153);
}
.brick-switch-size-xs {
  height: 12px;
  min-width: 24px;
  border-radius: 6px;
}
.brick-switch-size-xs .brick-switch-inner {
  line-height: 12px;
}
.brick-switch-size-xs.brick-switch-checked .brick-switch-inner {
  padding-left: 8px;
  padding-right: 14px;
}
.brick-switch-size-xs.brick-switch-checked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-xs.brick-switch-checked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-xs.brick-switch-checked::after {
  right: 2px;
  margin-right: 0;
}
.brick-switch-size-xs.brick-switch-unchecked .brick-switch-inner {
  padding-left: 14px;
  padding-right: 8px;
}
.brick-switch-size-xs.brick-switch-unchecked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-xs.brick-switch-unchecked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-xs.brick-switch-unchecked::after {
  right: 100%;
  margin-right: -10px;
}
.brick-switch-size-xs::after {
  width: 8px;
  height: 8px;
}
.brick-switch-size-xs .brick-switch-loading-wrap {
  width: 12px;
  height: 12px;
}
.brick-switch-size-xs .brick-switch-loading-wrap .brick-switch-loading-div {
  font-size: 12px;
  transform: scale(0.5);
}
.brick-switch-size-xs .brick-switch-loading-wrap .brick-switch-loading-div {
  padding: 0px;
}
.brick-switch-size-sm {
  height: 16px;
  min-width: 32px;
  border-radius: 8px;
}
.brick-switch-size-sm .brick-switch-inner {
  line-height: 16px;
}
.brick-switch-size-sm.brick-switch-checked .brick-switch-inner {
  padding-left: 8px;
  padding-right: 18px;
}
.brick-switch-size-sm.brick-switch-checked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-sm.brick-switch-checked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-sm.brick-switch-checked::after {
  right: 2px;
  margin-right: 0;
}
.brick-switch-size-sm.brick-switch-unchecked .brick-switch-inner {
  padding-left: 18px;
  padding-right: 8px;
}
.brick-switch-size-sm.brick-switch-unchecked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-sm.brick-switch-unchecked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-sm.brick-switch-unchecked::after {
  right: 100%;
  margin-right: -14px;
}
.brick-switch-size-sm::after {
  width: 12px;
  height: 12px;
}
.brick-switch-size-sm .brick-switch-loading-wrap {
  width: 16px;
  height: 16px;
}
.brick-switch-size-sm .brick-switch-loading-wrap .brick-switch-loading-div {
  font-size: 12px;
  transform: scale(0.8333333333);
}
.brick-switch-size-sm .brick-switch-loading-wrap .brick-switch-loading-div {
  padding: 1.6666666667px;
}
.brick-switch-size-md {
  height: 20px;
  min-width: 40px;
  border-radius: 10px;
}
.brick-switch-size-md .brick-switch-inner {
  line-height: 20px;
  font-size: 12px;
}
.brick-switch-size-md .brick-switch-inner .brick-icon {
  font-size: 12px;
  transform: scale(0.8333333333);
}
.brick-switch-size-md.brick-switch-checked .brick-switch-inner {
  padding-left: 8px;
  padding-right: 22px;
}
.brick-switch-size-md.brick-switch-checked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-md.brick-switch-checked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-md.brick-switch-checked::after {
  right: 2px;
  margin-right: 0;
}
.brick-switch-size-md.brick-switch-unchecked .brick-switch-inner {
  padding-left: 22px;
  padding-right: 8px;
}
.brick-switch-size-md.brick-switch-unchecked .brick-switch-inner-hidden {
  visibility: hidden;
  line-height: 0;
}
.brick-switch-size-md.brick-switch-unchecked .brick-switch-inner-hidden .brick-switch-label-icon {
  display: none;
}
.brick-switch-size-md.brick-switch-unchecked::after {
  right: 100%;
  margin-right: -18px;
}
.brick-switch-size-md::after {
  width: 16px;
  height: 16px;
}
.brick-switch-size-md .brick-switch-loading-wrap {
  width: 20px;
  height: 20px;
}
.brick-switch-size-md .brick-switch-loading-wrap .brick-switch-loading-div {
  font-size: 14px;
}
.brick-switch-size-md .brick-switch-loading-wrap .brick-switch-loading-div {
  padding: 3px;
}

.brick-switch {
  z-index: 0;
}
.brick-switch-loading-wrap {
  z-index: 1;
}

.inside-range {
  background-color: #DBE4FF;
}

.brick-content-item span {
  display: inline-block;
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
  color: rgb(51, 51, 51);
  border-radius: 4px;
}

.brick-content-item:hover {
  cursor: pointer;
}

.brick-content-item[data-action-status=hover] span {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-content-item[data-action-status=active] span {
  background-color: rgb(237.15, 237.15, 237.15);
}

.brick-content-item[data-range-type=start], .brick-content-item[data-range-type=end] {
  position: relative;
}

.brick-content-item[data-range-type=start]:after, .brick-content-item[data-range-type=end]:after {
  content: " ";
  display: inline-block;
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 100%;
  left: 50%;
  background-color: #DBE4FF;
}

.brick-content-item[data-range-type=end]:after {
  left: 0;
}

.brick-content-item[data-selected=true] span, .brick-content-item[data-range-type=start] span, .brick-content-item[data-range-type=end] span, .brick-content-item[data-range-type=single] span {
  background-color: #4c84ff;
  color: rgb(255, 255, 255);
}

.brick-content-item[data-selected=true][data-action-status=hover] span, .brick-content-item[data-range-type=start][data-action-status=hover] span, .brick-content-item[data-range-type=end][data-action-status=hover] span, .brick-content-item[data-range-type=single][data-action-status=hover] span {
  background-color: rgb(112.2, 155.04, 255);
}

.brick-content-item[data-selected=true][data-action-status=active] span, .brick-content-item[data-range-type=start][data-action-status=active] span, .brick-content-item[data-range-type=end][data-action-status=active] span, .brick-content-item[data-range-type=single][data-action-status=active] span {
  background-color: rgb(54.1875, 108.375, 216.75);
}

.brick-content-item[data-selected=true][data-disabled=true] span, .brick-content-item[data-range-type=start][data-disabled=true] span, .brick-content-item[data-range-type=end][data-disabled=true] span, .brick-content-item[data-range-type=single][data-disabled=true] span {
  cursor: not-allowed;
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
}

.brick-content-item[data-disabled=true] span {
  cursor: not-allowed;
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
}

.brick-content-item[data-disabled=true][data-selected=true] span, .brick-content-item[data-disabled=true][data-range-type=start] span, .brick-content-item[data-disabled=true][data-range-type=end] span, .brick-content-item[data-disabled=true][data-range-type=single] span {
  background-color: #4c84ff;
}

.brick-content-item[data-range-type=start] span {
  border-radius: 4px 0 0 4px;
}

.brick-content-item[data-range-type=end] span {
  border-radius: 0 4px 4px 0;
}

.brick-content-item[data-range-type=inside] span {
  background-color: #DBE4FF;
  border-radius: 0;
}

.brick-content-item[data-range-type=inside][data-action-status=hover] span {
  color: #4c84ff;
}

.brick-content-item[data-outside=true] span {
  background-color: transparent;
  color: rgb(153, 153, 153);
}

.brick-content-item[data-outside=true][data-range-type] span {
  background-color: transparent;
}

.brick-content-item[data-outside=true][data-range-type]:after {
  background-color: transparent;
}

.brick-content-item[data-today=true] {
  position: relative;
}

.brick-content-item[data-today=true] span {
  color: #4c84ff;
}

.brick-content-item[data-today=true] span:after {
  display: block;
  text-align: center;
  position: absolute;
  content: " ";
  border-radius: 100%;
  background-color: #4c84ff;
  width: 4px;
  height: 4px;
  left: calc(50% - 2px);
  margin-top: -8px;
}

.brick-content-item[data-today=true][data-selected=true] span, .brick-content-item[data-today=true][data-range-type=start] span, .brick-content-item[data-today=true][data-range-type=end] span, .brick-content-item[data-today=true][data-range-type=single] span {
  color: rgb(255, 255, 255);
}

.brick-content-item[data-today=true][data-selected=true] span:after, .brick-content-item[data-today=true][data-range-type=start] span:after, .brick-content-item[data-today=true][data-range-type=end] span:after, .brick-content-item[data-today=true][data-range-type=single] span:after {
  background-color: rgb(255, 255, 255);
}

.brick-content-item[data-today=true][data-selected=true][data-disabled=true] span:after, .brick-content-item[data-today=true][data-range-type=start][data-disabled=true] span:after, .brick-content-item[data-today=true][data-range-type=end][data-disabled=true] span:after, .brick-content-item[data-today=true][data-range-type=single][data-disabled=true] span:after {
  background-color: rgb(204, 204, 204);
}

.brick-content-item[data-today=true][data-range-type=inside] span:after {
  background-color: #4c84ff;
}

.brick-content-item[data-today=true][data-disabled=true] span {
  color: rgb(204, 204, 204);
}

.brick-content-item[data-today=true][data-disabled=true] span:after {
  background-color: rgb(153, 153, 153);
}

.brick-content-item[data-today=true][data-outside=true] span {
  color: rgb(153, 153, 153);
}

.brick-content-item[data-today=true][data-outside=true] span:after {
  background-color: rgb(153, 153, 153);
}

.brick-date-picker,
.brick-date-picker * {
  box-sizing: border-box;
}

.brick-date-picker {
  width: 100%;
  display: inline-block;
}

.brick-date-picker-panel-wrapper {
  position: relative;
  user-select: none;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: inline-block;
}

.brick-date-picker-range-wrapper {
  display: inline-block;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  white-space: nowrap;
}

.brick-date-picker-range-wrapper .brick-date-picker-panel-wrapper {
  box-shadow: none;
  border-radius: unset;
  vertical-align: top;
}

.brick-date-picker-range-wrapper .brick-date-picker-panel-wrapper + .brick-date-picker-panel-wrapper {
  margin-left: 0;
  border-left: 1px #eee solid;
}

.brick-date-picker-item-layout-wrapper {
  font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei, Arial, SimSun, sans-serif;
  color: rgb(51, 51, 51);
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 4px;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 32px;
  line-height: 32px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap {
  width: 8px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title {
  height: 22px;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title .item-gap {
  height: 22px;
  line-height: 22px;
  vertical-align: top;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 24px;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 56px;
  line-height: 32px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap {
  width: 16px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title {
  height: 22px;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title .item-gap {
  height: 22px;
  line-height: 22px;
  vertical-align: top;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 24px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 56px;
  line-height: 32px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  width: 48px;
  height: 32px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title {
  height: 22px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  height: 22px;
  line-height: 22px;
  vertical-align: top;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 4px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 28px;
  line-height: 28px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap {
  width: 8px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title {
  height: 20px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title .item-gap {
  height: 20px;
  line-height: 20px;
  vertical-align: top;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 24px;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 44px;
  line-height: 28px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap {
  width: 20px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title {
  height: 20px;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title .item-gap {
  height: 20px;
  line-height: 20px;
  vertical-align: top;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title {
  white-space: nowrap;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row + .brick-date-picker-content-row,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 24px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-cell,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell {
  text-align: center;
  width: 44px;
  line-height: 28px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  display: inline-block;
  vertical-align: middle;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-row .item-gap,
.brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  width: 48px;
  height: 28px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title {
  height: 20px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-cell, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title .item-gap {
  height: 20px;
  line-height: 20px;
  vertical-align: top;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-title + .brick-date-picker-content-row {
  margin-top: 12px;
}

[data-content-type=date] .brick-date-picker-content-wrapper {
  padding: 8px 16px 16px;
}

[data-content-type=month] .brick-date-picker-content-wrapper, [data-content-type=quarter] .brick-date-picker-content-wrapper {
  padding: 0;
  white-space: nowrap;
}

[data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-aside, [data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-aside, [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  display: inline-block;
  vertical-align: top;
}

[data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-aside, [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-aside {
  padding: 4px 0;
  border-right: 1px #eee solid;
}

[data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 24px 12px 42px;
}

[data-content-type=month] .brick-title-text, [data-content-type=quarter] .brick-title-text {
  margin-left: 10px;
  margin-right: 6px;
}

.brick-calender-icon {
  cursor: pointer;
}

.brick-input-disabled .brick-calender-icon {
  cursor: not-allowed;
}

.brick-date-picker-popper-size-sm, .brick-range-picker-popper-size-sm {
  font-size: 12px;
  line-height: 28px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-sm .brick-date-picker-panel-wrapper {
  width: 276px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title-wrapper, .brick-range-picker-popper-size-sm .brick-date-picker-title-wrapper {
  border-bottom: 1px #eee solid;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-title, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-title {
  width: 276px;
  position: relative;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title, .brick-range-picker-popper-size-sm .brick-date-picker-title {
  text-align: center;
  line-height: 36px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-icon, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-icon {
  color: rgb(153, 153, 153);
  cursor: pointer;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-nav-back, .brick-date-picker-popper-size-sm .brick-date-picker-title .brick-nav-forward, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-nav-back, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-nav-forward {
  position: absolute;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-nav-back, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-nav-back {
  left: 16px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-nav-forward, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-nav-forward {
  right: 16px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-icon svg, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-icon svg {
  width: 12px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-nav-icon + .brick-nav-icon, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-nav-icon + .brick-nav-icon {
  margin-left: 12px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-panel-title, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-panel-title {
  display: inline-block;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-panel-title.brick-has-zooming, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-panel-title.brick-has-zooming {
  cursor: pointer;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-title-text, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-title-text {
  font-weight: 400;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-zooming, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-zooming {
  margin-left: 8px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-icon, .brick-range-picker-popper-size-sm .brick-date-picker-title .brick-panel-title .brick-icon {
  position: absolute;
  line-height: 39px;
}

.brick-date-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-wrapper, .brick-range-picker-popper-size-sm [data-content-type=date] .brick-date-picker-content-wrapper {
  /*
    @note: 本次 date & time 追加, 为了让 side content 并行显示 `flex row 模式`

    - 需要跟踪是否有其他问题 #220805:liang
   */
  display: flex;
}

.brick-date-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-sm [data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 22px 12px 38px;
}

.brick-date-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-sm [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 30px 76px 30px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-aside, .brick-range-picker-popper-size-sm .brick-date-picker-aside {
  width: 80px;
  height: 244px;
  overflow: hidden;
}

.brick-date-picker-popper-size-sm .brick-date-picker-aside[data-hover-status=hover], .brick-range-picker-popper-size-sm .brick-date-picker-aside[data-hover-status=hover] {
  overflow: auto;
}

.brick-date-picker-popper-size-sm .brick-date-picker-aside .brick-aside-item, .brick-range-picker-popper-size-sm .brick-date-picker-aside .brick-aside-item {
  color: rgb(51, 51, 51);
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.brick-date-picker-popper-size-sm .brick-date-picker-aside [data-state=selected], .brick-range-picker-popper-size-sm .brick-date-picker-aside [data-state=selected] {
  color: #4c84ff;
  background-color: rgb(242.25, 245.225, 255);
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper {
  width: auto;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-content-wrapper, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-content-wrapper {
  width: auto;
  padding: 0;
  align-items: flex-start;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 8px 8px 16px 16px;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-panel-side-content-wrapper, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-panel-side-content-wrapper {
  margin-left: 8px;
  align-self: flex-start;
  height: 248px;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper {
  display: flex;
  height: 248px;
  overflow: hidden;
}

.brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper .brick-time-picker-aside, .brick-date-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper.with-second .brick-time-picker-aside, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper .brick-time-picker-aside, .brick-range-picker-popper-size-sm.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper.with-second .brick-time-picker-aside {
  flex: 0 0 80px;
  width: 80px;
  height: 248px;
  overflow-y: auto;
  padding: 4px 0 220px;
}

.brick-date-picker-popper-size-md, .brick-range-picker-popper-size-md {
  font-size: 14px;
  line-height: 32px;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-md .brick-date-picker-panel-wrapper {
  width: 304px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title-wrapper, .brick-range-picker-popper-size-md .brick-date-picker-title-wrapper {
  border-bottom: 1px #eee solid;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-title, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-title {
  width: 304px;
  position: relative;
}

.brick-date-picker-popper-size-md .brick-date-picker-title, .brick-range-picker-popper-size-md .brick-date-picker-title {
  text-align: center;
  line-height: 38px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-icon, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-icon {
  color: rgb(153, 153, 153);
  cursor: pointer;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-nav-back, .brick-date-picker-popper-size-md .brick-date-picker-title .brick-nav-forward, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-nav-back, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-nav-forward {
  position: absolute;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-nav-back, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-nav-back {
  left: 16px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-nav-forward, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-nav-forward {
  right: 16px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-icon svg, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-icon svg {
  width: 14px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-nav-icon + .brick-nav-icon, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-nav-icon + .brick-nav-icon {
  margin-left: 12px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-panel-title, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-panel-title {
  display: inline-block;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-panel-title.brick-has-zooming, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-panel-title.brick-has-zooming {
  cursor: pointer;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-title-text, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-title-text {
  font-weight: 400;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-zooming, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-zooming {
  margin-left: 8px;
}

.brick-date-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-icon, .brick-range-picker-popper-size-md .brick-date-picker-title .brick-panel-title .brick-icon {
  position: absolute;
  line-height: 42px;
}

.brick-date-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-wrapper, .brick-range-picker-popper-size-md [data-content-type=date] .brick-date-picker-content-wrapper {
  /*
    @note: 本次 date & time 追加, 为了让 side content 并行显示 `flex row 模式`

    - 需要跟踪是否有其他问题 #220805:liang
   */
  display: flex;
}

.brick-date-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-md [data-content-type=month] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 32px 12px 38px;
}

.brick-date-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-md [data-content-type=quarter] .brick-date-picker-content-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 32px 84px 32px;
}

.brick-date-picker-popper-size-md .brick-date-picker-aside, .brick-range-picker-popper-size-md .brick-date-picker-aside {
  width: 80px;
  height: 270px;
  overflow: hidden;
}

.brick-date-picker-popper-size-md .brick-date-picker-aside[data-hover-status=hover], .brick-range-picker-popper-size-md .brick-date-picker-aside[data-hover-status=hover] {
  overflow: auto;
}

.brick-date-picker-popper-size-md .brick-date-picker-aside .brick-aside-item, .brick-range-picker-popper-size-md .brick-date-picker-aside .brick-aside-item {
  color: rgb(51, 51, 51);
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.brick-date-picker-popper-size-md .brick-date-picker-aside [data-state=selected], .brick-range-picker-popper-size-md .brick-date-picker-aside [data-state=selected] {
  color: #4c84ff;
  background-color: rgb(242.25, 245.225, 255);
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper {
  width: auto;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-content-wrapper, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-content-wrapper {
  width: auto;
  padding: 0;
  align-items: flex-start;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-item-layout-wrapper, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-item-layout-wrapper {
  padding: 8px 8px 16px 16px;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-panel-side-content-wrapper, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-date-picker-panel-side-content-wrapper {
  margin-left: 8px;
  align-self: flex-start;
  height: 274px;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper {
  display: flex;
  height: 274px;
  overflow: hidden;
}

.brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper .brick-time-picker-aside, .brick-date-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper.with-second .brick-time-picker-aside, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper .brick-time-picker-aside, .brick-range-picker-popper-size-md.brick-date-picker-popper-show-time .brick-date-picker-panel-wrapper .brick-time-picker-panel-wrapper.with-second .brick-time-picker-aside {
  flex: 0 0 80px;
  width: 80px;
  height: 274px;
  overflow-y: auto;
  padding: 4px 0 242px;
}

.brick-date-picker-panel-with-footer .brick-date-picker-panel-wrapper {
  box-shadow: none;
}

.brick-date-picker-panel-footer {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  border-top: 1px #eee solid;
  background: rgb(249.9, 249.9, 249.9);
}

.brick-date-picker-panel-footer .right-section {
  margin-left: auto;
}

.brick-multi-date-picker .brick-multi-date-picker-input-content {
  margin-left: 12px;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brick-multi-date-picker .brick-multi-date-picker-placeholder {
  color: rgb(153, 153, 153);
}

.brick-multi-date-picker .brick-multi-date-picker-date-count {
  color: rgb(153, 153, 153);
  margin-left: 4px;
}

.brick-multi-date-picker .brick-multi-date-picker-closeable-icon {
  cursor: pointer;
}

.brick-multi-date-picker .brick-multi-date-picker-close-icon {
  display: none;
}

.brick-multi-date-picker:hover .brick-multi-date-picker-calendar-icon {
  display: none;
}

.brick-multi-date-picker:hover .brick-multi-date-picker-close-icon {
  display: inline-block;
}

.brick-multi-date-picker-selected-popper .brick-popper-inner {
  padding: 12px;
  max-height: 240px;
  overflow: auto;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-clear-all {
  cursor: pointer;
  text-align: right;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-clear-all:hover {
  color: #4c84ff;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item {
  display: flex;
  align-items: center;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item.brick-multi-date-picker-selected-popper-clear-all {
  margin-bottom: 8px;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item ~ .brick-multi-date-picker-selected-popper-item {
  margin-top: 4px;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item span {
  flex: 1;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item .brick-icon {
  margin-left: 4px;
  color: rgb(102, 102, 102);
  cursor: pointer;
  opacity: 0.2;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item:hover .brick-icon {
  opacity: 1;
}

.brick-multi-date-picker-selected-popper .brick-multi-date-picker-selected-popper-item:hover .brick-icon:hover {
  color: #4c84ff;
}

.brick-range-picker {
  width: 100%;
  display: inline-block;
}

.brick-range-picker input {
  border: 0;
  width: calc(50% - 7px);
}

.brick-range-picker input:focus {
  box-shadow: none;
}

.brick-range-picker .brick-input-status-error input:focus, .brick-range-picker .brick-input-status-error.brick-input-hover input:focus {
  box-shadow: none;
}

.brick-range-picker .brick-sep {
  display: inline-block;
  user-select: none;
  color: rgb(153, 153, 153);
  width: 14px;
  text-align: center;
}

.brick-range-picker .brick-input-disabled .brick-sep {
  color: rgb(204, 204, 204);
}

.brick-range-picker-size-sm input {
  width: calc(50% - 6px);
}

.brick-range-picker-size-sm .brick-sep {
  width: 12px;
}

.brick-range-picker-size-md input {
  width: calc(50% - 7px);
}

.brick-range-picker-size-md .brick-sep {
  width: 14px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions {
  display: flex;
  line-height: 28px;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper {
  display: inline-block;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper {
  box-shadow: none;
  border-left: 1px #eee solid;
  border-radius: 0;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions {
  vertical-align: top;
  height: 281px;
  overflow: auto;
}

.brick-date-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions > .brick-quick-action, .brick-range-picker-popper-size-sm .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions > .brick-quick-action {
  margin: 10px 12px;
  display: block;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions {
  display: flex;
  line-height: 32px;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper {
  display: inline-block;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-panel-wrapper {
  box-shadow: none;
  border-left: 1px #eee solid;
  border-radius: 0;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions {
  vertical-align: top;
  height: 310px;
  overflow: auto;
}

.brick-date-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions > .brick-quick-action, .brick-range-picker-popper-size-md .brick-date-picker-panel-with-quick-actions .brick-date-picker-quick-actions > .brick-quick-action {
  margin: 10px 12px;
  display: block;
}

.brick-file-list,
.brick-file-list * {
  box-sizing: border-box;
}
.brick-file-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brick-file-list-layout-vertical .brick-file-item {
  display: block;
}
.brick-file-list-layout-horizontal .brick-file-item {
  display: inline-block;
  margin-right: 12px;
}

.brick-file-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-file-item {
  position: relative;
  max-width: 360px;
  margin-top: 12px;
  padding: 0 4px;
}
.brick-file-item-prefix {
  position: absolute;
  left: 4px;
}
.brick-file-item-prefix .brick-file-item-loading-icon {
  color: #4c84ff;
}
.brick-file-item-label {
  color: rgb(102, 102, 102);
}
.brick-file-item-has-error,
.brick-file-item-has-error .brick-file-item-error-icon,
.brick-file-item-has-error .brick-file-item-label {
  color: #e64552;
}
.brick-file-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 4px;
  display: none;
}
.brick-file-item-actions > .brick-button-icon-only + .brick-button-icon-only,
.brick-file-item-actions > .brick-button-icon-only + .brick-download-button,
.brick-file-item-actions > .brick-download-button + .brick-button-icon-only {
  margin-left: 4px;
}
.brick-file-item-actions .brick-button:focus {
  border: none;
  box-shadow: none;
}
.brick-file-item:hover .brick-file-item-actions, .brick-file-item-has-error .brick-file-item-actions {
  display: inline-block;
}
.brick-file-item:hover .brick-file-item-actions {
  padding-left: 32px;
  background: linear-gradient(to right, transparent, rgb(244.8, 244.8, 244.8) 32px);
}
.brick-file-item:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-file-list-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.brick-file-list-size-xs .brick-file-item {
  padding-left: 20px;
}
.brick-file-list-size-xs .brick-file-item-type-icon {
  font-size: 14px;
}
.brick-file-list-size-xs .brick-file-item-type-icon {
  margin-left: -1px;
  margin-top: 2px;
}

.brick-file-list-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.brick-file-list-size-sm .brick-file-item {
  padding-left: 20px;
}
.brick-file-list-size-sm .brick-file-item-type-icon {
  font-size: 14px;
}
.brick-file-list-size-sm .brick-file-item-type-icon {
  margin-left: -1px;
  margin-top: 2px;
}

.brick-file-list-size-md {
  font-size: 14px;
  line-height: 22px;
}
.brick-file-list-size-md .brick-file-item {
  padding-left: 22px;
}
.brick-file-list-size-md .brick-file-item-type-icon {
  font-size: 16px;
}
.brick-file-list-size-md .brick-file-item-type-icon {
  margin-left: -1px;
  margin-top: 2px;
}

.brick-file-list-size-lg {
  font-size: 16px;
  line-height: 24px;
}
.brick-file-list-size-lg .brick-file-item {
  padding-left: 24px;
}
.brick-file-list-size-lg .brick-file-item-type-icon {
  font-size: 18px;
}
.brick-file-list-size-lg .brick-file-item-type-icon {
  margin-left: -1px;
  margin-top: 2px;
}

.brick-download,
.brick-download * {
  box-sizing: border-box;
}
.brick-download-button {
  display: inline-block;
}

.brick-download-button + .brick-download-button, .brick-download-button + .brick-button, .brick-button + .brick-download-button {
  margin-left: 16px;
}
.brick-download-button-size-xs + .brick-download-button-size-xs, .brick-download-button-size-xs + .brick-button-size-xs, .brick-button-size-xs + .brick-download-button-size-xs {
  margin-left: 8px;
}
.brick-download-button-size-sm + .brick-download-button-size-sm, .brick-download-button-size-sm + .brick-button-size-sm, .brick-button-size-sm + .brick-download-button-size-sm {
  margin-left: 12px;
}
.brick-download-button-size-md + .brick-download-button-size-md, .brick-download-button-size-md + .brick-button-size-md, .brick-button-size-md + .brick-download-button-size-md {
  margin-left: 16px;
}
.brick-download-button-size-lg + .brick-download-button-size-lg, .brick-download-button-size-lg + .brick-button-size-lg, .brick-button-size-lg + .brick-download-button-size-lg {
  margin-left: 20px;
}
.brick-download-button-size-xl + .brick-download-button-size-xl, .brick-download-button-size-xl + .brick-button-size-xl, .brick-button-size-xl + .brick-download-button-size-xl {
  margin-left: 24px;
}

.brick-grouped-buttons .brick-download-button + .brick-grouped-buttons .brick-download-button, .brick-grouped-buttons .brick-download-button + .brick-button, .brick-button + .brick-grouped-buttons .brick-download-button {
  margin-left: 8px;
}

.brick-suggest,
.brick-suggest * {
  box-sizing: border-box;
}
.brick-suggest {
  position: relative;
}
.brick-suggest-disabled .brick-suggest-suffix-icon {
  color: rgb(204, 204, 204);
}
.brick-suggest-size-xs .brick-suggest-suffix-icon {
  font-size: 12px;
}
.brick-suggest-size-xs .brick-suggest-suffix-icon-caret {
  font-size: 8px;
}
.brick-suggest-size-sm .brick-suggest-suffix-icon {
  font-size: 12px;
}
.brick-suggest-size-sm .brick-suggest-suffix-icon-caret {
  font-size: 8px;
}
.brick-suggest-size-md .brick-suggest-suffix-icon {
  font-size: 14px;
}
.brick-suggest-size-md .brick-suggest-suffix-icon-caret {
  font-size: 10px;
}
.brick-suggest-size-lg .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-suggest-size-lg .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}
.brick-suggest-size-xl .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-suggest-size-xl .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}

.brick-multi-suggest-selection {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
.brick-multi-suggest-selection:hover {
  border-color: rgb(153, 153, 153);
}
.brick-multi-suggest-selection::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
.brick-multi-suggest-selection:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
.brick-multi-suggest-selection:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-multi-suggest-selection {
  font-size: 14px;
  line-height: 22px;
}
.brick-multi-suggest-selection {
  padding: 4px 32px 4px 12px;
  min-height: 32px;
  border-radius: 4px;
}
.brick-multi-suggest-selection .brick-suggest-suffix-icon {
  font-size: 14px;
}
.brick-multi-suggest-selection .brick-suggest-suffix-icon-caret {
  font-size: 10px;
}
.brick-multi-suggest-selection {
  position: absolute;
  white-space: normal;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  z-index: 1030;
}
.brick-multi-suggest-selection, .brick-multi-suggest-selection:hover {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-multi-suggest-selected-list {
  max-height: 256px;
  overflow: auto;
}
.brick-multi-suggest-static-selection {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}
.brick-multi-suggest-static-selection:hover {
  border-color: rgb(153, 153, 153);
}
.brick-multi-suggest-static-selection::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}
.brick-multi-suggest-static-selection:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}
.brick-multi-suggest-static-selection:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-multi-suggest-static-selection {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}
.brick-multi-suggest-static-selection:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-multi-suggest-static-selection[readonly], .brick-multi-suggest-static-selection[readonly]:hover, .brick-multi-suggest-static-selection[disabled], .brick-multi-suggest-static-selection[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
.brick-multi-suggest-static-selection[readonly]::placeholder, .brick-multi-suggest-static-selection[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
.brick-multi-suggest-static-selection[readonly] {
  cursor: default;
}
.brick-multi-suggest-static-selection {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-multi-suggest-static-selection {
  padding-right: 32px;
  cursor: pointer;
}
.brick-multi-suggest-static-selection-placeholder {
  color: rgb(153, 153, 153);
}
.brick-multi-suggest-disabled .brick-multi-suggest-static-selection, .brick-multi-suggest-disabled .brick-multi-suggest-static-selection:hover, .brick-multi-suggest-disabled .brick-multi-suggest-static-selection:hover, .brick-multi-suggest-disabled .brick-multi-suggest-static-selection:hover:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}
.brick-multi-suggest-disabled .brick-multi-suggest-static-selection::placeholder, .brick-multi-suggest-disabled .brick-multi-suggest-static-selection:hover::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}
.brick-multi-suggest-disabled .brick-multi-suggest-static-selection-placeholder {
  color: rgb(204, 204, 204);
}
.brick-multi-suggest-disabled .brick-multi-suggest-suffix {
  cursor: not-allowed;
}
.brick-multi-suggest-disabled .brick-multi-suggest-suffix-arrow {
  color: rgb(204, 204, 204);
}
.brick-multi-suggest-is-selection-visible .brick-multi-suggest-static-selection {
  visibility: hidden;
}
.brick-multi-suggest-is-selection-visible .brick-multi-suggest-selection {
  display: inline-block;
}
.brick-multi-suggest-selected-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brick-multi-suggest-selected-list {
  margin: -3px -2px;
}
.brick-multi-suggest-selected-list li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-multi-suggest-selected-list li {
  display: inline-block;
  margin: 2px;
  max-width: 100%;
  vertical-align: top;
  font-size: 12px;
}
.brick-multi-suggest-selected-item {
  position: relative;
  padding-left: 8px;
  padding-right: 28px;
  background-color: rgb(244.8, 244.8, 244.8);
  border-radius: 2px;
}
.brick-multi-suggest-selected-item-disabled {
  padding-right: 8px;
}
.brick-multi-suggest-selected-item-remove-btn {
  position: absolute;
  display: inline-block;
  right: 8px;
  cursor: pointer;
}
.brick-multi-suggest-selected-item-remove-btn .brick-icon {
  font-size: 12px;
}
.brick-multi-suggest-suffix {
  display: inline-block;
  position: absolute;
  right: 13px;
  cursor: pointer;
}
.brick-multi-suggest-suffix-selected-stats {
  margin-right: 8px;
  color: rgb(153, 153, 153);
}
.brick-multi-suggest-suffix-arrow {
  vertical-align: baseline;
}
.brick-multi-suggest-suffix ::after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: -4px;
  bottom: -4px;
}
.brick-multi-suggest-selection .brick-multi-suggest-suffix {
  right: 12px;
}
.brick-multi-suggest-clear-button {
  display: none;
}
.brick-multi-suggest-with-clear .brick-multi-suggest-static-selection:hover .brick-multi-suggest-suffix > *:not(.brick-multi-suggest-clear-button),
.brick-multi-suggest-with-clear .brick-multi-suggest-selection:hover .brick-multi-suggest-suffix > *:not(.brick-multi-suggest-clear-button) {
  display: none;
}
.brick-multi-suggest-with-clear .brick-multi-suggest-static-selection:hover .brick-multi-suggest-clear-button,
.brick-multi-suggest-with-clear .brick-multi-suggest-selection:hover .brick-multi-suggest-clear-button {
  display: inline-block;
}
.brick-multi-suggest-selection-input {
  padding: 0;
  max-width: 100%;
  width: 0.75em;
  vertical-align: bottom;
}
.brick-multi-suggest-selected-input-item:not(:first-child) .brick-multi-suggest-selection-input {
  margin-left: 2px;
  max-width: calc(100% - 2px);
}
.brick-multi-suggest-selection-input, .brick-multi-suggest-selection-input:focus {
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.brick-multi-suggest-selection-input-shadow {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre;
  pointer-events: none;
}
.brick-multi-suggest-status-error:not(.brick-multi-suggest-disabled) .brick-multi-suggest-selection,
.brick-multi-suggest-status-error:not(.brick-multi-suggest-disabled) .brick-multi-suggest-static-selection, .brick-multi-suggest-status-error:not(.brick-multi-suggest-disabled):hover .brick-multi-suggest-selection,
.brick-multi-suggest-status-error:not(.brick-multi-suggest-disabled):hover .brick-multi-suggest-static-selection {
  border-color: #e64552;
}
.brick-multi-suggest-status-error:not(.brick-multi-suggest-disabled) .brick-multi-suggest-selection {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-static-selection {
  font-size: 12px;
  line-height: 18px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-static-selection {
  padding: 4px 32px 4px 12px;
  min-height: 28px;
  border-radius: 2px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-static-selection .brick-suggest-suffix-icon {
  font-size: 12px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-static-selection .brick-suggest-suffix-icon-caret {
  font-size: 8px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-static-selection {
  height: 28px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection {
  font-size: 12px;
  line-height: 18px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection {
  padding: 4px 32px 4px 12px;
  min-height: 28px;
  border-radius: 2px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection .brick-suggest-suffix-icon {
  font-size: 12px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection .brick-suggest-suffix-icon-caret {
  font-size: 8px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection .brick-multi-suggest-suffix {
  bottom: 4px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selected-list {
  margin: -3px -2px;
  max-height: 224px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selected-item {
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px;
}
.brick-multi-suggest-size-sm .brick-multi-suggest-selection-input,
.brick-multi-suggest-size-sm .brick-multi-suggest-selection-input-shadow {
  font-size: 12px;
  line-height: 20px;
}
.brick-multi-suggest-size-sm.brick-multi-suggest-with-stats .brick-multi-suggest-selection,
.brick-multi-suggest-size-sm.brick-multi-suggest-with-stats .brick-multi-suggest-static-selection {
  padding-right: 50px;
}
.brick-multi-suggest-size-sm.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-selection,
.brick-multi-suggest-size-sm.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-static-selection {
  padding-right: 68px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-static-selection {
  font-size: 14px;
  line-height: 22px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-static-selection {
  padding: 4px 32px 4px 12px;
  min-height: 32px;
  border-radius: 4px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-static-selection .brick-suggest-suffix-icon {
  font-size: 14px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-static-selection .brick-suggest-suffix-icon-caret {
  font-size: 10px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-static-selection {
  height: 32px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection {
  font-size: 14px;
  line-height: 22px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection {
  padding: 4px 32px 4px 12px;
  min-height: 32px;
  border-radius: 4px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection .brick-suggest-suffix-icon {
  font-size: 14px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection .brick-suggest-suffix-icon-caret {
  font-size: 10px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection .brick-multi-suggest-suffix {
  bottom: 4px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selected-list {
  margin: -3px -2px;
  max-height: 256px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selected-item {
  font-size: 12px;
  line-height: 24px;
  border-radius: 2px;
}
.brick-multi-suggest-size-md .brick-multi-suggest-selection-input,
.brick-multi-suggest-size-md .brick-multi-suggest-selection-input-shadow {
  font-size: 14px;
  line-height: 24px;
}
.brick-multi-suggest-size-md.brick-multi-suggest-with-stats .brick-multi-suggest-selection,
.brick-multi-suggest-size-md.brick-multi-suggest-with-stats .brick-multi-suggest-static-selection {
  padding-right: 54px;
}
.brick-multi-suggest-size-md.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-selection,
.brick-multi-suggest-size-md.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-static-selection {
  padding-right: 74px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-static-selection {
  font-size: 16px;
  line-height: 24px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-static-selection {
  padding: 5px 32px 5px 12px;
  min-height: 36px;
  border-radius: 4px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-static-selection .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-static-selection .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-static-selection {
  height: 36px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection {
  font-size: 16px;
  line-height: 24px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection {
  padding: 5px 32px 5px 12px;
  min-height: 36px;
  border-radius: 4px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection .brick-multi-suggest-suffix {
  bottom: 5px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selected-list {
  margin: -4px -2px;
  max-height: 288px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selected-item {
  font-size: 14px;
  line-height: 28px;
  border-radius: 2px;
}
.brick-multi-suggest-size-lg .brick-multi-suggest-selection-input,
.brick-multi-suggest-size-lg .brick-multi-suggest-selection-input-shadow {
  font-size: 16px;
  line-height: 28px;
}
.brick-multi-suggest-size-lg.brick-multi-suggest-with-stats .brick-multi-suggest-selection,
.brick-multi-suggest-size-lg.brick-multi-suggest-with-stats .brick-multi-suggest-static-selection {
  padding-right: 58px;
}
.brick-multi-suggest-size-lg.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-selection,
.brick-multi-suggest-size-lg.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-static-selection {
  padding-right: 80px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-static-selection {
  font-size: 16px;
  line-height: 24px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-static-selection {
  padding: 7px 32px 7px 12px;
  min-height: 40px;
  border-radius: 4px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-static-selection .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-static-selection .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-static-selection {
  height: 40px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection {
  font-size: 16px;
  line-height: 24px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection {
  padding: 7px 32px 7px 12px;
  min-height: 40px;
  border-radius: 4px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection .brick-suggest-suffix-icon {
  font-size: 16px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection .brick-suggest-suffix-icon-caret {
  font-size: 12px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection .brick-multi-suggest-suffix {
  bottom: 7px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selected-list {
  margin: -6px -2px;
  max-height: 320px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selected-item {
  font-size: 14px;
  line-height: 32px;
  border-radius: 4px;
}
.brick-multi-suggest-size-xl .brick-multi-suggest-selection-input,
.brick-multi-suggest-size-xl .brick-multi-suggest-selection-input-shadow {
  font-size: 16px;
  line-height: 32px;
}
.brick-multi-suggest-size-xl.brick-multi-suggest-with-stats .brick-multi-suggest-selection,
.brick-multi-suggest-size-xl.brick-multi-suggest-with-stats .brick-multi-suggest-static-selection {
  padding-right: 60px;
}
.brick-multi-suggest-size-xl.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-selection,
.brick-multi-suggest-size-xl.brick-multi-suggest-with-stats.brick-multi-suggest-with-max-number .brick-multi-suggest-static-selection {
  padding-right: 84px;
}

.brick-popover.brick-popper .brick-popper-inner {
  padding: 16px 24px;
}
.brick-popover.brick-popper.brick-popover-with-close-x .brick-popover-headline {
  padding-right: 26px;
}
.brick-popover.brick-popper .brick-close-x {
  position: absolute;
  right: 22px;
  top: 19px;
}
.brick-popover.brick-popper[class*=brick-popper-placement-bottom] .brick-close-x {
  position: absolute;
  right: 22px;
  top: 22px;
}

.brick-popover,
.brick-popover * {
  box-sizing: border-box;
}
.brick-popover-wrap {
  max-width: 352px;
}
.brick-popover-headline {
  margin-bottom: 4px;
  font-weight: 600;
}
.brick-popover-headline {
  font-size: 16px;
  line-height: 24px;
}
.brick-popover-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-popover-actions {
  padding-top: 16px;
}
.brick-popover-actions .brick-button-type-plain:first-child {
  margin-left: -4px;
}
.brick-popover-actions .brick-button-type-plain:last-child {
  margin-right: -4px;
}
.brick-popover-actions .brick-button-type-plain:first-child {
  margin-left: -4px;
}
.brick-popover-actions-align-left .brick-popover-actions {
  text-align: left;
}
.brick-popover-actions-align-center .brick-popover-actions {
  text-align: center;
}
.brick-popover-actions-align-right .brick-popover-actions {
  text-align: right;
}

.brick-popover-confirm-headline, .brick-popover-confirm-content {
  position: relative;
}
.brick-popover-confirm-headline .brick-popover-confirm-icon {
  font-size: 16px;
}
.brick-popover-confirm-content .brick-popover-confirm-icon {
  font-size: 16px;
}
.brick-popover-confirm-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.brick-popover-confirm-type-info {
  background-color: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
}
.brick-popover-confirm-type-info .brick-popover-confirm-icon .brick-icon {
  color: #4c84ff;
}
.brick-popover-confirm-type-success {
  background-color: rgb(242.25, 255, 244.375);
  border-color: rgb(208.335, 242.25, 213.42225);
}
.brick-popover-confirm-type-success .brick-popover-confirm-icon .brick-icon {
  color: #39bf45;
}
.brick-popover-confirm-type-warning {
  background-color: rgb(255, 247.1375, 242.25);
  border-color: rgb(255, 232.39, 219.3);
}
.brick-popover-confirm-type-warning .brick-popover-confirm-icon .brick-icon {
  color: #f27c49;
}
.brick-popover-confirm-type-error {
  background-color: rgb(255, 242.25, 242.25);
  border-color: rgb(255, 219.3, 219.895);
}
.brick-popover-confirm-type-error .brick-popover-confirm-icon .brick-icon {
  color: #e64552;
}
.brick-popover-confirm-content-inner p {
  margin-bottom: 0;
}
.brick-popover-confirm-with-icon-content-inner, .brick-popover-confirm-with-icon-headline {
  padding-left: 24px;
}
.brick-popover-confirm-with-icon:not(.popover-with-headline) .brick-popover-confirm-content-inner {
  padding-left: 24px;
}
.brick-popover-confirm .brick-popper-inner {
  min-width: 210px;
}

.brick-popover-size-sm .brick-popover-headline {
  font-size: 14px;
  line-height: 22px;
}
.brick-popover-size-sm .brick-popover-content {
  font-size: 12px;
  line-height: 18px;
}
.brick-popover-size-sm .brick-popover-confirm-headline .brick-popover-confirm-icon {
  font-size: 14px;
}
.brick-popover-size-sm .brick-popover-confirm-content .brick-popover-confirm-icon {
  font-size: 14px;
}
.brick-popover-size-sm.brick-popover-with-headline.brick-popover-confirm-with-icon .brick-popover-confirm-content-inner,
.brick-popover-size-sm.brick-popover-with-headline.brick-popover-confirm-with-icon .brick-popover-confirm-headline {
  padding-left: 22px;
}
.brick-popover-size-sm.brick-popover-confirm-with-icon .brick-popover-confirm-content-inner {
  padding-left: 22px;
}

.brick-popover-size-md .brick-popover-headline {
  font-size: 16px;
  line-height: 24px;
}
.brick-popover-size-md .brick-popover-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-popover-size-md .brick-popover-confirm-headline .brick-popover-confirm-icon {
  font-size: 16px;
}
.brick-popover-size-md .brick-popover-confirm-content .brick-popover-confirm-icon {
  font-size: 16px;
}
.brick-popover-size-md.brick-popover-with-headline.brick-popover-confirm-with-icon .brick-popover-confirm-content-inner,
.brick-popover-size-md.brick-popover-with-headline.brick-popover-confirm-with-icon .brick-popover-confirm-headline {
  padding-left: 24px;
}
.brick-popover-size-md.brick-popover-confirm-with-icon .brick-popover-confirm-content-inner {
  padding-left: 24px;
}

.brick-upload,
.brick-upload * {
  box-sizing: border-box;
}
.brick-upload-hint {
  color: rgb(153, 153, 153);
  margin-top: 8px;
}
.brick-upload-size-xs .brick-upload-hint {
  font-size: 12px;
  line-height: 18px;
}
.brick-upload-size-sm .brick-upload-hint {
  font-size: 12px;
  line-height: 18px;
}
.brick-upload-size-md .brick-upload-hint {
  font-size: 14px;
  line-height: 22px;
}
.brick-upload-size-lg .brick-upload-hint {
  font-size: 16px;
  line-height: 24px;
}

.brick-upload-dropzone {
  display: inline-block;
  outline: none;
}

.brick-form,
.brick-form * {
  box-sizing: border-box;
}

.brick-field {
  padding-bottom: 16px;
}
.brick-field-label-wrap, .brick-field-control-wrap {
  flex-shrink: 0;
}
.brick-field-label {
  position: relative;
  text-align: right;
  color: rgb(102, 102, 102);
}
.brick-field-label {
  font-size: 14px;
  line-height: 22px;
}
.brick-field-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-field-label-required-mark::after {
  content: "*";
  transform: scale(1.4);
  display: inline-block;
  position: relative;
  top: 2px;
  padding-left: 3px;
  left: -2px;
  margin-right: 4px;
  font-weight: 400;
  color: #e64552;
}
span + .brick-field-label-help {
  margin-left: 4px;
}
.brick-field-control-wrap {
  position: relative;
}
.brick-field-control {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.brick-field-hint {
  font-size: 12px;
  line-height: 16px;
}
.brick-field-hint {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-field-hint {
  color: rgb(153, 153, 153);
}
.brick-field-has-error .brick-field-hint {
  color: #e64552;
}

.brick-form-label-placement-left .brick-field {
  display: flex;
}
.brick-form-label-placement-left .brick-field-label-wrap {
  vertical-align: top;
  padding-right: 16px;
}
.brick-form-label-placement-top .brick-field-label-wrap {
  margin-bottom: 8px;
}
.brick-form-label-placement-top .brick-field-label {
  text-align: left;
}
.brick-form-label-align-left .brick-field-label {
  text-align: left;
  padding-left: 15px;
}
.brick-form-label-align-left .brick-field-label-required-mark {
  position: absolute;
  left: 0;
}
.brick-form-actions {
  margin-top: 4px;
}
.brick-form .brick-field-hint {
  position: absolute;
  right: 0;
  left: 0;
}
.brick-form .brick-field-control .brick-checkbox-group .brick-checkbox-type-normal.brick-checkbox,
.brick-form .brick-field-control .brick-radio-group .brick-radio-type-normal.brick-radio {
  padding-bottom: 4px;
}
.brick-form .brick-field-control .brick-checkbox,
.brick-form .brick-field-control .brick-radio,
.brick-form .brick-field-control .brick-checkbox-group,
.brick-form .brick-field-control .brick-radio-group {
  margin-bottom: -4px;
}
.brick-form .brick-field-control > .brick-link:first-child {
  margin-left: -4px;
}
.brick-form-size-sm .brick-field-label-help {
  font-size: 14px;
}
.brick-form-size-sm .brick-field-control {
  line-height: 28px;
}
.brick-form-size-sm .brick-field-control .brick-checkbox,
.brick-form-size-sm .brick-field-control .brick-radio {
  line-height: 28px;
}
.brick-form-size-sm.brick-form-label-placement-left .brick-field-static,
.brick-form-size-sm.brick-form-label-placement-left .brick-field-label {
  font-size: 12px;
  line-height: 18px;
}
.brick-form-size-sm.brick-form-label-placement-left:not(.brick-form-static-only) .brick-field-static,
.brick-form-size-sm.brick-form-label-placement-left:not(.brick-form-static-only) .brick-field-label {
  padding: 5px 0;
}
.brick-form-size-sm.brick-form-label-placement-left:not(.brick-form-static-only).brick-form-label-align-left .brick-field-label {
  padding-left: 13px;
}
.brick-form-size-md .brick-field-label-help {
  font-size: 16px;
}
.brick-form-size-md .brick-field-control {
  line-height: 32px;
}
.brick-form-size-md .brick-field-control .brick-checkbox,
.brick-form-size-md .brick-field-control .brick-radio {
  line-height: 32px;
}
.brick-form-size-md.brick-form-label-placement-left .brick-field-static,
.brick-form-size-md.brick-form-label-placement-left .brick-field-label {
  font-size: 14px;
  line-height: 22px;
}
.brick-form-size-md.brick-form-label-placement-left:not(.brick-form-static-only) .brick-field-static,
.brick-form-size-md.brick-form-label-placement-left:not(.brick-form-static-only) .brick-field-label {
  padding: 5px 0;
}
.brick-form-size-md.brick-form-label-placement-left:not(.brick-form-static-only).brick-form-label-align-left .brick-field-label {
  padding-left: 15px;
}

/*
  @note: 这块... 确实不太应该这么处理 ( 在 time picker 内存在 date picker 的样式... )

  - 但是, date picker 内确实应用 & 利用 time picker 内的渲染了...
 */
.brick-time-picker-popper .brick-time-picker-panel-wrapper, .brick-date-picker-popper .brick-time-picker-panel-wrapper, .brick-range-picker-popper .brick-time-picker-panel-wrapper {
  white-space: nowrap;
  display: inline-block;
  user-select: none;
  background-color: #fff;
  font-size: 0;
}

.brick-time-picker-popper .with-second .brick-time-picker-aside, .brick-date-picker-popper .with-second .brick-time-picker-aside, .brick-range-picker-popper .with-second .brick-time-picker-aside {
  width: 64px;
}

.brick-time-picker-popper .brick-time-picker-aside, .brick-date-picker-popper .brick-time-picker-aside, .brick-range-picker-popper .brick-time-picker-aside {
  border-right: 1px rgb(237.15, 237.15, 237.15) solid;
}

.brick-time-picker-popper .brick-time-picker-aside:last-child, .brick-date-picker-popper .brick-time-picker-aside:last-child, .brick-range-picker-popper .brick-time-picker-aside:last-child {
  border-right: 0;
}

.brick-time-picker-popper .brick-time-picker-aside, .brick-date-picker-popper .brick-time-picker-aside, .brick-range-picker-popper .brick-time-picker-aside {
  font-size: 12px;
  position: relative;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  vertical-align: middle;
}

.brick-time-picker-popper .brick-time-picker-aside[data-hover-status=hover], .brick-date-picker-popper .brick-time-picker-aside[data-hover-status=hover], .brick-range-picker-popper .brick-time-picker-aside[data-hover-status=hover] {
  overflow: auto;
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item, .brick-range-picker-popper .brick-time-picker-aside .brick-aside-item {
  cursor: pointer;
  text-align: center;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item:hover, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item:hover, .brick-range-picker-popper .brick-time-picker-aside .brick-aside-item:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item:active, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item:active, .brick-range-picker-popper .brick-time-picker-aside .brick-aside-item:active {
  background-color: rgb(224.4, 224.4, 224.4);
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item[data-disabled=true], .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item[data-disabled=true], .brick-range-picker-popper .brick-time-picker-aside .brick-aside-item[data-disabled=true] {
  cursor: not-allowed;
  color: rgb(204, 204, 204);
  background-color: transparent;
}

.brick-time-picker-popper .brick-time-picker-aside [data-state=selected], .brick-date-picker-popper .brick-time-picker-aside [data-state=selected], .brick-range-picker-popper .brick-time-picker-aside [data-state=selected] {
  color: #4c84ff;
  background-color: rgb(255, 255, 255);
}

/*
  @note: 这个处理如上, 也是一种比较 hack 的存在 (time picker 内需要考虑 date picker 的样式...)

  三种 popper 必须**并列**、不能再往里嵌一层 popper 后代选择器：
  - 独立 TimePicker 的 DOM 只有一层 popper（.brick-time-picker-popper > panel-wrapper > aside）
  - RangePicker 是把 UiTimePanel 直接渲染在 .brick-range-picker-popper 里（中间没有 time-picker-popper）
  嵌一层会让「popper 后代还得再有个 popper」，两种场景都命中不到，aside 就没了 height，
  overflow 也就无从触发、整列铺开（见 issue 2026-09-10_修-time-picker-面板滚动）。
 */
.brick-time-picker-popper.brick-time-picker-popper-size-sm .brick-time-picker-aside,
.brick-date-picker-popper.brick-date-picker-popper-size-sm .brick-time-picker-aside,
.brick-range-picker-popper.brick-range-picker-popper-size-sm .brick-time-picker-aside {
  height: 292px;
  padding: 4px 0 264px;
}

.brick-time-picker-popper.brick-time-picker-popper-size-sm .brick-aside-item,
.brick-date-picker-popper.brick-date-picker-popper-size-sm .brick-aside-item,
.brick-range-picker-popper.brick-range-picker-popper-size-sm .brick-aside-item {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/*
  @note: 这个处理如上, 也是一种比较 hack 的存在 (time picker 内需要考虑 date picker 的样式...)

  三种 popper 必须**并列**、不能再往里嵌一层 popper 后代选择器：
  - 独立 TimePicker 的 DOM 只有一层 popper（.brick-time-picker-popper > panel-wrapper > aside）
  - RangePicker 是把 UiTimePanel 直接渲染在 .brick-range-picker-popper 里（中间没有 time-picker-popper）
  嵌一层会让「popper 后代还得再有个 popper」，两种场景都命中不到，aside 就没了 height，
  overflow 也就无从触发、整列铺开（见 issue 2026-09-10_修-time-picker-面板滚动）。
 */
.brick-time-picker-popper.brick-time-picker-popper-size-md .brick-time-picker-aside,
.brick-date-picker-popper.brick-date-picker-popper-size-md .brick-time-picker-aside,
.brick-range-picker-popper.brick-range-picker-popper-size-md .brick-time-picker-aside {
  height: 332px;
  padding: 4px 0 300px;
}

.brick-time-picker-popper.brick-time-picker-popper-size-md .brick-aside-item,
.brick-date-picker-popper.brick-date-picker-popper-size-md .brick-aside-item,
.brick-range-picker-popper.brick-range-picker-popper-size-md .brick-aside-item {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

.brick-time-picker,
.brick-time-picker * {
  box-sizing: border-box;
}
.brick-time-picker {
  width: 160px;
  display: inline-block;
}

.brick-page,
.brick-page * {
  box-sizing: border-box;
}
.brick-page.brick-layout {
  min-height: 100vh;
  min-width: 1256px;
}
.brick-page .brick-layout-sidebar {
  width: 200px;
}
.brick-page .brick-layout-sidebar-inner,
.brick-page .brick-layout-sidebar-drawer-handle {
  transition: left 0.2s ease;
}
.brick-page .brick-layout-sidebar-inner {
  position: fixed;
  display: flex;
  height: calc(100vh - 60px);
  align-items: flex-start;
  overflow: hidden;
}
.brick-page .brick-layout-sidebar-inner:hover {
  overflow: auto;
}
.brick-page .brick-layout-sidebar-inner > .brick-menu {
  padding: 12px 0;
  min-height: 100%;
  width: 200px;
  margin-top: -4px;
}
.brick-page .brick-layout-sidebar-drawer-handle {
  position: absolute;
  top: 64px;
  display: none;
  left: 0;
  margin-left: -1px;
  padding: 8px;
  border: 1px solid rgb(237.15, 237.15, 237.15);
  border-radius: 0 4px 4px 0;
  align-items: center;
  justify-content: center;
  background: rgb(255, 255, 255);
  cursor: pointer;
}
.brick-page .brick-layout-sidebar-drawer-handle > .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-page .brick-layout-sidebar-drawer-handle::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -1px;
  background: rgb(255, 255, 255);
}
.brick-page.is-sidebar-collapsed .brick-layout-sidebar {
  width: 60px;
}
.brick-page.is-sidebar-collapsed.sidebar-collapsed-type-hidden .brick-layout-sidebar {
  width: 0;
}
.brick-page.is-sidebar-collapsed.sidebar-collapsed-type-hidden .brick-side-nav-collapsed {
  width: 0;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar {
  width: auto;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-drawer-handle {
  position: fixed;
  display: flex;
  left: 0;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-inner {
  left: -200px;
  overflow: visible;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-inner:hover {
  left: 0;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-inner:hover .brick-layout-sidebar-drawer-handle {
  left: 200px;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-inner:hover .brick-layout-sidebar-drawer-handle > .brick-icon {
  transform: rotate(180deg);
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-side-nav-toggle {
  display: none;
}
.brick-page:not(.brick-page.is-header-reverse-color) > .brick-layout-header {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 0 rgb(237.15, 237.15, 237.15);
}
.brick-page:not(.brick-page.is-header-reverse-color).without-header-shadow > .brick-layout-header {
  box-shadow: none;
}
.brick-page:not(.brick-page.is-header-reverse-color).with-header-shadow > .brick-layout-header {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.brick-page.is-header-reverse-color > .brick-layout-header {
  background-color: #4c84ff;
}

.brick-page > .brick-layout-header {
  z-index: 2;
}
.brick-page .with-sidebar > .brick-layout-content {
  z-index: 0;
}
.brick-page .with-sidebar > .brick-layout-sidebar {
  z-index: 1;
}
.brick-page.is-min-width > .with-sidebar > .brick-layout-sidebar .brick-layout-sidebar-inner {
  z-index: 960;
}

.brick-section,
.brick-section * {
  box-sizing: border-box;
}
.brick-section + .brick-section {
  margin-top: 32px;
}
.brick-section-headline + .brick-section-content {
  margin-top: 16px;
}
.brick-section-headline-primary, .brick-section-headline-note {
  display: inline-block;
  vertical-align: top;
}
.brick-section-headline-note {
  color: rgb(102, 102, 102);
}
.brick-section-headline-primary + .brick-section-headline-note {
  margin-left: 8px;
}
.brick-section-headline-primary-wrap + .brick-section-headline-secondary {
  margin-top: 8px;
}
.brick-section-headline-primary, .brick-section-headline-secondary {
  margin-bottom: 0;
}
.brick-section-headline-primary {
  position: relative;
}
.brick-section-headline-secondary {
  font-weight: 400;
}
.brick-section-content p {
  margin-bottom: 0;
}
.brick-section-content p + p {
  margin-top: 12px;
}

.brick-section-size-xs.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -4px;
  width: 4px;
  background: #4c84ff;
}

.brick-section-size-sm .brick-section-headline-primary, .brick-section-size-sm .brick-section-headline-primary-wrap {
  font-size: 14px;
  line-height: 18px;
}
.brick-section-size-sm .brick-section-headline-primary::before {
  height: 18px;
}
.brick-section-size-sm .brick-section-headline-secondary {
  font-size: 12px;
  line-height: 16px;
}

.brick-section-size-sm.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -16px;
  width: 4px;
  background: #4c84ff;
}

.brick-section-size-md .brick-section-headline-primary, .brick-section-size-md .brick-section-headline-primary-wrap {
  font-size: 16px;
  line-height: 22px;
}
.brick-section-size-md .brick-section-headline-primary::before {
  height: 22px;
}
.brick-section-size-md .brick-section-headline-secondary {
  font-size: 14px;
  line-height: 18px;
}

.brick-section-size-md.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -16px;
  width: 4px;
  background: #4c84ff;
}

.brick-section-size-lg .brick-section-headline-primary, .brick-section-size-lg .brick-section-headline-primary-wrap {
  font-size: 20px;
  line-height: 26px;
}
.brick-section-size-lg .brick-section-headline-primary::before {
  height: 26px;
}
.brick-section-size-lg .brick-section-headline-secondary {
  font-size: 16px;
  line-height: 22px;
}

.brick-section-size-lg.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -20px;
  width: 4px;
  background: #4c84ff;
}

.brick-section-size-xl .brick-section-headline-primary, .brick-section-size-xl .brick-section-headline-primary-wrap {
  font-size: 24px;
  line-height: 32px;
}
.brick-section-size-xl .brick-section-headline-primary::before {
  height: 32px;
}
.brick-section-size-xl .brick-section-headline-secondary {
  font-size: 20px;
  line-height: 26px;
}

.brick-section-size-xl.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -20px;
  width: 4px;
  background: #4c84ff;
}

.brick-section-size-xxl .brick-section-headline-primary, .brick-section-size-xxl .brick-section-headline-primary-wrap {
  font-size: 32px;
  line-height: 42px;
}
.brick-section-size-xxl .brick-section-headline-primary::before {
  height: 42px;
}
.brick-section-size-xxl .brick-section-headline-secondary {
  font-size: 24px;
  line-height: 32px;
}

.brick-section-size-xxl.brick-section-headline-style-bar > .brick-section-headline .brick-section-headline-primary::before {
  display: inline-block;
  position: absolute;
  content: "";
  left: -20px;
  width: 4px;
  background: #4c84ff;
}

.brick-tag,
.brick-tag * {
  box-sizing: border-box;
}
.brick-tag {
  position: relative;
  display: inline-block;
  max-width: 180px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0 8px;
  text-align: center;
  background-color: rgb(244.8, 244.8, 244.8);
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 2px;
  outline: none;
}
.brick-tag-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-tag-label {
  display: inline-block;
  user-select: none;
  width: 100%;
}
.brick-tag-remove-btn {
  position: absolute;
  right: 8px;
  display: inline-block;
  cursor: pointer;
}
.brick-tag-remove-btn .brick-icon {
  font-size: 12px;
}
.brick-tag-remove-btn:hover .brick-icon {
  color: rgb(102, 102, 102);
}
.brick-tag-remove-btn:active .brick-icon {
  color: rgb(51, 51, 51);
}
.brick-tag-non-bordered {
  border-color: transparent;
}
.brick-tag-shape-capsule.brick-tag-is-single-char {
  padding-left: 0;
  padding-right: 0;
}
.brick-tag-color-normal {
  color: rgb(51, 51, 51);
  background-color: rgb(244.8, 244.8, 244.8);
}
.brick-tag-color-normal:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(224.4, 224.4, 224.4);
}
.brick-tag-color-light {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}
.brick-tag-color-light:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(224.4, 224.4, 224.4);
}
.brick-tag-color-brand {
  color: #4c84ff;
  background-color: rgb(242.25, 245.225, 255);
}
.brick-tag-color-brand:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(147.9, 178.245, 255);
}
.brick-tag-color-success {
  color: #39bf45;
  background-color: rgb(242.25, 255, 244.375);
}
.brick-tag-color-success:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(125.715, 216.75, 136.33575);
}
.brick-tag-color-danger {
  color: #e64552;
  background-color: rgb(255, 242.25, 242.25);
}
.brick-tag-color-danger:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 147.9, 153.255);
}
.brick-tag-color-warning {
  color: #f27c49;
  background-color: rgb(255, 247.1375, 242.25);
}
.brick-tag-color-warning:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 183.6, 147.9);
}
.brick-tag-color-red {
  color: #e64552;
  background-color: rgb(255, 242.25, 242.25);
}
.brick-tag-color-red:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 147.9, 153.255);
}
.brick-tag-color-orange {
  color: #f27c49;
  background-color: rgb(255, 247.1375, 242.25);
}
.brick-tag-color-orange:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 183.6, 147.9);
}
.brick-tag-color-yellow {
  color: #faaf19;
  background-color: rgb(255, 251.8125, 242.25);
}
.brick-tag-color-yellow:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 213.69, 117.3);
}
.brick-tag-color-green {
  color: #39bf45;
  background-color: rgb(242.25, 255, 244.375);
}
.brick-tag-color-green:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(125.715, 216.75, 136.33575);
}
.brick-tag-color-cyan {
  color: #41d9cc;
  background-color: rgb(242.25, 255, 255);
}
.brick-tag-color-cyan:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(140.505, 242.25, 237.16275);
}
.brick-tag-color-blue {
  color: #4c84ff;
  background-color: rgb(242.25, 245.225, 255);
}
.brick-tag-color-blue:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(147.9, 178.245, 255);
}
.brick-tag-color-purple {
  color: #834bf2;
  background-color: rgb(247.5625, 242.25, 255);
}
.brick-tag-color-purple:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(188.785, 150.45, 255);
}
.brick-tag-color-pink {
  color: #e62e78;
  background-color: rgb(255, 242.25, 246.2875);
}
.brick-tag-color-pink:not(.brick-tag-non-bordered) {
  border: 1px solid rgb(255, 132.6, 177.48);
}
.brick-tag-mode-edit {
  padding-right: 24px;
}
.brick-tag-mode-edit.brick-tag-disabled {
  cursor: not-allowed;
}
.brick-tag-mode-select {
  cursor: pointer;
}
.brick-tag-mode-select:focus-visible {
  outline: none;
}
.brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected):hover {
  color: rgb(51, 51, 51);
  background: rgb(237.15, 237.15, 237.15);
  border-color: rgb(224.4, 224.4, 224.4);
}
.brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected):focus-visible:not([tabindex^="-"]):not(:active) {
  color: rgb(51, 51, 51);
  background: rgb(237.15, 237.15, 237.15);
}
.brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected):focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected):active:not(.brick-tag-disabled) {
  color: rgb(51, 51, 51);
  background: rgb(224.4, 224.4, 224.4);
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected):disabled, .brick-tag-mode-select.brick-tag-color-normal:not(.brick-tag-selected).brick-tag-disabled {
  color: rgb(204, 204, 204);
  background: rgb(249.9, 249.9, 249.9);
  border-color: rgb(237.15, 237.15, 237.15);
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected {
  color: rgb(255, 255, 255);
  background: #4c84ff;
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:not(.brick-tag-non-bordered) {
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:hover {
  color: rgb(255, 255, 255);
  background: rgb(112.2, 155.04, 255);
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:focus-visible:not([tabindex^="-"]):not(:active) {
  color: rgb(255, 255, 255);
  background: rgb(112.2, 155.04, 255);
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:active {
  color: rgb(255, 255, 255);
  background: rgb(54.1875, 108.375, 216.75);
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected:disabled, .brick-tag-mode-select.brick-tag-color-normal.brick-tag-selected.brick-tag-disabled {
  color: rgb(255, 255, 255);
  background: rgb(219.3, 228.225, 255);
  border-color: transparent;
  cursor: not-allowed;
}
.brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected):hover {
  color: #4c84ff;
  background: rgb(242.25, 245.225, 255);
  border-color: #4c84ff;
}
.brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected):focus-visible:not([tabindex^="-"]):not(:active) {
  color: #4c84ff;
  background: rgb(242.25, 245.225, 255);
}
.brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected):focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected):active:not(.brick-tag-disabled) {
  color: #4c84ff;
  background: rgb(219.3, 228.225, 255);
  border-color: #4c84ff;
}
.brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected):disabled, .brick-tag-mode-select.brick-tag-color-light:not(.brick-tag-selected).brick-tag-disabled {
  color: rgb(204, 204, 204);
  background: rgb(249.9, 249.9, 249.9);
  border-color: rgb(237.15, 237.15, 237.15);
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected {
  color: #4c84ff;
  background: rgb(242.25, 245.225, 255);
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:not(.brick-tag-non-bordered) {
  border-color: #4c84ff;
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:hover {
  color: rgb(255, 255, 255);
  background: rgb(112.2, 155.04, 255);
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:focus-visible:not([tabindex^="-"]):not(:active) {
  color: rgb(255, 255, 255);
  background: rgb(112.2, 155.04, 255);
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:focus-visible:not([tabindex^="-"]):not(:active) {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:active {
  color: rgb(255, 255, 255);
  background: rgb(54.1875, 108.375, 216.75);
  border-color: transparent;
}
.brick-tag-mode-select.brick-tag-color-light.brick-tag-selected:disabled, .brick-tag-mode-select.brick-tag-color-light.brick-tag-selected.brick-tag-disabled {
  color: rgb(183.6, 202.64, 255);
  background: rgb(242.25, 245.225, 255);
  border-color: rgb(219.3, 228.225, 255);
  cursor: not-allowed;
}
.brick-tag-disabled:not(.brick-tag-selected) {
  background: rgb(249.9, 249.9, 249.9);
  border-color: rgb(237.15, 237.15, 237.15);
}
.brick-tag-disabled:not(.brick-tag-selected):hover {
  background: rgb(249.9, 249.9, 249.9);
}
.brick-tag-disabled:not(.brick-tag-selected) .brick-tag-label,
.brick-tag-disabled:not(.brick-tag-selected) .brick-tag-remove-btn .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-tag-disabled:not(.brick-tag-selected).brick-tag-mode-select,
.brick-tag-disabled:not(.brick-tag-selected) .brick-tag-remove-btn {
  cursor: not-allowed;
}
.brick-tag-disabled:not(.brick-tag-selected).brick-tag-non-bordered {
  border-color: rgb(249.9, 249.9, 249.9);
}

.brick-tag-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brick-tag-group-item-add-input, .brick-tag-group-item-add-button, .brick-tag-group-item {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  vertical-align: top;
}
.brick-tag-group-item {
  max-width: 100%;
}
.brick-tag-group-item-add-input {
  width: 78px;
}
.brick-tag-group .brick-tag {
  margin: 0;
}

.brick-tag-size-xs {
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 2px;
}
.brick-tag-size-xs .brick-tag-remove-btn {
  line-height: 18px;
}
.brick-tag-size-xs.brick-tag-shape-capsule {
  border-radius: 10px;
}
.brick-tag-size-xs.brick-tag-shape-capsule.brick-tag-is-single-char {
  width: 20px;
}

.brick-tag-group-size-xs .brick-tag-group-item-add-input,
.brick-tag-group-size-xs .brick-tag-group-item-add-button,
.brick-tag-group-size-xs .brick-tag-group-item {
  margin-left: 4px;
  margin-bottom: 4px;
}
.brick-tag-group-size-xs .brick-tag-group-item-add-button .brick-button-content {
  font-size: 12px;
}

.brick-tag-size-sm {
  height: 24px;
  font-size: 12px;
  line-height: 22px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 2px;
}
.brick-tag-size-sm .brick-tag-remove-btn {
  line-height: 22px;
}
.brick-tag-size-sm.brick-tag-shape-capsule {
  border-radius: 12px;
}
.brick-tag-size-sm.brick-tag-shape-capsule.brick-tag-is-single-char {
  width: 24px;
}

.brick-tag-group-size-sm .brick-tag-group-item-add-input,
.brick-tag-group-size-sm .brick-tag-group-item-add-button,
.brick-tag-group-size-sm .brick-tag-group-item {
  margin-left: 4px;
  margin-bottom: 4px;
}
.brick-tag-group-size-sm .brick-tag-group-item-add-button .brick-button-content {
  font-size: 12px;
}

.brick-tag-size-md {
  height: 28px;
  font-size: 14px;
  line-height: 26px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 2px;
}
.brick-tag-size-md .brick-tag-remove-btn {
  line-height: 26px;
}
.brick-tag-size-md.brick-tag-shape-capsule {
  border-radius: 14px;
}
.brick-tag-size-md.brick-tag-shape-capsule.brick-tag-is-single-char {
  width: 28px;
}
.brick-tag-size-md .brick-tag-remove-btn .brick-icon {
  vertical-align: -0.1em;
}

.brick-tag-group-size-md .brick-tag-group-item-add-input,
.brick-tag-group-size-md .brick-tag-group-item-add-button,
.brick-tag-group-size-md .brick-tag-group-item {
  margin-left: 8px;
  margin-bottom: 8px;
}
.brick-tag-group-size-md .brick-tag-group-item-add-button .brick-button-content {
  font-size: 14px;
}

.brick-tag-size-lg {
  height: 32px;
  font-size: 14px;
  line-height: 30px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
}
.brick-tag-size-lg .brick-tag-remove-btn {
  line-height: 30px;
}
.brick-tag-size-lg.brick-tag-shape-capsule {
  border-radius: 16px;
}
.brick-tag-size-lg.brick-tag-shape-capsule.brick-tag-is-single-char {
  width: 32px;
}
.brick-tag-size-lg .brick-tag-remove-btn .brick-icon {
  vertical-align: -0.1em;
}

.brick-tag-group-size-lg .brick-tag-group-item-add-input,
.brick-tag-group-size-lg .brick-tag-group-item-add-button,
.brick-tag-group-size-lg .brick-tag-group-item {
  margin-left: 8px;
  margin-bottom: 8px;
}
.brick-tag-group-size-lg .brick-tag-group-item-add-button .brick-button-content {
  font-size: 14px;
}

.brick-popper.brick-tooltip .brick-popper-inner {
  padding: 6px 8px;
}

.brick-tooltip,
.brick-tooltip * {
  box-sizing: border-box;
}
.brick-tooltip-reverse-color.brick-popper .brick-popper-inner {
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0.8);
}
.brick-tooltip-reverse-color.brick-popper .brick-popper-arrow::before {
  background: rgba(0, 0, 0, 0.8);
}

.brick-code,
.brick-code * {
  box-sizing: border-box;
}
.brick-code pre {
  border-radius: 4px;
}

/*light */
.markdown-body {
  color-scheme: light;
  /** CSS default easing. Use for hover state changes and micro-interactions. */
  /** Accelerating motion. Use for elements exiting the viewport (moving off-screen). */
  /** Smooth acceleration and deceleration. Use for elements moving or morphing within the viewport. */
  /** Decelerating motion. Use for elements entering the viewport or appearing on screen. */
  /** Constant motion with no acceleration. Use for continuous animations like progress bars or loaders. */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-weight: 400;
  color: #1f2328;
  background-color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body a {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: " ";
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}

.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body [hidden] {
  display: none !important;
}

.markdown-body a {
  background-color: rgba(0, 0, 0, 0);
  color: #0969da;
  text-decoration: none;
}

.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.markdown-body b,
.markdown-body strong {
  font-weight: 600;
}

.markdown-body dfn {
  font-style: italic;
}

.markdown-body h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid rgba(209, 217, 224, 0.7019607843);
}

.markdown-body mark {
  background-color: #fff8c5;
  color: #1f2328;
}

.markdown-body small {
  font-size: 90%;
}

.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.markdown-body sub {
  bottom: -0.25em;
}

.markdown-body sup {
  top: -0.5em;
}

.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}

.markdown-body figure {
  margin: 1em 2.5rem;
}

.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(209, 217, 224, 0.7019607843);
  height: 0.25em;
  padding: 0;
  margin: 1.5rem 0;
  background-color: #d1d9e0;
  border: 0;
}

.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  -webkit-appearance: button;
  appearance: button;
}

.markdown-body [type=checkbox],
.markdown-body [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body ::placeholder {
  color: #59636e;
  opacity: 1;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  font-variant: tabular-nums;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
  outline: 2px solid var(--borderColor-accent-emphasis);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px rgba(0, 0, 0, 0);
}

.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
  outline: 2px solid var(--borderColor-accent-emphasis);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.markdown-body kbd {
  display: inline-block;
  padding: 0.25rem;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: #1f2328;
  vertical-align: middle;
  background-color: #f6f8fa;
  border: solid 1px var(--borderColor-muted);
  border-bottom-color: var(--borderColor-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--borderColor-muted);
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid rgba(209, 217, 224, 0.7019607843);
}

.markdown-body h3 {
  font-weight: 600;
  font-size: 1.25em;
}

.markdown-body h4 {
  font-weight: 600;
  font-size: 1em;
}

.markdown-body h5 {
  font-weight: 600;
  font-size: 0.875em;
}

.markdown-body h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: #59636e;
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: #59636e;
  border-left: 0.25em solid #d1d9e0;
}

.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body tt,
.markdown-body code,
.markdown-body samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}

.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.markdown-body .mr-2 {
  margin-right: 0.5rem !important;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: #d1242f;
}

.markdown-body .anchor {
  float: left;
  padding-right: 0.25rem;
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 1rem;
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1f2328;
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}

.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}

.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}

.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="a s"] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type="A s"] {
  list-style-type: upper-alpha;
}

.markdown-body ol[type="i s"] {
  list-style-type: lower-roman;
}

.markdown-body ol[type="I s"] {
  list-style-type: upper-roman;
}

.markdown-body ol[type="1"] {
  list-style-type: decimal;
}

.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li > p {
  margin-top: 1rem;
}

.markdown-body li + li {
  margin-top: 0.25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 1rem;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #d1d9e0;
}

.markdown-body table td > :last-child {
  margin-bottom: 0;
}

.markdown-body table tr {
  background-color: #ffffff;
  border-top: 1px solid rgba(209, 217, 224, 0.7019607843);
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-body table img {
  background-color: rgba(0, 0, 0, 0);
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: rgba(0, 0, 0, 0);
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid #d1d9e0;
}

.markdown-body span.frame span img {
  display: block;
  float: left;
}

.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: #1f2328;
}

.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}

.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}

.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}

.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body code,
.markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: rgba(129, 139, 152, 0.1215686275);
  border-radius: 6px;
}

.markdown-body code br,
.markdown-body tt br {
  display: none;
}

.markdown-body del code {
  text-decoration: inherit;
}

.markdown-body samp {
  font-size: 85%;
}

.markdown-body pre code {
  font-size: 100%;
}

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: rgba(0, 0, 0, 0);
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 1rem;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 1rem;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  color: #1f2328;
  background-color: #f6f8fa;
  border-radius: 6px;
}

.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.markdown-body .csv-data .blob-num {
  padding: 10px 0.5rem 9px;
  text-align: right;
  background: #ffffff;
  border: 0;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: 600;
  background: #f6f8fa;
  border-top: 0;
}

.markdown-body [data-footnote-ref]::before {
  content: "[";
}

.markdown-body [data-footnote-ref]::after {
  content: "]";
}

.markdown-body .footnotes {
  font-size: 12px;
  color: #59636e;
  border-top: 1px solid #d1d9e0;
}

.markdown-body .footnotes ol {
  padding-left: 1rem;
}

.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 1rem;
  margin-top: 1rem;
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -1.5rem;
  pointer-events: none;
  content: "";
  border: 2px solid #0969da;
  border-radius: 6px;
}

.markdown-body .footnotes li:target {
  color: #1f2328;
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.markdown-body .pl-c {
  color: #59636e;
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #0550ae;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #6639ba;
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: #1f2328;
}

.markdown-body .pl-ent {
  color: #0550ae;
}

.markdown-body .pl-k {
  color: #cf222e;
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: #0a3069;
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: #953800;
}

.markdown-body .pl-bu {
  color: #82071e;
}

.markdown-body .pl-ii {
  color: var(--fgColor-danger);
  background-color: var(--bgColor-danger-muted);
}

.markdown-body .pl-c2 {
  color: #f6f8fa;
  background-color: #cf222e;
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: #116329;
}

.markdown-body .pl-ml {
  color: #3b2300;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: #0550ae;
}

.markdown-body .pl-mi {
  font-style: italic;
  color: #1f2328;
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: #1f2328;
}

.markdown-body .pl-md {
  color: #82071e;
  background-color: #ffebe9;
}

.markdown-body .pl-mi1 {
  color: #116329;
  background-color: #dafbe1;
}

.markdown-body .pl-mc {
  color: #953800;
  background-color: #ffd8b5;
}

.markdown-body .pl-mi2 {
  color: #d1d9e0;
  background-color: #0550ae;
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: #8250df;
}

.markdown-body .pl-ba {
  color: #59636e;
}

.markdown-body .pl-sg {
  color: #818b98;
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: #0a3069;
}

.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
.markdown-body button:focus:not(:focus-visible),
.markdown-body summary:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.markdown-body [tabindex="0"]:focus:not(:focus-visible),
.markdown-body details-dialog:focus:not(:focus-visible) {
  outline: none;
}

.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: 400;
  line-height: 1;
  vertical-align: -0.075em;
}

.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}

.markdown-body a:has(> p, > div, > pre, > blockquote) {
  display: block;
}

.markdown-body a:has(> p, > div, > pre, > blockquote):not(:has(.snippet-clipboard-content, > pre)) {
  width: fit-content;
}

.markdown-body a:has(> p, > div, > pre, > blockquote):has(.snippet-clipboard-content, > pre):focus-visible {
  outline: 2px solid var(--borderColor-accent-emphasis);
  outline-offset: 2px;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item label {
  font-weight: 400;
}

.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}

.markdown-body .task-list-item + .task-list-item {
  margin-top: 0.25rem;
}

.markdown-body .task-list-item .handle {
  display: none;
}

.markdown-body .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.4em;
  vertical-align: middle;
}

.markdown-body ul:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}

.markdown-body ol:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}

.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip-path: none;
}

.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.markdown-body .markdown-alert {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: inherit;
  border-left: 0.25em solid #d1d9e0;
}

.markdown-body .markdown-alert > :first-child {
  margin-top: 0;
}

.markdown-body .markdown-alert > :last-child {
  margin-bottom: 0;
}

.markdown-body .markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1;
}

.markdown-body .markdown-alert.markdown-alert-note {
  border-left-color: #0969da;
}

.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: #0969da;
}

.markdown-body .markdown-alert.markdown-alert-important {
  border-left-color: #8250df;
}

.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: #8250df;
}

.markdown-body .markdown-alert.markdown-alert-warning {
  border-left-color: #9a6700;
}

.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: #9a6700;
}

.markdown-body .markdown-alert.markdown-alert-tip {
  border-left-color: #1a7f37;
}

.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: #1a7f37;
}

.markdown-body .markdown-alert.markdown-alert-caution {
  border-left-color: #cf222e;
}

.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: #d1242f;
}

.markdown-body > *:first-child > .heading-element:first-child {
  margin-top: 0 !important;
}

.markdown-body .highlight pre:has(+ .zeroclipboard-container) {
  min-height: 52px;
}

.brick-markdown,
.brick-markdown * {
  box-sizing: border-box;
}
.brick-markdown.markdown-body p {
  margin-bottom: 1em;
}
.brick-markdown .brick-code {
  margin-bottom: 20px;
}

.brick-drop-menu,
.brick-drop-menu * {
  box-sizing: border-box;
}
.brick-drop-menu.brick-popper-with-arrow .brick-popper-inner {
  padding: 0;
}

@keyframes maskFadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0.6;
    visibility: visible;
  }
}
@keyframes maskFadeOut {
  0% {
    opacity: 0.6;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.brick-drawer,
.brick-drawer * {
  box-sizing: border-box;
}
.brick-drawer .brick-dialog-wrap {
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.brick-drawer.brick-drawer-show .brick-modal-mask {
  animation: maskFadeIn 0.2s ease 0s 1 normal forwards;
}
.brick-drawer:not(.brick-drawer-show) .brick-modal-mask {
  animation: maskFadeOut 0.2s ease 0s 1 normal forwards;
}
.brick-drawer .brick-modal-content {
  position: absolute;
  height: auto;
  transition: transform 0.2s ease;
}
.brick-drawer-mask-hidden .brick-modal-mask {
  display: none;
}
.brick-drawer-mask-transparent .brick-modal-mask {
  opacity: 0;
}
.brick-drawer-placement-right .brick-modal-content, .brick-drawer-placement-left .brick-modal-content {
  height: 100%;
}
.brick-drawer-placement-top .brick-modal-content, .brick-drawer-placement-bottom .brick-modal-content {
  width: 100%;
}
.brick-drawer-placement-left .brick-modal-content {
  transform: translateX(-100%);
}
.brick-drawer-placement-right .brick-modal-content {
  transform: translateX(100%);
}
.brick-drawer-placement-top .brick-modal-content {
  transform: translateY(-100%);
}
.brick-drawer-placement-bottom .brick-modal-content {
  transform: translateY(100%);
}
.brick-drawer-placement-left.brick-drawer-show .brick-modal-content, .brick-drawer-placement-right.brick-drawer-show .brick-modal-content, .brick-drawer-placement-top.brick-drawer-show .brick-modal-content, .brick-drawer-placement-bottom.brick-drawer-show .brick-modal-content {
  transform: none;
}
.brick-drawer-mask-hidden.brick-drawer-placement-right .brick-modal-content, .brick-drawer-mask-transparent.brick-drawer-placement-right .brick-modal-content {
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.15);
}
.brick-drawer-mask-hidden.brick-drawer-placement-left .brick-modal-content, .brick-drawer-mask-transparent.brick-drawer-placement-left .brick-modal-content {
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.15);
}
.brick-drawer-mask-hidden.brick-drawer-placement-top .brick-modal-content, .brick-drawer-mask-transparent.brick-drawer-placement-top .brick-modal-content {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.brick-drawer-mask-hidden.brick-drawer-placement-bottom .brick-modal-content, .brick-drawer-mask-transparent.brick-drawer-placement-bottom .brick-modal-content {
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.15);
}

.brick-drawer-placement-top.brick-drawer-mask-hidden .brick-modal-wrap {
  bottom: auto;
}

.brick-drawer-placement-bottom.brick-drawer-mask-hidden .brick-modal-wrap {
  top: auto;
}

.brick-drawer-placement-right.brick-drawer-mask-hidden .brick-modal-wrap {
  left: auto;
}

.brick-drawer-placement-left.brick-drawer-mask-hidden .brick-modal-wrap {
  right: auto;
}

.brick-drawer-placement-top .brick-modal-content {
  top: 0;
}

.brick-drawer-placement-bottom .brick-modal-content {
  bottom: 0;
}

.brick-drawer-placement-right .brick-modal-content {
  right: 0;
}

.brick-drawer-placement-left .brick-modal-content {
  left: 0;
}

.brick-drawer-placement-left.brick-drawer-width-sm .brick-modal-content,
.brick-drawer-placement-right.brick-drawer-width-sm .brick-modal-content {
  width: 320px;
}

.brick-drawer-placement-left.brick-drawer-width-md .brick-modal-content,
.brick-drawer-placement-right.brick-drawer-width-md .brick-modal-content {
  width: 800px;
}

.brick-drawer-placement-left.brick-drawer-width-lg .brick-modal-content,
.brick-drawer-placement-right.brick-drawer-width-lg .brick-modal-content {
  width: 960px;
}

.brick-drawer-placement-top.brick-drawer-height-sm .brick-modal-content,
.brick-drawer-placement-bottom.brick-drawer-height-sm .brick-modal-content {
  height: 232px;
}

.brick-drawer-placement-top.brick-drawer-height-md .brick-modal-content,
.brick-drawer-placement-bottom.brick-drawer-height-md .brick-modal-content {
  height: 330px;
}

.brick-drawer-placement-top.brick-drawer-height-lg .brick-modal-content,
.brick-drawer-placement-bottom.brick-drawer-height-lg .brick-modal-content {
  height: 680px;
}

.brick-cascade,
.brick-cascade * {
  box-sizing: border-box;
}
.brick-cascade-panel,
.brick-cascade-panel * {
  box-sizing: border-box;
}
.brick-cascade-panel {
  display: flex;
}

.brick-cascade-menu {
  display: inline-block;
}

.brick-cascade-panel-no-options {
  padding: 4px 0 8px;
}
.brick-cascade-panel-no-options > p {
  padding: 0 12px;
  color: rgb(153, 153, 153);
  text-align: center;
  margin-bottom: 0;
}

.brick-menu-popper-size-md .brick-cascade-panel-no-options > p {
  height: 32px;
  line-height: 32px;
}

.brick-menu-popper-size-lg .brick-cascade-panel-no-options > p {
  height: 36px;
  line-height: 36px;
}

.brick-cascade-options-popper .brick-cascade-panel {
  z-index: 1;
  position: relative;
}
.brick-cascade-options-popper .brick-cascade-panel > .brick-menu {
  overflow: auto;
  padding: 4px 0 8px;
}
.brick-cascade-options-popper .brick-menu + .brick-menu {
  border-left: 1px solid rgb(237.15, 237.15, 237.15);
}
.brick-cascade-options-popper .brick-cascade-panel {
  max-height: calc(50vh - 64px);
}

.brick-loading,
.brick-loading * {
  box-sizing: border-box;
}
.brick-loading {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.brick-loading-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.brick-loading-mask {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  visibility: hidden;
}
.brick-loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.brick-loading-spinner + .brick-loading-message {
  margin-top: 8px;
}
.brick-loading-spinner {
  display: inline-block;
}
.brick-loading-message {
  font-size: 14px;
  line-height: 22px;
}
.brick-loading-show-spinner .brick-loading-mask {
  visibility: visible;
}

.brick-loading-modal .brick-modal-mask {
  display: none;
}
.brick-loading-modal .brick-loading-inner {
  position: fixed;
  z-index: 1000;
}
.brick-loading-modal .brick-loading-mask {
  background: rgba(0, 0, 0, 0.6);
}
.brick-loading-modal .brick-loading-message {
  color: rgb(255, 255, 255);
}

.brick-loading-spinner-icon {
  font-size: 24px;
  color: #4c84ff;
}
.brick-loading-spinner-bounce {
  width: 24px;
  height: 24px;
}
.brick-loading-spinner-bounce {
  display: flex;
  justify-content: space-between;
}
.brick-loading-spinner-bounce-ball {
  width: 5px;
  height: 5px;
}
.brick-loading-spinner-bounce-ball {
  display: inline-block;
  flex: 0 0 auto;
  background: #4c84ff;
  align-self: center;
  animation: bounce 0.8s linear infinite;
  border-radius: 50%;
}
.brick-loading-spinner-bounce-ball:nth-child(1) {
  animation-delay: 0s;
}
.brick-loading-spinner-bounce-ball:nth-child(2) {
  background: rgb(147.9, 178.245, 255);
  animation-delay: 0.1s;
}
.brick-loading-spinner-bounce-ball:nth-child(3) {
  background: rgb(219.3, 228.225, 255);
  animation-delay: 0.2s;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-160%);
  }
  60% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(40%);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.brick-badge,
.brick-badge * {
  box-sizing: border-box;
}
.brick-badge {
  display: inline-block;
  position: relative;
}
.brick-badge-mark {
  display: inline-block;
  text-align: center;
  color: rgb(255, 255, 255);
  background: #e64552;
  border: 1px solid rgb(255, 255, 255);
}
.brick-badge-type-standard .brick-badge-mark, .brick-badge-type-dot .brick-badge-mark {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
.brick-badge-type-standard .brick-badge-mark {
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 10px;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brick-badge-type-dot .brick-badge-mark, .brick-badge-type-status .brick-badge-mark {
  width: 8px;
  height: 8px;
}
.brick-badge-type-dot .brick-badge-mark, .brick-badge-type-status .brick-badge-mark {
  border-radius: 4px;
}
.brick-badge-type-status .brick-badge-mark {
  margin-right: 8px;
}

.brick-badge-color-brand .brick-badge-mark {
  background: #4c84ff;
}

.brick-badge-color-success .brick-badge-mark {
  background: #39bf45;
}

.brick-badge-color-danger .brick-badge-mark {
  background: #e64552;
}

.brick-badge-color-warning .brick-badge-mark {
  background: #f27c49;
}

.brick-badge-color-inactive .brick-badge-mark {
  background: rgb(204, 204, 204);
}

.brick-num-input,
.brick-num-input * {
  box-sizing: border-box;
}
.brick-num-input {
  display: inline-block;
}
.brick-num-input-prefix, .brick-num-input-suffix {
  display: inline-block;
  line-height: 30px;
}
.brick-num-input-prefix {
  padding-left: 12px;
  padding-right: 4px;
}
.brick-num-input-suffix {
  padding-left: 4px;
  padding-right: 12px;
}
.brick-num-input-prefix-wrap, .brick-num-input-suffix-wrap {
  display: flex;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.brick-num-input-prefix-wrap button, .brick-num-input-suffix-wrap button {
  border: none;
  padding: 0;
  background: none;
  outline: 0;
  text-align: center;
  cursor: pointer;
  line-height: 0;
}
.brick-num-input-prefix-wrap button[readonly], .brick-num-input-prefix-wrap button[disabled], .brick-num-input-suffix-wrap button[readonly], .brick-num-input-suffix-wrap button[disabled] {
  cursor: not-allowed;
}
.brick-num-input-prefix-wrap button[readonly] .brick-icon, .brick-num-input-prefix-wrap button[disabled] .brick-icon, .brick-num-input-suffix-wrap button[readonly] .brick-icon, .brick-num-input-suffix-wrap button[disabled] .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-num-input-prefix-wrap button:hover:not([disabled]):not([readonly]) .brick-icon, .brick-num-input-suffix-wrap button:hover:not([disabled]):not([readonly]) .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-num-input-prefix-wrap button:active:not([disabled]):not([readonly]), .brick-num-input-suffix-wrap button:active:not([disabled]):not([readonly]) {
  background: rgb(237.15, 237.15, 237.15);
}
.brick-num-input-prefix-wrap button:active:not([disabled]):not([readonly]) .brick-icon, .brick-num-input-suffix-wrap button:active:not([disabled]):not([readonly]) .brick-icon {
  color: rgb(112.2, 155.04, 255);
}
.brick-num-input-prefix-wrap {
  border-radius: 4px 0 0 4px;
}
.brick-num-input-suffix-wrap {
  border-radius: 0 4px 4px 0;
}
.brick-num-input-step-actions {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgb(224.4, 224.4, 224.4);
  visibility: hidden;
}
.brick-num-input-step-up, .brick-num-input-step-down {
  width: 18px;
  text-align: center;
  flex: 2;
  height: 0;
}
.brick-num-input-step-up:hover:not([disabled]):not([readonly]), .brick-num-input-step-up:active:not([disabled]):not([readonly]), .brick-num-input-step-down:hover:not([disabled]):not([readonly]), .brick-num-input-step-down:active:not([disabled]):not([readonly]) {
  flex: 3;
}
.brick-num-input-step-up .brick-icon, .brick-num-input-step-down .brick-icon {
  font-size: 12px;
  transform: scale(0.6666666667);
}
.brick-num-input-step-up .brick-icon, .brick-num-input-step-down .brick-icon {
  position: relative;
}
.brick-num-input-step-divider {
  width: 100%;
  height: 1px;
  background: rgb(224.4, 224.4, 224.4);
}
.brick-num-input .brick-input-prefix,
.brick-num-input .brick-input-suffix {
  top: 1px;
  bottom: 1px;
  transform: initial;
}
.brick-num-input .brick-input-prefix {
  left: 1px;
}
.brick-num-input .brick-input-suffix {
  right: 1px;
}
.brick-num-input:hover:not(.brick-num-input-disabled) .brick-num-input-step-actions {
  visibility: visible;
}
.brick-num-input-pressing-step .brick-input input {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}

.brick-num-input-type-intensive .brick-num-input-step-minus,
.brick-num-input-type-intensive .brick-num-input-step-plus {
  height: 100%;
  width: 32px;
}
.brick-num-input-type-intensive .brick-num-input-step-minus .brick-icon,
.brick-num-input-type-intensive .brick-num-input-step-plus .brick-icon {
  font-size: 12px;
  transform: scale(0.8333333333);
}
.brick-num-input-type-intensive .brick-num-input-step-minus {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgb(224.4, 224.4, 224.4);
}
.brick-num-input-type-intensive .brick-num-input-step-plus {
  border-radius: 0 4px 4px 0;
  border-left: 1px solid rgb(224.4, 224.4, 224.4);
}

.brick-num-input-size-xs.brick-num-input-type-intensive .brick-num-input-step-plus,
.brick-num-input-size-xs.brick-num-input-type-intensive .brick-num-input-step-minus {
  width: 24px;
}
.brick-num-input-size-xs .brick-num-input-prefix,
.brick-num-input-size-xs .brick-num-input-suffix {
  display: inline-block;
  line-height: 22px;
}

.brick-num-input-size-sm.brick-num-input-type-intensive .brick-num-input-step-plus,
.brick-num-input-size-sm.brick-num-input-type-intensive .brick-num-input-step-minus {
  width: 28px;
}
.brick-num-input-size-sm .brick-num-input-prefix,
.brick-num-input-size-sm .brick-num-input-suffix {
  display: inline-block;
  line-height: 26px;
}

.brick-num-input-size-md.brick-num-input-type-intensive .brick-num-input-step-plus,
.brick-num-input-size-md.brick-num-input-type-intensive .brick-num-input-step-minus {
  width: 32px;
}
.brick-num-input-size-md .brick-num-input-prefix,
.brick-num-input-size-md .brick-num-input-suffix {
  display: inline-block;
  line-height: 30px;
}

.brick-num-input-size-lg.brick-num-input-type-intensive .brick-num-input-step-plus,
.brick-num-input-size-lg.brick-num-input-type-intensive .brick-num-input-step-minus {
  width: 36px;
}
.brick-num-input-size-lg .brick-num-input-prefix,
.brick-num-input-size-lg .brick-num-input-suffix {
  display: inline-block;
  line-height: 34px;
}

.brick-num-input-size-xl.brick-num-input-type-intensive .brick-num-input-step-plus,
.brick-num-input-size-xl.brick-num-input-type-intensive .brick-num-input-step-minus {
  width: 40px;
}
.brick-num-input-size-xl .brick-num-input-prefix,
.brick-num-input-size-xl .brick-num-input-suffix {
  display: inline-block;
  line-height: 38px;
}

.brick-side-nav,
.brick-side-nav * {
  box-sizing: border-box;
}
.brick-side-nav {
  position: relative;
  width: 200px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgb(237.15, 237.15, 237.15);
}
.brick-side-nav-menu-wrap {
  height: 100%;
  margin-right: -1px;
  overflow: auto;
}
.brick-side-nav-menu-wrap > .brick-menu {
  min-height: 100%;
  padding-top: 8px;
  border-right: none;
}
.brick-side-nav-toggle {
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  width: 12px;
  height: 52px;
  cursor: pointer;
  background: url("../assets/toggle.svg");
}
.brick-side-nav-toggle .brick-icon {
  font-size: 12px;
  transform: scale(0.75);
}
.brick-side-nav.brick-side-nav-collapsed {
  width: 72px;
  padding-right: 12px;
  border-right: none;
}
.brick-side-nav.brick-side-nav-collapsed > .brick-side-nav-menu-wrap {
  border-right: 1px solid rgb(237.15, 237.15, 237.15);
}
.brick-side-nav.brick-side-nav-collapsed .brick-side-nav-toggle {
  right: 12px;
  transform: translate(100%, -50%) scaleX(-1);
}
.brick-side-nav.brick-side-nav-collapsed .brick-menu-type-nav .brick-menu-item-content {
  text-align: center;
}
.brick-side-nav.brick-side-nav-collapsed .brick-menu-type-nav .brick-menu-item-content-with-suffix {
  padding: 0 20px;
}
.brick-side-nav.brick-side-nav-collapsed .brick-menu-type-nav .brick-menu-item-suffix {
  display: none;
}
.brick-side-nav.brick-side-nav-reverse-color {
  border-right-color: transparent;
}
.brick-side-nav.brick-side-nav-reverse-color.brick-side-nav-collapsed > .brick-side-nav-menu-wrap {
  border-right-color: transparent;
}
.brick-side-nav.brick-side-nav-reverse-color.brick-side-nav-collapsed .brick-menu-submenu-has-descendant-selected .brick-menu-item-content {
  background-color: rgb(54.1875, 108.375, 216.75);
}
.brick-side-nav.brick-side-nav-reverse-color:not(.brick-side-nav-collapsed) .brick-side-nav-toggle {
  background: url("../assets/toggle-reverse-color.svg");
  width: 11px;
  right: 0;
}
.brick-side-nav.brick-side-nav-reverse-color:not(.brick-side-nav-collapsed) .brick-side-nav-toggle .brick-icon {
  color: rgb(255, 255, 255);
}

.brick-lottie,
.brick-lottie * {
  box-sizing: border-box;
}
.brick-lottie svg {
  vertical-align: top;
}

.brick-poster,
.brick-poster * {
  box-sizing: border-box;
}
.brick-poster {
  font-size: 14px;
  line-height: 22px;
}
.brick-poster {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.brick-poster-illus, .brick-poster-content {
  display: inline-block;
}
.brick-poster-content {
  color: #6964A2;
  margin-top: 24px;
  text-align: center;
}
.brick-poster .brick-poster-message, .brick-poster .brick-poster-explanation {
  margin-bottom: 0;
}
.brick-poster-message {
  font: inherit;
}
.brick-poster-illus {
  display: inline-block;
  width: 420px;
  height: 315px;
}
.brick-poster-actions {
  margin-top: 20px;
}
.brick-poster-name-403 .brick-poster-illus {
  background-image: url("../assets/403.png");
  background-image: -webkit-image-set(url("../assets/403.webp") type("image/webp"), url("../assets/403.png") type("image/png"));
  background-image: image-set(url("../assets/403.webp") type("image/webp"), url("../assets/403.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-403 .brick-poster-illus {
    background-image: url("../assets/403@2x.png");
    background-image: -webkit-image-set(url("../assets/403@2x.webp") type("image/webp"), url("../assets/403@2x.png") type("image/png"));
    background-image: image-set(url("../assets/403@2x.webp") type("image/webp"), url("../assets/403@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-403 .brick-poster-illus {
    background-image: url("../assets/403@3x.png");
    background-image: -webkit-image-set(url("../assets/403@3x.webp") type("image/webp"), url("../assets/403@3x.png") type("image/png"));
    background-image: image-set(url("../assets/403@3x.webp") type("image/webp"), url("../assets/403@3x.png") type("image/png"));
  }
}
.brick-poster-name-404 .brick-poster-illus {
  background-image: url("../assets/404.png");
  background-image: -webkit-image-set(url("../assets/404.webp") type("image/webp"), url("../assets/404.png") type("image/png"));
  background-image: image-set(url("../assets/404.webp") type("image/webp"), url("../assets/404.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-404 .brick-poster-illus {
    background-image: url("../assets/404@2x.png");
    background-image: -webkit-image-set(url("../assets/404@2x.webp") type("image/webp"), url("../assets/404@2x.png") type("image/png"));
    background-image: image-set(url("../assets/404@2x.webp") type("image/webp"), url("../assets/404@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-404 .brick-poster-illus {
    background-image: url("../assets/404@3x.png");
    background-image: -webkit-image-set(url("../assets/404@3x.webp") type("image/webp"), url("../assets/404@3x.png") type("image/png"));
    background-image: image-set(url("../assets/404@3x.webp") type("image/webp"), url("../assets/404@3x.png") type("image/png"));
  }
}
.brick-poster-name-offline .brick-poster-illus {
  background-image: url("../assets/offline.png");
  background-image: -webkit-image-set(url("../assets/offline.webp") type("image/webp"), url("../assets/offline.png") type("image/png"));
  background-image: image-set(url("../assets/offline.webp") type("image/webp"), url("../assets/offline.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-offline .brick-poster-illus {
    background-image: url("../assets/offline@2x.png");
    background-image: -webkit-image-set(url("../assets/offline@2x.webp") type("image/webp"), url("../assets/offline@2x.png") type("image/png"));
    background-image: image-set(url("../assets/offline@2x.webp") type("image/webp"), url("../assets/offline@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-offline .brick-poster-illus {
    background-image: url("../assets/offline@3x.png");
    background-image: -webkit-image-set(url("../assets/offline@3x.webp") type("image/webp"), url("../assets/offline@3x.png") type("image/png"));
    background-image: image-set(url("../assets/offline@3x.webp") type("image/webp"), url("../assets/offline@3x.png") type("image/png"));
  }
}
.brick-poster-name-empty .brick-poster-illus {
  background-image: url("../assets/empty.png");
  background-image: -webkit-image-set(url("../assets/empty.webp") type("image/webp"), url("../assets/empty.png") type("image/png"));
  background-image: image-set(url("../assets/empty.webp") type("image/webp"), url("../assets/empty.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-empty .brick-poster-illus {
    background-image: url("../assets/empty@2x.png");
    background-image: -webkit-image-set(url("../assets/empty@2x.webp") type("image/webp"), url("../assets/empty@2x.png") type("image/png"));
    background-image: image-set(url("../assets/empty@2x.webp") type("image/webp"), url("../assets/empty@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-empty .brick-poster-illus {
    background-image: url("../assets/empty@3x.png");
    background-image: -webkit-image-set(url("../assets/empty@3x.webp") type("image/webp"), url("../assets/empty@3x.png") type("image/png"));
    background-image: image-set(url("../assets/empty@3x.webp") type("image/webp"), url("../assets/empty@3x.png") type("image/png"));
  }
}
.brick-poster-name-error .brick-poster-illus {
  background-image: url("../assets/error.png");
  background-image: -webkit-image-set(url("../assets/error.webp") type("image/webp"), url("../assets/error.png") type("image/png"));
  background-image: image-set(url("../assets/error.webp") type("image/webp"), url("../assets/error.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-error .brick-poster-illus {
    background-image: url("../assets/error@2x.png");
    background-image: -webkit-image-set(url("../assets/error@2x.webp") type("image/webp"), url("../assets/error@2x.png") type("image/png"));
    background-image: image-set(url("../assets/error@2x.webp") type("image/webp"), url("../assets/error@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-error .brick-poster-illus {
    background-image: url("../assets/error@3x.png");
    background-image: -webkit-image-set(url("../assets/error@3x.webp") type("image/webp"), url("../assets/error@3x.png") type("image/png"));
    background-image: image-set(url("../assets/error@3x.webp") type("image/webp"), url("../assets/error@3x.png") type("image/png"));
  }
}
.brick-poster-name-failure .brick-poster-illus {
  background-image: url("../assets/failure.png");
  background-image: -webkit-image-set(url("../assets/failure.webp") type("image/webp"), url("../assets/failure.png") type("image/png"));
  background-image: image-set(url("../assets/failure.webp") type("image/webp"), url("../assets/failure.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-failure .brick-poster-illus {
    background-image: url("../assets/failure@2x.png");
    background-image: -webkit-image-set(url("../assets/failure@2x.webp") type("image/webp"), url("../assets/failure@2x.png") type("image/png"));
    background-image: image-set(url("../assets/failure@2x.webp") type("image/webp"), url("../assets/failure@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-failure .brick-poster-illus {
    background-image: url("../assets/failure@3x.png");
    background-image: -webkit-image-set(url("../assets/failure@3x.webp") type("image/webp"), url("../assets/failure@3x.png") type("image/png"));
    background-image: image-set(url("../assets/failure@3x.webp") type("image/webp"), url("../assets/failure@3x.png") type("image/png"));
  }
}
.brick-poster-name-maintaining .brick-poster-illus {
  background-image: url("../assets/maintaining.png");
  background-image: -webkit-image-set(url("../assets/maintaining.webp") type("image/webp"), url("../assets/maintaining.png") type("image/png"));
  background-image: image-set(url("../assets/maintaining.webp") type("image/webp"), url("../assets/maintaining.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-maintaining .brick-poster-illus {
    background-image: url("../assets/maintaining@2x.png");
    background-image: -webkit-image-set(url("../assets/maintaining@2x.webp") type("image/webp"), url("../assets/maintaining@2x.png") type("image/png"));
    background-image: image-set(url("../assets/maintaining@2x.webp") type("image/webp"), url("../assets/maintaining@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-maintaining .brick-poster-illus {
    background-image: url("../assets/maintaining@3x.png");
    background-image: -webkit-image-set(url("../assets/maintaining@3x.webp") type("image/webp"), url("../assets/maintaining@3x.png") type("image/png"));
    background-image: image-set(url("../assets/maintaining@3x.webp") type("image/webp"), url("../assets/maintaining@3x.png") type("image/png"));
  }
}
.brick-poster-name-forward .brick-poster-illus {
  background-image: url("../assets/forward.png");
  background-image: -webkit-image-set(url("../assets/forward.webp") type("image/webp"), url("../assets/forward.png") type("image/png"));
  background-image: image-set(url("../assets/forward.webp") type("image/webp"), url("../assets/forward.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-forward .brick-poster-illus {
    background-image: url("../assets/forward@2x.png");
    background-image: -webkit-image-set(url("../assets/forward@2x.webp") type("image/webp"), url("../assets/forward@2x.png") type("image/png"));
    background-image: image-set(url("../assets/forward@2x.webp") type("image/webp"), url("../assets/forward@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-forward .brick-poster-illus {
    background-image: url("../assets/forward@3x.png");
    background-image: -webkit-image-set(url("../assets/forward@3x.webp") type("image/webp"), url("../assets/forward@3x.png") type("image/png"));
    background-image: image-set(url("../assets/forward@3x.webp") type("image/webp"), url("../assets/forward@3x.png") type("image/png"));
  }
}
.brick-poster-name-no-access .brick-poster-illus {
  background-image: url("../assets/no-access.png");
  background-image: -webkit-image-set(url("../assets/no-access.webp") type("image/webp"), url("../assets/no-access.png") type("image/png"));
  background-image: image-set(url("../assets/no-access.webp") type("image/webp"), url("../assets/no-access.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-no-access .brick-poster-illus {
    background-image: url("../assets/no-access@2x.png");
    background-image: -webkit-image-set(url("../assets/no-access@2x.webp") type("image/webp"), url("../assets/no-access@2x.png") type("image/png"));
    background-image: image-set(url("../assets/no-access@2x.webp") type("image/webp"), url("../assets/no-access@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-no-access .brick-poster-illus {
    background-image: url("../assets/no-access@3x.png");
    background-image: -webkit-image-set(url("../assets/no-access@3x.webp") type("image/webp"), url("../assets/no-access@3x.png") type("image/png"));
    background-image: image-set(url("../assets/no-access@3x.webp") type("image/webp"), url("../assets/no-access@3x.png") type("image/png"));
  }
}
.brick-poster-name-success .brick-poster-illus {
  background-image: url("../assets/success.png");
  background-image: -webkit-image-set(url("../assets/success.webp") type("image/webp"), url("../assets/success.png") type("image/png"));
  background-image: image-set(url("../assets/success.webp") type("image/webp"), url("../assets/success.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-success .brick-poster-illus {
    background-image: url("../assets/success@2x.png");
    background-image: -webkit-image-set(url("../assets/success@2x.webp") type("image/webp"), url("../assets/success@2x.png") type("image/png"));
    background-image: image-set(url("../assets/success@2x.webp") type("image/webp"), url("../assets/success@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-success .brick-poster-illus {
    background-image: url("../assets/success@3x.png");
    background-image: -webkit-image-set(url("../assets/success@3x.webp") type("image/webp"), url("../assets/success@3x.png") type("image/png"));
    background-image: image-set(url("../assets/success@3x.webp") type("image/webp"), url("../assets/success@3x.png") type("image/png"));
  }
}
.brick-poster-name-unsupported .brick-poster-illus {
  background-image: url("../assets/unsupported.png");
  background-image: -webkit-image-set(url("../assets/unsupported.webp") type("image/webp"), url("../assets/unsupported.png") type("image/png"));
  background-image: image-set(url("../assets/unsupported.webp") type("image/webp"), url("../assets/unsupported.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-unsupported .brick-poster-illus {
    background-image: url("../assets/unsupported@2x.png");
    background-image: -webkit-image-set(url("../assets/unsupported@2x.webp") type("image/webp"), url("../assets/unsupported@2x.png") type("image/png"));
    background-image: image-set(url("../assets/unsupported@2x.webp") type("image/webp"), url("../assets/unsupported@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-unsupported .brick-poster-illus {
    background-image: url("../assets/unsupported@3x.png");
    background-image: -webkit-image-set(url("../assets/unsupported@3x.webp") type("image/webp"), url("../assets/unsupported@3x.png") type("image/png"));
    background-image: image-set(url("../assets/unsupported@3x.webp") type("image/webp"), url("../assets/unsupported@3x.png") type("image/png"));
  }
}
.brick-poster-name-welcome .brick-poster-illus {
  background-image: url("../assets/welcome.png");
  background-image: -webkit-image-set(url("../assets/welcome.webp") type("image/webp"), url("../assets/welcome.png") type("image/png"));
  background-image: image-set(url("../assets/welcome.webp") type("image/webp"), url("../assets/welcome.png") type("image/png"));
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-resolution: 2dppx) {
  .brick-poster-name-welcome .brick-poster-illus {
    background-image: url("../assets/welcome@2x.png");
    background-image: -webkit-image-set(url("../assets/welcome@2x.webp") type("image/webp"), url("../assets/welcome@2x.png") type("image/png"));
    background-image: image-set(url("../assets/welcome@2x.webp") type("image/webp"), url("../assets/welcome@2x.png") type("image/png"));
  }
}
@media (min-resolution: 3dppx) {
  .brick-poster-name-welcome .brick-poster-illus {
    background-image: url("../assets/welcome@3x.png");
    background-image: -webkit-image-set(url("../assets/welcome@3x.webp") type("image/webp"), url("../assets/welcome@3x.png") type("image/png"));
    background-image: image-set(url("../assets/welcome@3x.webp") type("image/webp"), url("../assets/welcome@3x.png") type("image/png"));
  }
}

.brick-poster-layout-horizontal {
  flex-flow: row;
  justify-content: center;
}
.brick-poster-layout-horizontal .brick-poster-content {
  width: 420px;
  margin-top: 0;
  margin-left: 36px;
  text-align: left;
}
.brick-poster-layout-horizontal .brick-poster-message {
  font-size: 24px;
  margin-bottom: 16px;
}
.brick-poster-layout-horizontal .brick-poster-actions {
  margin-top: 24px;
}

.brick-message,
.brick-message * {
  box-sizing: border-box;
}

.brick-notification,
.brick-notification * {
  box-sizing: border-box;
}
.brick-notification.brick-toast {
  width: 380px;
}
.brick-notification.brick-toast + .brick-notification.brick-toast {
  margin-top: 16px;
}
.brick-notification .brick-alert {
  padding: 20px 24px;
}
.brick-notification .brick-alert:not(.brick-alert-without-headline) .brick-alert-headline {
  font-size: 16px;
  line-height: 24px;
}
.brick-notification .brick-alert:not(.brick-alert-without-headline).brick-alert-with-icon .brick-alert-message {
  padding-left: 32px;
}
.brick-notification .brick-alert:not(.brick-alert-without-headline) .brick-alert-icon {
  width: 24px;
  height: 24px;
}
.brick-notification .brick-alert:not(.brick-alert-without-headline) .brick-alert-icon {
  font-size: 24px;
}
.brick-notification .brick-alert-content {
  color: rgb(102, 102, 102);
}

.brick-tour,
.brick-tour * {
  box-sizing: border-box;
}
.brick-tour .brick-modal-wrap {
  position: absolute;
}
.brick-tour .brick-modal-wrap {
  mix-blend-mode: hard-light;
}
.brick-tour .brick-modal-wrap .brick-tour-step-spot {
  background: gray;
}

.brick-tour-step {
  visibility: hidden;
}
.brick-tour-step-visible {
  visibility: visible;
}
.brick-tour-step .brick-popper-inner {
  min-width: 282px;
  max-width: 600px;
}
.brick-tour-step .brick-popper-inner .brick-tour-step-card-content {
  max-height: 342px;
  overflow: auto;
}

.brick-tour-step-spot {
  position: absolute;
  display: inline-block;
  padding: 8px;
  min-width: 28px;
  min-height: 28px;
  vertical-align: top;
  border-radius: 4px;
}
.brick-tour-step-center-panel,
.brick-tour-step-spot-popper .brick-popper-wrap .brick-popper-inner {
  padding: 16px 24px;
  border-radius: 4px;
}

.brick-tour-step-center-panel-popup {
  position: fixed;
  inset: 0;
  z-index: 1030;
}

.brick-tour-step-center-panel {
  display: inline-block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding: 16px 24px;
  min-width: 282px;
  max-width: 600px;
  max-height: 680px;
  overflow: auto;
  background: rgb(255, 255, 255);
}

.brick-tour-step-card {
  position: relative;
}
.brick-tour-step-card .brick-close-x {
  position: absolute;
  right: -2px;
  top: 3px;
}
.brick-tour-step-card-cover {
  padding: 32px 0 16px;
}
.brick-tour-step-card-headline {
  margin-bottom: 4px;
  font-weight: 600;
}
.brick-tour-step-card-headline {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-tour-step-card-headline {
  font-size: 16px;
  line-height: 24px;
}
.brick-tour-step-card-headline, .brick-tour-step-card-without-headline .brick-tour-step-card-content {
  padding-right: 30px;
}
.brick-tour-step-card-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-tour-step-card-foot {
  display: flex;
  align-items: baseline;
  margin-top: 16px;
}
.brick-tour-step-card-actions {
  padding-left: 16px;
  text-align: right;
  flex-grow: 1;
}
.brick-tour-step-card-pagination {
  flex-shrink: 0;
  flex-grow: 0;
  color: rgb(153, 153, 153);
}
.brick-tour-step-card-pagination {
  font-size: 12px;
  line-height: 18px;
}

.brick-intro,
.brick-intro * {
  box-sizing: border-box;
}
.brick-intro .brick-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-x: auto;
  height: 100%;
}
.brick-intro-wrap {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.brick-intro-close-x {
  position: absolute;
  top: 0;
  right: -16px;
  transform: translateX(100%);
}
.brick-intro-close-x.brick-button-type-plain.brick-button-icon-only, .brick-intro-close-x.brick-button-type-plain.brick-button-icon-only .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-intro-start {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.brick-button + .brick-intro-start {
  margin: 0;
}
.brick-intro-foot {
  margin-top: 16px;
  text-align: center;
  height: 32px;
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled) {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):hover, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):active {
  background: rgba(0, 0, 0, 0.6);
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):focus-visible {
  background: rgba(0, 0, 0, 0.6);
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled), .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):hover, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):active {
  border-color: transparent;
  box-shadow: none;
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled), .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled) .brick-icon, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):hover, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):hover .brick-icon, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):active, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):active .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):focus-visible {
  border-color: transparent;
  box-shadow: none;
}
.brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):focus-visible, .brick-intro-move.brick-button-type-normal:not(.brick-button-disabled):focus-visible .brick-icon {
  color: rgb(255, 255, 255);
}
.brick-intro-back, .brick-intro-forward {
  position: absolute;
  top: 50%;
}
.brick-intro-back {
  left: -16px;
  transform: translate(-100%, -50%);
}
.brick-intro-forward {
  right: -16px;
  transform: translate(100%, -50%);
}
.brick-intro-content {
  display: inline-block;
  min-width: 600px;
  vertical-align: top;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
}
.brick-intro-slides-wrap {
  width: 600px;
  overflow: hidden;
}
.brick-intro-slides {
  position: relative;
  display: flex;
  min-height: 120px;
  transition: left 0.5s;
}

.brick-intro-pagination {
  padding: 12px 0;
  display: inline-flex;
}
.brick-intro-pagination-dot {
  display: inline-block;
  padding: 4px;
  margin: -4px;
  line-height: 0;
}
.brick-intro-pagination-dot::before {
  width: 6px;
  height: 6px;
}
.brick-intro-pagination-dot::before {
  content: "";
  display: inline-block;
  background: rgb(237.15, 237.15, 237.15);
  border-radius: 3px;
}
.brick-intro-pagination-dot-active::before {
  width: 10px;
  background: #4c84ff;
}
.brick-intro-pagination-dot:not(.brick-intro-pagination-dot-active) {
  cursor: pointer;
}
.brick-intro-pagination-dot + .brick-intro-pagination-dot {
  margin-left: 8px;
}

.brick-intro-slide {
  width: 600px;
}
.brick-intro-slide-description {
  padding: 16px 0;
}
.brick-intro-slide-headline + .brick-intro-slide-content {
  margin-top: 8px;
}
.brick-intro-slide-headline {
  font-size: 20px;
  line-height: 26px;
  color: rgb(51, 51, 51);
}
.brick-intro-slide-content {
  font-size: 14px;
  line-height: 22px;
}
.brick-intro-slide-content {
  color: rgb(153, 153, 153);
}
.brick-intro-slide-headline, .brick-intro-slide-content {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.brick-intro-slide-active .brick-intro-slide-headline, .brick-intro-slide-active .brick-intro-slide-content {
  opacity: 1;
  transform: translateY(0);
}
.brick-intro-slide-headline {
  transform: translateY(60%);
  transition-delay: 0.5s;
}
.brick-intro-slide-content {
  transform: translateY(30%);
  transition-delay: 0.6s;
}

.brick-steps,
.brick-steps * {
  box-sizing: border-box;
}
.brick-steps {
  display: flex;
}

.brick-steps-node {
  position: relative;
  display: inline-block;
  flex: 1;
  line-height: 1;
  overflow: hidden;
  vertical-align: top;
}
.brick-steps-node-joint {
  display: inline-block;
  position: absolute;
}
.brick-steps-node-joint::after, .brick-steps-node-label::after {
  background: rgb(224.4, 224.4, 224.4);
}
.brick-steps-node-knob {
  display: inline-block;
  margin-right: 12px;
  vertical-align: top;
  color: rgb(153, 153, 153);
}
.brick-steps-node-info {
  display: inline-block;
}
.brick-steps-node-label {
  position: relative;
  display: inline-block;
  font-weight: 600;
}
.brick-steps-node-label {
  font-size: 14px;
  line-height: 22px;
}
.brick-steps-node-label-inner {
  max-width: 120px;
}
.brick-steps-node-label-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brick-steps-node-description {
  max-width: 180px;
}
.brick-steps-node-description {
  font-size: 12px;
  line-height: 18px;
}
.brick-steps-node-label + .brick-steps-node-description {
  margin-top: 4px;
}
.brick-steps-node:last-child {
  flex: none;
}
.brick-steps-node:last-child .brick-steps-node-joint {
  display: none;
}

.brick-steps-type-standard .brick-steps-node-knob {
  width: 32px;
  height: 32px;
}
.brick-steps-type-standard .brick-steps-node-knob {
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 50%;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
.brick-steps-type-standard .brick-steps-node-custom-icon .brick-steps-node-knob {
  border: none;
}
.brick-steps-type-standard .brick-steps-node-custom-icon .brick-steps-node-icon {
  font-size: 32px;
}
.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label {
  padding-top: 6px;
}

.brick-steps-type-dot .brick-steps-node-knob {
  width: 16px;
  height: 16px;
}
.brick-steps-type-dot .brick-steps-node-knob {
  position: relative;
}
.brick-steps-type-dot .brick-steps-node-knob::before {
  width: 12px;
  height: 12px;
}
.brick-steps-type-dot .brick-steps-node-knob::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(204, 204, 204);
  border-radius: 50%;
}
.brick-steps-type-dot .brick-steps-node-active .brick-steps-node-knob::before {
  width: 16px;
  height: 16px;
}
.brick-steps-type-dot .brick-steps-node-active .brick-steps-node-knob::before {
  background: #4c84ff;
}
.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-knob {
  height: 22px;
}
.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 11px;
}

.brick-steps-direction-horizontal .brick-steps-node + .brick-steps-node {
  margin-left: 12px;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-right .brick-steps-node-label::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-right .brick-steps-node-label::after {
  width: 99999px;
  height: 1px;
  top: 16px;
  left: 100%;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-right .brick-steps-node-label-inner {
  padding-right: 12px;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-right .brick-steps-node:last-child .brick-steps-node-label::after {
  content: none;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-bottom .brick-steps-node-info {
  display: block;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-bottom .brick-steps-node-joint {
  width: 100%;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-bottom .brick-steps-node-joint::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-bottom .brick-steps-node-joint::after {
  width: 100%;
  height: 1px;
}
.brick-steps-direction-horizontal.brick-steps-label-placement-bottom .brick-steps-node-info {
  margin-top: 8px;
}
.brick-steps-direction-horizontal.brick-steps-type-standard .brick-steps-node-joint {
  margin-left: 44px;
}
.brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-bottom .brick-steps-node-joint::after, .brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 16px;
}
.brick-steps-direction-horizontal.brick-steps-type-dot .brick-steps-node-joint {
  margin-left: 28px;
}
.brick-steps-direction-horizontal.brick-steps-type-dot .brick-steps-node-joint::after {
  top: 8px;
}
.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 11px;
}

.brick-steps-direction-vertical {
  flex-direction: column;
}
.brick-steps-direction-vertical .brick-steps-node {
  display: flex;
  flex: 1 0 auto;
}
.brick-steps-direction-vertical .brick-steps-node-joint {
  height: 100%;
}
.brick-steps-direction-vertical .brick-steps-node-joint::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 100%;
}
.brick-steps-direction-vertical .brick-steps-node-joint::after {
  height: 100%;
  width: 1px;
}
.brick-steps-direction-vertical .brick-steps-node-knob {
  flex-shrink: 0;
}
.brick-steps-direction-vertical .brick-steps-node-info {
  flex: 1;
}
.brick-steps-direction-vertical .brick-steps-node:not(:last-child) {
  min-height: 128px;
}
.brick-steps-direction-vertical.brick-steps-type-standard .brick-steps-node-joint {
  margin-top: 44px;
  left: 16px;
}
.brick-steps-direction-vertical.brick-steps-type-standard .brick-steps-node + .brick-steps-node {
  margin-top: 12px;
}
.brick-steps-direction-vertical.brick-steps-type-dot .brick-steps-node-joint {
  margin-top: 31px;
  left: 8px;
}
.brick-steps-direction-vertical .brick-steps-node + .brick-steps-node {
  margin-top: 9px;
}

.brick-steps-node-status-waiting .brick-steps-node-info {
  color: rgb(153, 153, 153);
}
.brick-steps-type-standard .brick-steps-node-status-active .brick-steps-node-knob, .brick-steps-type-standard .brick-steps-node-status-done .brick-steps-node-knob {
  border-color: #4c84ff;
}
.brick-steps-type-standard .brick-steps-node-status-active .brick-steps-node-icon, .brick-steps-type-standard .brick-steps-node-status-done .brick-steps-node-icon {
  color: #4c84ff;
}
.brick-steps-type-standard .brick-steps-node-status-done .brick-steps-node-knob {
  color: #4c84ff;
}
.brick-steps-type-standard .brick-steps-node-status-active:not(.brick-steps-node-custom-icon) .brick-steps-node-knob {
  background: #4c84ff;
}
.brick-steps-type-standard .brick-steps-node-status-active:not(.brick-steps-node-custom-icon) .brick-steps-node-knob, .brick-steps-type-standard .brick-steps-node-status-active:not(.brick-steps-node-custom-icon) .brick-steps-node-knob .brick-steps-node-icon {
  color: rgb(255, 255, 255);
}
.brick-steps-type-standard .brick-steps-node-status-terminated .brick-steps-node-knob, .brick-steps-type-standard .brick-steps-node-status-error .brick-steps-node-knob {
  color: #e64552;
  border-color: #e64552;
}
.brick-steps-type-standard .brick-steps-node-status-terminated .brick-steps-node-icon, .brick-steps-type-standard .brick-steps-node-status-error .brick-steps-node-icon {
  color: #e64552;
}
.brick-steps-type-standard .brick-steps-node-status-terminated:not(.brick-steps-node-custom-icon) .brick-steps-node-knob {
  background: #e64552;
}
.brick-steps-type-standard .brick-steps-node-status-terminated:not(.brick-steps-node-custom-icon) .brick-steps-node-knob, .brick-steps-type-standard .brick-steps-node-status-terminated:not(.brick-steps-node-custom-icon) .brick-steps-node-knob .brick-steps-node-icon {
  color: rgb(255, 255, 255);
}

.brick-steps-type-dot .brick-steps-node-status-active .brick-steps-node-knob::before, .brick-steps-type-dot .brick-steps-node-status-done .brick-steps-node-knob::before {
  background: #4c84ff;
}
.brick-steps-type-dot .brick-steps-node-status-terminated .brick-steps-node-knob::before, .brick-steps-type-dot .brick-steps-node-status-error .brick-steps-node-knob::before {
  background: #e64552;
}
.brick-steps-node-next-status-done .brick-steps-node-joint::after,
.brick-steps-node-next-status-done .brick-steps-node-label::after, .brick-steps-node-next-status-active .brick-steps-node-joint::after,
.brick-steps-node-next-status-active .brick-steps-node-label::after, .brick-steps-node-next-status-error .brick-steps-node-joint::after,
.brick-steps-node-next-status-error .brick-steps-node-label::after {
  background: #4c84ff;
}
.brick-steps-node-next-status-terminated .brick-steps-node-joint::after,
.brick-steps-node-next-status-terminated .brick-steps-node-label::after {
  background: #e64552;
}

.brick-steps-clickable .brick-steps-node {
  cursor: pointer;
}
.brick-steps-clickable .brick-steps-node-disabled {
  cursor: not-allowed;
}
.brick-steps-clickable .brick-steps-node:focus-visible {
  outline: transparent;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-waiting:hover .brick-steps-node-knob {
  color: #4c84ff;
  border-color: #4c84ff;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-waiting:focus-visible .brick-steps-node-knob {
  color: #4c84ff;
  border-color: #4c84ff;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-waiting:focus-visible .brick-steps-node-knob {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-waiting:active .brick-steps-node-knob {
  color: #4c84ff;
  border-color: #4c84ff;
  background: rgb(219.3, 228.225, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-done:hover .brick-steps-node-knob {
  background: rgb(242.25, 245.225, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-done:focus-visible .brick-steps-node-knob {
  background: rgb(242.25, 245.225, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-done:focus-visible .brick-steps-node-knob {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-done:active .brick-steps-node-knob {
  background: rgb(219.3, 228.225, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-error:hover .brick-steps-node-knob {
  background: rgb(255, 242.25, 242.25);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-error:focus-visible .brick-steps-node-knob {
  background: rgb(255, 242.25, 242.25);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-error:focus-visible .brick-steps-node-knob {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-error:active .brick-steps-node-knob {
  background: rgb(255, 219.3, 219.895);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-active:hover .brick-steps-node-knob {
  background: rgb(112.2, 155.04, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-active:focus-visible .brick-steps-node-knob {
  background: rgb(112.2, 155.04, 255);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-active:focus-visible .brick-steps-node-knob {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-active:active .brick-steps-node-knob {
  border-color: rgb(54.1875, 108.375, 216.75);
  background: rgb(54.1875, 108.375, 216.75);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-terminated:hover .brick-steps-node-knob {
  background: rgb(242.25, 106.59, 115.634);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-terminated:focus-visible .brick-steps-node-knob {
  background: rgb(242.25, 106.59, 115.634);
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-terminated:focus-visible .brick-steps-node-knob {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}
.brick-steps-clickable.brick-steps-type-standard .brick-steps-node:not(.brick-steps-node-custom-icon).brick-steps-node-status-terminated:active .brick-steps-node-knob {
  border-color: rgb(191.25, 47.8125, 62.15625);
  background: rgb(191.25, 47.8125, 62.15625);
}

.brick-steps-size-sm .brick-steps-node-label {
  font-size: 12px;
  line-height: 18px;
}
.brick-steps-size-sm .brick-steps-node-label {
  min-height: 18px;
}
.brick-steps-size-sm .brick-steps-description {
  font-size: 12px;
  line-height: 18px;
}
.brick-steps-size-sm.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label {
  padding-top: 6px;
}
.brick-steps-size-sm.brick-steps-type-standard .brick-steps-node-knob {
  width: 28px;
  height: 28px;
}
.brick-steps-size-sm.brick-steps-type-standard .brick-steps-node-knob {
  font-size: 14px;
  line-height: 28px;
}
.brick-steps-size-sm.brick-steps-type-standard .brick-steps-node-custom-icon .brick-steps-node-icon {
  font-size: 28px;
}
.brick-steps-size-sm.brick-steps-type-dot .brick-steps-node-knob {
  width: 12px;
  height: 12px;
}
.brick-steps-size-sm.brick-steps-type-dot .brick-steps-node-knob::before {
  width: 8px;
  height: 8px;
}
.brick-steps-size-sm.brick-steps-type-dot .brick-steps-node-active .brick-steps-node-knob::before {
  width: 12px;
  height: 12px;
}
.brick-steps-size-sm.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-knob {
  height: 18px;
}
.brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-standard .brick-steps-node-joint {
  margin-left: 40px;
}
.brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-bottom .brick-steps-node-joint::after, .brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 14px;
}
.brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 9px;
}
.brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-bottom .brick-steps-node-joint {
  margin-left: 24px;
}
.brick-steps-size-sm.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-bottom .brick-steps-node-joint::after {
  top: 6px;
}
.brick-steps-size-sm.brick-steps-direction-vertical.brick-steps-type-standard .brick-steps-node-joint {
  margin-top: 40px;
  left: 14px;
}
.brick-steps-size-sm.brick-steps-direction-vertical.brick-steps-type-dot .brick-steps-node-joint {
  margin-top: 27px;
  left: 6px;
}
.brick-steps-size-sm.brick-steps-direction-vertical.brick-steps-type-dot .brick-steps-node + .brick-steps-node {
  margin-top: 9px;
}

.brick-steps-size-md .brick-steps-node-label {
  font-size: 14px;
  line-height: 22px;
}
.brick-steps-size-md .brick-steps-node-label {
  min-height: 22px;
}
.brick-steps-size-md .brick-steps-description {
  font-size: 12px;
  line-height: 18px;
}
.brick-steps-size-md.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label {
  padding-top: 6px;
}
.brick-steps-size-md.brick-steps-type-standard .brick-steps-node-knob {
  width: 32px;
  height: 32px;
}
.brick-steps-size-md.brick-steps-type-standard .brick-steps-node-knob {
  font-size: 16px;
  line-height: 32px;
}
.brick-steps-size-md.brick-steps-type-standard .brick-steps-node-custom-icon .brick-steps-node-icon {
  font-size: 32px;
}
.brick-steps-size-md.brick-steps-type-dot .brick-steps-node-knob {
  width: 16px;
  height: 16px;
}
.brick-steps-size-md.brick-steps-type-dot .brick-steps-node-knob::before {
  width: 12px;
  height: 12px;
}
.brick-steps-size-md.brick-steps-type-dot .brick-steps-node-active .brick-steps-node-knob::before {
  width: 16px;
  height: 16px;
}
.brick-steps-size-md.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-knob {
  height: 22px;
}
.brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-standard .brick-steps-node-joint {
  margin-left: 44px;
}
.brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-bottom .brick-steps-node-joint::after, .brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-standard.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 16px;
}
.brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-right .brick-steps-node-label::after {
  top: 11px;
}
.brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-bottom .brick-steps-node-joint {
  margin-left: 28px;
}
.brick-steps-size-md.brick-steps-direction-horizontal.brick-steps-type-dot.brick-steps-label-placement-bottom .brick-steps-node-joint::after {
  top: 8px;
}
.brick-steps-size-md.brick-steps-direction-vertical.brick-steps-type-standard .brick-steps-node-joint {
  margin-top: 44px;
  left: 16px;
}
.brick-steps-size-md.brick-steps-direction-vertical.brick-steps-type-dot .brick-steps-node-joint {
  margin-top: 31px;
  left: 8px;
}
.brick-steps-size-md.brick-steps-direction-vertical.brick-steps-type-dot .brick-steps-node + .brick-steps-node {
  margin-top: 9px;
}

.brick-tree,
.brick-tree * {
  box-sizing: border-box;
}
.brick-tree {
  display: inline-block;
  min-width: 140px;
}

.brick-tree-node {
  font-size: 14px;
  line-height: 22px;
}
.brick-tree-node {
  display: flex;
  padding: 5px 8px;
  min-height: 32px;
  cursor: pointer;
}
.brick-tree-node-indent, .brick-tree-node-toggle, .brick-tree-node-content {
  display: inline-block;
}
.brick-tree-node-indent, .brick-tree-node-toggle {
  flex: 0 0 auto;
}
.brick-tree-node-indent-unit {
  display: inline-block;
  width: 16px;
}
.brick-tree-node-toggle {
  cursor: pointer;
}
.brick-tree-node-toggle .brick-button-icon-only.brick-button-type-plain .brick-icon {
  vertical-align: baseline;
}
.brick-tree-node-content {
  display: flex;
  flex-grow: 1;
}
.brick-tree-node-content-prefix, .brick-tree-node-content-inner {
  display: inline-block;
  flex-grow: 1;
  padding-left: 8px;
}
.brick-tree-node-content-prefix {
  flex: 0 0 auto;
}
.brick-tree-node-content-prefix .brick-checkbox {
  pointer-events: none;
}
.brick-tree-node-leaf .brick-tree-node-toggle {
  visibility: hidden;
}
.brick-tree-node:hover:not(.brick-tree-node-disabled) {
  background: rgb(244.8, 244.8, 244.8);
}
.brick-tree-node:focus-visible:not(.brick-tree-node-disabled) {
  background: rgb(242.25, 245.225, 255);
}
.brick-tree-node:active:not(.brick-tree-node-disabled) {
  background: rgb(237.15, 237.15, 237.15);
}
.brick-tree-node-disabled {
  color: rgb(204, 204, 204);
  cursor: not-allowed;
}

.brick-tree-selectable-type-normal .brick-tree-node-selected {
  color: #4c84ff;
  font-weight: 600;
  background: rgb(242.25, 245.225, 255);
}
.brick-tree-selectable-type-normal .brick-tree-node-selected:hover:not(.brick-tree-node-disabled) {
  background: rgb(242.25, 245.225, 255);
}
.brick-tree-selectable-type-normal .brick-tree-node-selected:focus-visible:not(.brick-tree-node-disabled) {
  background: rgb(219.3, 228.225, 255);
}
.brick-tree-selectable-type-normal .brick-tree-node-selected:active:not(.brick-tree-node-disabled) {
  color: rgb(54.1875, 108.375, 216.75);
  background: rgb(219.3, 228.225, 255);
}
.brick-tree-selectable-type-normal .brick-tree-node-selected.brick-tree-node-disabled {
  color: rgb(183.6, 202.64, 255);
  cursor: not-allowed;
}

.brick-tree-size-sm {
  padding: 5px 0;
}
.brick-tree-size-sm .brick-tree-node {
  min-height: 28px;
}
.brick-tree-size-sm .brick-tree-node {
  font-size: 12px;
  line-height: 18px;
}
.brick-tree-size-sm .brick-tree-node-indent-unit {
  width: 12px;
}

.brick-tree-size-md {
  padding: 5px 0;
}
.brick-tree-size-md .brick-tree-node {
  min-height: 32px;
}
.brick-tree-size-md .brick-tree-node {
  font-size: 14px;
  line-height: 22px;
}
.brick-tree-size-md .brick-tree-node-indent-unit {
  width: 16px;
}

.brick-preview-wrapper,
.brick-preview-wrapper * {
  box-sizing: border-box;
}
.brick-preview-wrapper {
  user-select: none;
  position: fixed;
  z-index: 1010;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.brick-preview-wrapper .brick-preview {
  opacity: 0;
  transition: opacity 240ms;
}
.brick-preview-wrapper .brick-preview[data-brick-preview-animate-status=entered] {
  opacity: 1;
}
.brick-preview-wrapper .brick-preview-mask {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  opacity: 0.6;
}
.brick-preview-wrapper .brick-preview-image-wrapper[data-is-resetting=true] {
  transition: none;
}
.brick-preview-wrapper .brick-preview-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform 100ms ease-out;
}
.brick-preview-wrapper .brick-preview-image-wrapper .brick-preview-image-content[data-is-resetting=true] {
  transition: none;
}
.brick-preview-wrapper .brick-preview-image-wrapper .brick-preview-image-content {
  position: relative;
  background-color: rgb(51, 51, 51);
  background-size: 100% 100%;
  width: fit-content;
  height: fit-content;
  min-width: 200px;
  min-height: 140px;
  transition: width 500ms, height 500ms, transform 100ms ease-out;
}
.brick-preview-wrapper .brick-preview-image-wrapper img {
  pointer-events: none;
  max-width: 90vw;
  max-height: 70vh;
}
.brick-preview-wrapper .brick-preview-image-wrapper img.brick-preview-image-rotated {
  max-width: 70vh;
  max-height: 90vw;
}
.brick-preview-wrapper .brick-preview-image-wrapper .brick-preview-image-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper {
  transition: background 800ms;
  background-color: rgba(17, 20, 26, 0.2);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper:hover {
  background-color: rgba(17, 20, 26, 0.3);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper {
  position: absolute;
  bottom: 40px;
  left: 50vw;
  transform: translate(-50%, -50%);
  border-radius: 60px;
  height: 52px;
  padding: 0 32px;
  color: rgba(255, 255, 255, 0.8);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon {
  cursor: pointer;
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon .brick-icon, .brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon.brick-icon {
  transition: color 800ms;
  color: rgba(255, 255, 255, 0.8);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon .brick-icon:hover, .brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon.brick-icon:hover {
  color: rgb(255, 255, 255);
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon {
  font-size: 20px;
  margin-left: 32px;
  cursor: pointer;
}
.brick-preview-wrapper .brick-preview-toolbar-wrapper .brick-preview-toolbar-icon:first-child {
  margin-left: 0;
}
.brick-preview-wrapper .brick-preview-close-button {
  cursor: pointer;
}
.brick-preview-wrapper .brick-preview-close-button .brick-icon, .brick-preview-wrapper .brick-preview-close-button.brick-icon {
  transition: color 800ms;
  color: rgba(255, 255, 255, 0.8);
}
.brick-preview-wrapper .brick-preview-close-button .brick-icon:hover, .brick-preview-wrapper .brick-preview-close-button.brick-icon:hover {
  color: rgb(255, 255, 255);
}
.brick-preview-wrapper .brick-preview-close-button {
  transition: background 800ms;
  background-color: rgba(17, 20, 26, 0.2);
}
.brick-preview-wrapper .brick-preview-close-button:hover {
  background-color: rgba(17, 20, 26, 0.3);
}
.brick-preview-wrapper .brick-preview-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brick-preview-wrapper .brick-preview-close-button {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 16px;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 100vh;
  cursor: pointer;
  transition: opacity 800ms;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper.brick-preview-arrow-hidden {
  opacity: 0;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 800ms;
  background: linear-gradient(to right, rgba(17, 20, 26, 0.15), rgba(17, 20, 26, 0));
}
.brick-preview-wrapper .brick-preview-arrow-wrapper.brick-preview-arrow-next {
  left: unset;
  right: 0;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper.brick-preview-arrow-next:after {
  background: linear-gradient(to left, rgba(17, 20, 26, 0.15), rgba(17, 20, 26, 0));
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon {
  transition: background 800ms;
  background-color: rgba(17, 20, 26, 0.2);
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon:hover {
  background-color: rgba(17, 20, 26, 0.3);
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon {
  cursor: pointer;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon .brick-icon, .brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon.brick-icon {
  transition: color 800ms;
  color: rgba(255, 255, 255, 0.8);
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon .brick-icon:hover, .brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon.brick-icon:hover {
  color: rgb(255, 255, 255);
}
.brick-preview-wrapper .brick-preview-arrow-wrapper .brick-preview-arrow-icon {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  font-size: 20px;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper:hover:after, .brick-preview-wrapper .brick-preview-arrow-wrapper:hover.brick-preview-arrow-next:after {
  opacity: 1;
}
.brick-preview-wrapper .brick-preview-arrow-wrapper:hover .brick-preview-arrow-icon {
  background-color: rgba(17, 20, 26, 0.3);
}
.brick-preview-wrapper .brick-preview-arrow-wrapper:hover .brick-preview-arrow-icon .brick-icon {
  color: rgb(255, 255, 255);
}

.brick-rich-text-ltr {
  text-align: left;
}

.brick-rich-text-rtl {
  text-align: right;
}

.brick-rich-text-paragraph {
  position: relative;
}

.brick-rich-text-quote {
  padding-left: 12px;
  color: rgb(102, 102, 102);
  border-left-color: rgb(204, 204, 204);
  border-left-width: 4px;
  border-left-style: solid;
}

.brick-rich-text-list-ol {
  padding: 0;
  margin: 0 0 0 16px;
}

.brick-rich-text-list-ul {
  padding: 0;
  margin: 0 0 0 16px;
}

.brick-rich-text-nested-li {
  list-style-type: none;
}

.brick-rich-text-paragraph, .brick-rich-text-paragraph + .brick-rich-text-paragraph {
  margin: 0;
}

.brick-rich-text-bold {
  font-weight: bold;
}

.brick-rich-text-italic {
  font-style: italic;
}

.brick-rich-text-underline {
  text-decoration: underline;
}

.brick-rich-text-strikethrough {
  text-decoration: line-through;
}

.brick-rich-text-underline-strikethrough {
  text-decoration: underline line-through;
}

.brick-rich-text-code {
  font-size: 14px;
  line-height: 22px;
}

.brick-rich-text-code {
  padding: 2px 4px;
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-rich-text-link {
  color: #4c84ff;
}

.brick-rich-text-link:hover {
  color: rgb(112.2, 155.04, 255);
}

.brick-rich-text-link:active {
  color: rgb(54.1875, 108.375, 216.75);
}

.brick-rich-text-link:focus-visible {
  color: rgb(112.2, 155.04, 255);
}

.brick-rich-text-link[disabled], .brick-rich-text-link.brick-link-disabled {
  color: rgb(219.3, 228.225, 255);
}

span.brick-rich-text-image {
  cursor: default;
  display: inline-block;
  position: relative;
  user-select: none;
  padding: 0 4px;
}

.brick-rich-text-image img {
  max-width: 100%;
  cursor: default;
}

.brick-rich-text-image img.focused {
  outline: 2px solid rgb(60, 132, 244);
  user-select: none;
  cursor: zoom-in;
}

.brick-rich-text-image img.focused.draggable:active {
  cursor: grabbing;
}

.brick-rich-text-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}

.brick-rich-text-image .image-caption-container {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.9);
  min-width: 100px;
  color: #000;
  overflow: hidden;
}

.brick-rich-text-image .image-caption-button {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 30%;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 100px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.brick-rich-text-image .image-caption-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}

.brick-rich-text-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.1);
}

.brick-rich-text-image .image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 1px solid #fff;
}

.brick-rich-text-image .image-resizer.image-resizer-n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-ne {
  top: -6px;
  right: -2px;
  cursor: ne-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-e {
  bottom: 48%;
  right: -2px;
  cursor: e-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-se {
  bottom: -6px;
  right: -2px;
  cursor: nwse-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-s {
  bottom: -6px;
  left: 48%;
  cursor: s-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-sw {
  bottom: -6px;
  left: -2px;
  cursor: sw-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-w {
  bottom: 48%;
  left: -2px;
  cursor: w-resize;
}

.brick-rich-text-image .image-resizer.image-resizer-nw {
  top: -6px;
  left: -2px;
  cursor: nw-resize;
}

.brick-rich-text-image .image-control-wrapper--resizing {
  touch-action: none;
}

.brick-rich-text-editor {
  position: relative;
  background: rgb(255, 255, 255);
}

.brick-rich-text-editor-input {
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid rgb(224.4, 224.4, 224.4);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}

.brick-rich-text-editor-input:hover {
  border-color: rgb(153, 153, 153);
}

.brick-rich-text-editor-input::placeholder {
  opacity: 1;
  color: rgb(153, 153, 153);
}

.brick-rich-text-editor-input:-moz-ui-invalid {
  border-color: #e64552;
  box-shadow: none;
}

.brick-rich-text-editor-input:-moz-ui-invalid:focus {
  border-color: #e64552;
  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
  outline: none;
}

.brick-rich-text-editor-input {
  max-height: 32px;
  line-height: 22px;
  padding: 4px 12px;
}

.brick-rich-text-editor-input:focus {
  border-color: #4c84ff;
  box-shadow: 0 0 0 2px rgb(219.3, 228.225, 255);
  outline: none;
}

.brick-rich-text-editor-input[readonly], .brick-rich-text-editor-input[readonly]:hover, .brick-rich-text-editor-input[disabled], .brick-rich-text-editor-input[disabled]:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}

.brick-rich-text-editor-input[readonly]::placeholder, .brick-rich-text-editor-input[disabled]::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}

.brick-rich-text-editor-input[readonly] {
  cursor: default;
}

.brick-rich-text-editor-input {
  max-height: initial;
  padding: 8px 12px;
  height: initial;
  min-height: 62px;
  resize: vertical;
}

.brick-rich-text-editor-input {
  position: relative;
  min-height: 160px;
  tab-size: 1;
  resize: none;
  overflow: auto;
}

.brick-rich-text-editor-placeholder {
  position: absolute;
  top: 9px;
  left: 13px;
  color: rgb(153, 153, 153);
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  display: inline-block;
  pointer-events: none;
}

.brick-rich-text-editor-disabled .brick-rich-text-editor-input, .brick-rich-text-editor-disabled .brick-rich-text-editor-input:hover {
  border-color: rgb(224.4, 224.4, 224.4);
  background-color: rgb(249.9, 249.9, 249.9);
  color: rgb(204, 204, 204);
  cursor: text;
  box-shadow: none;
}

.brick-rich-text-editor-disabled .brick-rich-text-editor-input::placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}

.brick-rich-text-editor-disabled .brick-rich-text-editor-input, .brick-rich-text-editor-disabled .brick-rich-text-editor-input:hover {
  color: initial;
}

.brick-rich-text-editor-disabled .brick-rich-text-editor-placeholder {
  opacity: 1;
  color: rgb(204, 204, 204);
}

.brick-rich-text-dropdown-prefix-icon {
  margin-right: 4px;
}

.brick-rich-text-dropdown-selected-label {
  display: inline-block;
  min-width: 14px;
}

.brick-rich-text-dropdown-chevron {
  margin-left: 4px;
  vertical-align: baseline;
}

.brick-button-size-xs .brick-rich-text-dropdown-chevron {
  font-size: 8px;
}

.brick-button-size-sm .brick-rich-text-dropdown-chevron {
  font-size: 8px;
}

.brick-button-size-md .brick-rich-text-dropdown-chevron {
  font-size: 10px;
}

.brick-button-size-lg .brick-rich-text-dropdown-chevron {
  font-size: 12px;
}

.brick-button-size-xl .brick-rich-text-dropdown-chevron {
  font-size: 12px;
}

.brick-rich-text-tool-button {
  display: inline-block;
}

.brick-rich-text-tool-button-active:not(.brick-button-disabled) .brick-button-type-plain {
  background-color: rgb(242.25, 245.225, 255);
}

.brick-rich-text-tool-button:not(:last-child) {
  margin-right: 8px;
}

.brick-rich-text-tool-button .brick-button-type-plain, .brick-rich-text-tool-button .brick-button-type-plain .brick-icon {
  color: rgb(153, 153, 153);
}

.brick-rich-text-tool-button .brick-button-type-plain:hover, .brick-rich-text-tool-button .brick-button-type-plain:hover .brick-icon {
  color: rgb(51, 51, 51);
}

.brick-rich-text-tool-button .brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-rich-text-tool-button .brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
  color: rgb(51, 51, 51);
}

.brick-rich-text-tool-button .brick-button-type-plain:active, .brick-rich-text-tool-button .brick-button-type-plain:active .brick-icon {
  color: rgb(51, 51, 51);
}

.brick-rich-text-tool-button .brick-button-type-plain.brick-button-disabled, .brick-rich-text-tool-button .brick-button-type-plain.brick-button-disabled .brick-icon {
  color: rgb(204, 204, 204);
}

.brick-rich-text-control-group,
.brick-rich-text-control-group * {
  box-sizing: border-box;
}

.brick-rich-text-control-group {
  display: flex;
  padding-bottom: 16px;
}

.brick-rich-text-control-group-label, .brick-rich-text-control-group-control {
  flex-shrink: 0;
}

.brick-rich-text-control-group-label {
  position: relative;
  padding: 5px 16px 5px 0;
  text-align: right;
  vertical-align: top;
  color: rgb(102, 102, 102);
}

.brick-rich-text-control-group-label {
  font-size: 14px;
  line-height: 22px;
}

.brick-rich-text-control-group-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brick-rich-text-control-group-control {
  flex-grow: 1;
}

.brick-rich-text-tool-color .brick-popper-inner {
  padding: 16px;
}

.brick-rich-text-tool-color-reset {
  width: 100%;
  margin-top: 4px;
}

.brick-rich-text-tool-color-picker {
  margin-bottom: 12px;
}

.brick-rich-text-tool-color-picker-headline {
  margin-bottom: 4px;
}

.brick-rich-text-tool-color-picker-color-group {
  display: flex;
  margin: 0;
  padding: 0;
}

.brick-rich-text-tool-color-picker-color-group + .brick-rich-text-tool-color-picker-color-group {
  margin-top: -1px;
}

.brick-rich-text-tool-color-picker-color-tile {
  width: 24px;
  height: 24px;
}

.brick-rich-text-tool-color-picker-color-tile {
  position: relative;
  border: 1px solid rgb(237.15, 237.15, 237.15);
  cursor: pointer;
  margin-left: -1px;
  overflow: hidden;
}

.brick-rich-text-tool-color-picker-color-tile-active {
  outline: rgb(255, 255, 255) solid 2px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.brick-rich-text-tool-color-picker-color-none::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 48px;
  background: #e64552;
  transform-origin: 0 0;
  transform: rotate(45deg);
}

.brick-rich-text-tool-url-editor {
  display: flex;
  width: 400px;
  padding: 16px;
  min-height: 64px;
}

.brick-rich-text-tool-link-content {
  flex-grow: 1;
}

.brick-rich-text-tool-link-content > a {
  display: inline-block;
  padding: 4px 0;
  word-break: break-word;
}

.brick-rich-text-tool-link-actions {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 16px;
  line-height: 32px;
}

.brick-rich-text-tool-image-input {
  font-size: 12px;
  width: 100%;
}

.brick-rich-text-tool-image-input::file-selector-button {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 16px;
  font-size: 12px;
}

.brick-rich-text-tool-image-file-button-wrap {
  margin-top: 8px;
}

.brick-rich-text-tool-image-file-button-hint {
  margin-left: 8px;
  color: rgb(153, 153, 153);
}

.brick-rich-text-tool-image-preview {
  text-align: center;
  min-height: 56px;
}

.brick-rich-text-tool-image-preview img {
  max-width: 100%;
}

.brick-rich-text-tool-image-preview .brick-loading {
  display: block;
}

.brick-rich-text-tool-image-preview-placeholder {
  padding: 16px;
  border: 1px dashed rgb(237.15, 237.15, 237.15);
  color: rgb(153, 153, 153);
  text-align: center;
}

.brick-rich-text-toolbar {
  padding: 4px 4px;
  background: rgb(255, 255, 255);
}

.brick-rich-text-toolbar .brick-rich-text-tool-button:not(:last-child) {
  margin-right: 8px;
}

.brick-rich-text-toolbar .brick-rich-text-dropdown-button + .brick-rich-text-dropdown-button {
  margin-left: -8px;
}

.brick-rich-text-tree-view {
  display: block;
  background: #222;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  white-space: pre-wrap;
  margin: 1px auto 10px auto;
  max-height: 250px;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: auto;
  line-height: 14px;
}

.brick-rich-text-tree-view > pre {
  margin-top: 1em;
}

.brick-rich-text-tree-view > pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}

.brick-rich-text-tree-view > pre::-webkit-scrollbar-thumb {
  background: #999;
}

.brick-rich-text-tree-view-tree-type-button,
.brick-rich-text-tree-view-time-travel-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  background: none;
  color: #fff;
  cursor: pointer;
}

.brick-rich-text-tree-view-tree-type-button:hover,
.brick-rich-text-tree-view-time-travel-button:hover {
  text-decoration: underline;
}

.brick-rich-text-tree-view-time-travel-button {
  position: absolute;
  top: 10px;
  right: 15px;
}

.brick-rich-text-tree-view-time-travel-panel {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: auto;
  display: flex;
}

.brick-rich-text-tree-view-time-travel-panel-slider {
  padding: 0;
  flex: 8;
}

.brick-rich-text-tree-view-time-travel-panel-button {
  padding: 0;
  border: 0;
  background: none;
  flex: 1;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.brick-rich-text-tree-view-time-travel-panel-button:hover {
  text-decoration: underline;
}

.brick-rich-text,
.brick-rich-text * {
  box-sizing: border-box;
}
.brick-rich-text .brick-loading {
  display: block;
}

.brick-rich-text,
.brick-rich-text-view {
  --brick-rich-text-font-size-sm: 12px;
  --brick-rich-text-font-size-md: 14px;
  --brick-rich-text-font-size-lg: 16px;
  --brick-rich-text-font-size-xl: 18px;
}

.brick-rich-text table:not([border]),
.brick-rich-text table:not([border]) caption,
.brick-rich-text table:not([border]) td,
.brick-rich-text table:not([border]) th, .brick-rich-text table[border="0"],
.brick-rich-text table[border="0"] caption,
.brick-rich-text table[border="0"] td,
.brick-rich-text table[border="0"] th, .brick-rich-text table[style*="border-width: 0px"],
.brick-rich-text table[style*="border-width: 0px"] caption,
.brick-rich-text table[style*="border-width: 0px"] td,
.brick-rich-text table[style*="border-width: 0px"] th,
.brick-rich-text-view table:not([border]),
.brick-rich-text-view table:not([border]) caption,
.brick-rich-text-view table:not([border]) td,
.brick-rich-text-view table:not([border]) th,
.brick-rich-text-view table[border="0"],
.brick-rich-text-view table[border="0"] caption,
.brick-rich-text-view table[border="0"] td,
.brick-rich-text-view table[border="0"] th,
.brick-rich-text-view table[style*="border-width: 0px"],
.brick-rich-text-view table[style*="border-width: 0px"] caption,
.brick-rich-text-view table[style*="border-width: 0px"] td,
.brick-rich-text-view table[style*="border-width: 0px"] th {
  border: 1px dashed rgb(237.15, 237.15, 237.15);
  padding: 4px;
}

.brick-rich-text-view img {
  cursor: zoom-in;
}

.brick-clear-x,
.brick-clear-x * {
  box-sizing: border-box;
}
.brick-clear-x:not(.brick-button-disabled) {
  cursor: pointer;
}
.brick-clear-x .brick-icon {
  color: rgb(204, 204, 204);
}
.brick-clear-x:hover .brick-icon {
  color: rgb(102, 102, 102);
}
.brick-clear-x:active .brick-icon {
  color: rgb(102, 102, 102);
}
.brick-clear-x:focus .brick-icon {
  color: rgb(102, 102, 102);
}

.brick-button.brick-clear-x.brick-button-icon-only.brick-button-type-plain {
  height: auto;
  width: auto;
  border: 0;
}