/*!
 * # Fomantic-UI 2.8.8 - Message
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Message
*******************************/

.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: #000000;
  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.message:first-child {
  margin-top: 0;
}
.ui.message:last-child {
  margin-bottom: 0;
}

/*--------------
     Content
---------------*/


/* Header */
.ui.message .header {
  display: block;
  font-family: 'Inter var', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  margin: -0.14285714em 0 0 0;
}

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.14285714em;
}

/* Paragraph */
.ui.message p {
  opacity: 0.85;
  margin: 0.75em 0;
}
.ui.message p:first-child {
  margin-top: 0;
}
.ui.message p:last-child {
  margin-bottom: 0;
}
.ui.message .header + p {
  margin-top: 0.25em;
}

/* List */
.ui.message .list:not(.ui) {
  text-align: left;
  padding: 0;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0 0;
}
.ui.message .list:not(.ui):first-child {
  margin-top: 0;
}
.ui.message .list:not(.ui):last-child {
  margin-bottom: 0;
}
.ui.message .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0 0 0.3em 1em;
  padding: 0;
}
.ui.message .list:not(.ui) li::before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message .list:not(.ui) li:last-child {
  margin-bottom: 0;
}

/* Icon */
.ui.icon.message > .icons,
.ui.icon.message > i.icon {
  margin-right: 0.6em;
}
.ui.icon.message > .icons:last-child,
.ui.icon.message > i.icon:last-child {
  margin: 0 0 0 0.6em;
}

/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0;
}
.ui.message > :last-child {
  margin-bottom: 0;
}


/*******************************
            Coupling
*******************************/

.ui.dropdown .menu > .message {
  margin: 0 -1px;
}


/*******************************
            States
*******************************/


/*--------------
    Visible
---------------*/

.ui.visible.visible.visible.visible.message {
  display: block;
}
.ui.icon.visible.visible.visible.visible.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*--------------
     Hidden
---------------*/

.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}


/*******************************
            Variations
*******************************/

.ui.centered.message,
.ui.center.aligned.message {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.centered.message > .content,
.ui.center.aligned.message > .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ui.right.aligned.message {
  text-align: right;
}

/*--------------
      Compact
  ---------------*/

.ui.compact.message {
  display: inline-block;
}
.ui.compact.icon.message {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}

/*--------------
      Attached
  ---------------*/

.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0;
}
.ui.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em;
}
.ui.attached.icon.message {
  width: auto;
}

/*--------------
        Icon
  ---------------*/

.ui.icon.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.icon.message > .icons,
.ui.icon.message > i.icon:not(.close) {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
.ui.icon.message > .content {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  vertical-align: middle;
}
.ui.icon.message > .icons + .content,
.ui.icon.message > i.icon:not(.close) + .content {
  padding-left: 0;
}
.ui.icon.message > i.circular {
  width: 1em;
}

/*--------------
      Floating
  ---------------*/

.ui.floating.message {
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}

/*--------------
     Colors
---------------*/


/*--------------
     Types
---------------*/

.ui.positive.message {
  background-color: #f0fdf4;
  color: #166534;
}
.ui.positive.message,
.ui.attached.positive.message {
  -webkit-box-shadow: 0 0 0 1px #166534 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #166534 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.positive.message {
  -webkit-box-shadow: 0 0 0 1px #166534 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #166534 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.positive.message .header {
  color: #166534;
}
.ui.inverted.positive.message,
.ui.inverted.positive.message .header {
  color: #166534;
}
.ui.negative.message {
  background-color: #fef2f2;
  color: #7f1d1d;
}
.ui.negative.message,
.ui.attached.negative.message {
  -webkit-box-shadow: 0 0 0 1px #fca5a5 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #fca5a5 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.negative.message {
  -webkit-box-shadow: 0 0 0 1px #fca5a5 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #fca5a5 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.negative.message .header {
  color: #7f1d1d;
}
.ui.inverted.negative.message,
.ui.inverted.negative.message .header {
  color: #fca5a5;
}
.ui.error.message {
  background-color: #fef2f2;
  color: #7f1d1d;
}
.ui.error.message,
.ui.attached.error.message {
  -webkit-box-shadow: 0 0 0 1px #fca5a5 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #fca5a5 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.error.message {
  -webkit-box-shadow: 0 0 0 1px #fca5a5 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #fca5a5 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.error.message .header {
  color: #7f1d1d;
}
.ui.inverted.error.message,
.ui.inverted.error.message .header {
  color: #fdcccc;
}
.ui.info.message {
  background-color: #ecfeff;
  color: #164e63;
}
.ui.info.message,
.ui.attached.info.message {
  -webkit-box-shadow: 0 0 0 1px #155e75 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #155e75 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.info.message {
  -webkit-box-shadow: 0 0 0 1px #155e75 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #155e75 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.info.message .header {
  color: #164e63;
}
.ui.inverted.info.message,
.ui.inverted.info.message .header {
  color: #1b7a98;
}
.ui.success.message {
  background-color: #f0fdf4;
  color: #166534;
}
.ui.success.message,
.ui.attached.success.message {
  -webkit-box-shadow: 0 0 0 1px #166534 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #166534 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.success.message {
  -webkit-box-shadow: 0 0 0 1px #166534 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #166534 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.success.message .header {
  color: #166534;
}
.ui.inverted.success.message,
.ui.inverted.success.message .header {
  color: #1d8745;
}
.ui.warning.message {
  background-color: #fff7ed;
  color: #1c1917;
}
.ui.warning.message,
.ui.attached.warning.message {
  -webkit-box-shadow: 0 0 0 1px #78716c inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #78716c inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.warning.message {
  -webkit-box-shadow: 0 0 0 1px #78716c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #78716c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.warning.message .header {
  color: #78350f;
}
.ui.inverted.warning.message,
.ui.inverted.warning.message .header {
  color: #8d8580;
}
.ui.primary.message {
  background-color: #bfdbfe;
  color: rgba(255, 255, 255, 0.9);
}
.ui.primary.message,
.ui.attached.primary.message {
  -webkit-box-shadow: 0 0 0 1px #1e3a8a inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #1e3a8a inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.primary.message {
  -webkit-box-shadow: 0 0 0 1px #1e3a8a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #1e3a8a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.primary.message .header {
  color: rgba(242, 242, 242, 0.9);
}
.ui.secondary.message {
  background-color: #d1d5db;
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.message,
.ui.attached.secondary.message {
  -webkit-box-shadow: 0 0 0 1px #0f172a inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #0f172a inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.secondary.message {
  -webkit-box-shadow: 0 0 0 1px #0f172a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #0f172a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.secondary.message .header {
  color: rgba(242, 242, 242, 0.9);
}
.ui.red.message {
  background-color: #fecaca;
  color: #881337;
}
.ui.red.message,
.ui.attached.red.message {
  -webkit-box-shadow: 0 0 0 1px #881337 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #881337 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.red.message {
  -webkit-box-shadow: 0 0 0 1px #881337 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #881337 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.red.message .header {
  color: #72102e;
}
.ui.orange.message {
  background-color: #fed7aa;
  color: #c2410c;
}
.ui.orange.message,
.ui.attached.orange.message {
  -webkit-box-shadow: 0 0 0 1px #c2410c inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #c2410c inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.orange.message {
  -webkit-box-shadow: 0 0 0 1px #c2410c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #c2410c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.orange.message .header {
  color: #aa390b;
}
.ui.yellow.message {
  background-color: #fef9c3;
  color: #854d0e;
}
.ui.yellow.message,
.ui.attached.yellow.message {
  -webkit-box-shadow: 0 0 0 1px #854d0e inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #854d0e inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.yellow.message {
  -webkit-box-shadow: 0 0 0 1px #854d0e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #854d0e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.yellow.message .header {
  color: #6e400c;
}
.ui.olive.message {
  background-color: #f7fee7;
  color: #4d7c0f;
}
.ui.olive.message,
.ui.attached.olive.message {
  -webkit-box-shadow: 0 0 0 1px #4d7c0f inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #4d7c0f inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.olive.message {
  -webkit-box-shadow: 0 0 0 1px #4d7c0f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #4d7c0f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.olive.message .header {
  color: #3f650c;
}
.ui.green.message {
  background-color: #bbf7d0;
  color: #15803d;
}
.ui.green.message,
.ui.attached.green.message {
  -webkit-box-shadow: 0 0 0 1px #15803d inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #15803d inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.green.message {
  -webkit-box-shadow: 0 0 0 1px #15803d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #15803d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.green.message .header {
  color: #116a33;
}
.ui.teal.message {
  background-color: #ccfbf1;
  color: #0f766e;
}
.ui.teal.message,
.ui.attached.teal.message {
  -webkit-box-shadow: 0 0 0 1px #0f766e inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #0f766e inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.teal.message {
  -webkit-box-shadow: 0 0 0 1px #0f766e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #0f766e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.teal.message .header {
  color: #0c5f59;
}
.ui.blue.message {
  background-color: #bfdbfe;
  color: #1e3a8a;
}
.ui.blue.message,
.ui.attached.blue.message {
  -webkit-box-shadow: 0 0 0 1px #1e3a8a inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #1e3a8a inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.blue.message {
  -webkit-box-shadow: 0 0 0 1px #1e3a8a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #1e3a8a inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.blue.message .header {
  color: #193175;
}
.ui.violet.message {
  background-color: #ddd6fe;
  color: #4c1d95;
}
.ui.violet.message,
.ui.attached.violet.message {
  -webkit-box-shadow: 0 0 0 1px #4c1d95 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #4c1d95 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.violet.message {
  -webkit-box-shadow: 0 0 0 1px #4c1d95 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #4c1d95 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.violet.message .header {
  color: #411980;
}
.ui.purple.message {
  background-color: #e9d5ff;
  color: #581c87;
}
.ui.purple.message,
.ui.attached.purple.message {
  -webkit-box-shadow: 0 0 0 1px #581c87 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #581c87 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.purple.message {
  -webkit-box-shadow: 0 0 0 1px #581c87 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #581c87 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.purple.message .header {
  color: #4a1872;
}
.ui.pink.message {
  background-color: #fbcfe8;
  color: #be185d;
}
.ui.pink.message,
.ui.attached.pink.message {
  -webkit-box-shadow: 0 0 0 1px #be185d inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #be185d inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.pink.message {
  -webkit-box-shadow: 0 0 0 1px #be185d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #be185d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.pink.message .header {
  color: #a71552;
}
.ui.brown.message {
  background-color: #fed7aa;
  color: #78350f;
}
.ui.brown.message,
.ui.attached.brown.message {
  -webkit-box-shadow: 0 0 0 1px #78350f inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #78350f inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.brown.message {
  -webkit-box-shadow: 0 0 0 1px #78350f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #78350f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.brown.message .header {
  color: #612b0c;
}
.ui.grey.message {
  background-color: #d1d5db;
  color: #334155;
}
.ui.grey.message,
.ui.attached.grey.message {
  -webkit-box-shadow: 0 0 0 1px #334155 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #334155 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.grey.message {
  -webkit-box-shadow: 0 0 0 1px #334155 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 0 1px #334155 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.grey.message .header {
  color: #293545;
}
.ui.black.message {
  background-color: #0f172a;
  color: rgba(255, 255, 255, 0.9);
}
.ui.black.message .header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.message {
  background-color: #0f172a;
  color: rgba(255, 255, 255, 0.9);
}

/*--------------
     Sizes
---------------*/

.ui.message {
  font-size: 1em;
}
.ui.mini.message {
  font-size: 0.78571429em;
}
.ui.tiny.message {
  font-size: 0.85714286em;
}
.ui.small.message {
  font-size: 0.92857143em;
}
.ui.large.message {
  font-size: 1.14285714em;
}
.ui.big.message {
  font-size: 1.28571429em;
}
.ui.huge.message {
  font-size: 1.42857143em;
}
.ui.massive.message {
  font-size: 1.71428571em;
}


/*******************************
         Theme Overrides
*******************************/