/*!
 * # Fomantic-UI 2.9.3 - Segment
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */.ui.segment {
  position:relative;
  background:#fff;
  box-shadow:0 1px 2px 0 rgba(34,36,38,.15);
  margin:1rem 0;
  padding:1em 1em;
  border-radius:.28571429rem;
  border:1px solid rgba(34,36,38,.15)
}
.ui.segment:first-child {
  margin-top:0
}
.ui.segment:last-child {
  margin-bottom:0
}
.ui.vertical.segment {
  margin:0;
  padding-left:0;
  padding-right:0;
  background:none transparent;
  border-radius:0;
  box-shadow:none;
  border:none;
  border-top:1px solid rgba(34,36,38,.15)
}
.ui.vertical.segment:first-child {
  border-top:none
}
.ui.inverted.segment>.ui.header,
.ui.inverted.segment>.ui.header .sub.header,
.ui.inverted.segments .segment>.ui.header,
.ui.inverted.segments .segment>.ui.header .sub.header {
  color:#fff
}
.ui[class*="bottom attached"].segment>[class*="top attached"].label {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.ui[class*="top attached"].segment>[class*="bottom attached"].label {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.ui.grid>.row>.ui.segment.column,
.ui.grid>.ui.segment.column,
.ui.page.grid.segment {
  padding-top:2em;
  padding-bottom:2em
}
.ui.grid.segment {
  margin:1rem 0;
  border-radius:.28571429rem
}
.ui.basic.table.segment {
  background:#fff;
  border:1px solid rgba(34,36,38,.15);
  box-shadow:0 1px 2px 0 rgba(34,36,38,.15)
}
.ui[class*="very basic"].table.segment {
  padding:1em 1em
}
.ui.segment.tab:last-child {
  margin-bottom:1rem
}
.ui.placeholder.segment {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  max-width:initial;
  animation:none;
  overflow:visible;
  padding:1em 1em;
  min-height:18rem;
  background:#f9fafb;
  border-color:rgba(34,36,38,.15);
  box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset
}
.ui.placeholder.segment.tab {
  display:none
}
.ui.placeholder.segment.tab.active {
  display:flex
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display:block
}
.ui.placeholder.segment .button,
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment>.ui.input {
  max-width:15rem;
  margin-left:auto;
  margin-right:auto
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column>.ui.input {
  max-width:15rem;
  margin-left:auto;
  margin-right:auto
}
.ui.placeholder.segment>.inline {
  align-self:center
}
.ui.placeholder.segment>.inline>.button {
  display:inline-block;
  width:auto;
  margin:0 .35714286rem 0 0
}
.ui.placeholder.segment>.inline>.button:last-child {
  margin-right:0
}
.ui.piled.segment,
.ui.piled.segments {
  margin:3em 0;
  box-shadow:"";
  z-index:auto;
  background-color:#fff;
  border:1px solid rgba(34,36,38,.15);
  color:rgba(0,0,0,.87)
}
.ui.piled.segment:first-child {
  margin-top:0
}
.ui.piled.segment:last-child {
  margin-bottom:0
}
.ui.piled.segment::after,
.ui.piled.segment::before,
.ui.piled.segments::after,
.ui.piled.segments::before {
  background-color:inherit;
  visibility:visible;
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  width:100%;
  border:inherit;
  box-shadow:""
}
.ui.inverted.piled.segment {
  background-color:#1b1c1d;
  border:1px solid #555;
  color:rgba(255,255,255,.9)
}
.ui.piled.segment::before,
.ui.piled.segments::before {
  transform:rotate(-1.2deg);
  top:0;
  z-index:-2
}
.ui.piled.segment::after,
.ui.piled.segments::after {
  transform:rotate(1.2deg);
  top:0;
  z-index:-1
}
.ui[class*="top attached"].piled.segment {
  margin-top:3em;
  margin-bottom:0
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top:0
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top:0;
  margin-bottom:3em
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom:0
}
@supports selector(:has(.f)) {
  :has(>.ui.piled.segment) {
    z-index:0;
    position:relative
  }
}
.ui.stacked.segment {
  padding-bottom:1.4em
}
.ui.stacked.segment::after,
.ui.stacked.segment::before,
.ui.stacked.segments::after,
.ui.stacked.segments::before {
  content:"";
  position:absolute;
  bottom:-3px;
  left:0;
  border-top:1px solid rgba(34,36,38,.15);
  background:rgba(0,0,0,.03);
  width:100%;
  height:6px;
  visibility:visible
}
.ui.stacked.segment::before,
.ui.stacked.segments::before {
  display:none
}
.ui.tall.stacked.segment::before,
.ui.tall.stacked.segments::before {
  display:block;
  bottom:0
}
.ui.stacked.inverted.segment,
.ui.stacked.inverted.segments {
  border:1px solid rgba(225,225,225,.5)
}
.ui.stacked.inverted.segment::after,
.ui.stacked.inverted.segment::before,
.ui.stacked.inverted.segments::after,
.ui.stacked.inverted.segments::before {
  background-color:rgba(0,0,0,.03);
  border-top:1px solid rgba(225,225,225,.5)
}
.ui.padded.segment {
  padding:1.5em
}
.ui[class*="very padded"].segment {
  padding:3em
}
.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
  padding-left:0;
  padding-right:0
}
.ui.compact.segment {
  display:table
}
.ui.compact.segments {
  display:inline-flex
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display:block;
  flex:0 1 auto
}
.ui.circular.segment {
  display:table-cell;
  padding:2em;
  text-align:center;
  vertical-align:middle;
  border-radius:500em
}
.ui.ui.raised.segment,
.ui.ui.raised.segments {
  box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.ui.inverted.raised.segment,
.ui.ui.inverted.raised.segments {
  box-shadow:0 2px 4px 0 rgba(225,225,225,.1),0 2px 10px 0 rgba(225,225,225,.5)
}
.ui.segments {
  flex-direction:column;
  position:relative;
  margin:1rem 0;
  border:1px solid rgba(34,36,38,.15);
  box-shadow:0 1px 2px 0 rgba(34,36,38,.15);
  border-radius:.28571429rem
}
.ui.segments:first-child {
  margin-top:0
}
.ui.segments:last-child {
  margin-bottom:0
}
.ui.segments>.segment {
  top:0;
  bottom:0;
  border-radius:0;
  margin:0;
  width:auto;
  box-shadow:none;
  border:none;
  border-top:1px solid rgba(34,36,38,.15)
}
.ui.segments:not(.horizontal)>.segment:first-child {
  top:0;
  bottom:0;
  border-top:none;
  margin-top:0;
  margin-bottom:0;
  border-radius:.28571429rem .28571429rem 0 0
}
.ui.segments:not(.horizontal)>.segment:last-child {
  top:0;
  bottom:0;
  margin-top:0;
  margin-bottom:0;
  box-shadow:0 2px 1px -1px rgba(34,36,38,.15);
  border-radius:0 0 .28571429rem .28571429rem
}
.ui.segments:not(.horizontal)>.segment:only-child {
  border-radius:.28571429rem
}
.ui.segments>.ui.segments {
  border-top:1px solid rgba(34,36,38,.15);
  margin:1rem
}
.ui.segments>.segments:first-child {
  border-top:none
}
.ui.segments>.segment+.segments:not(.horizontal) {
  margin-top:0
}
.ui.horizontal.segments {
  display:grid;
  flex-direction:row;
  background-color:transparent;
  padding:0;
  box-shadow:0 1px 2px 0 rgba(34,36,38,.15);
  margin:1rem 0;
  border-radius:.28571429rem;
  border:1px solid rgba(34,36,38,.15);
  grid-template-columns: 25% 25% 25% 25%;
}
@media (max-width: 450px) {
  .ui.horizontal.segments {
    grid-template-columns: 100%;
  }
} 
.ui.stackable.horizontal.segments,
.ui.wrapping.horizontal.segments {
  flex-wrap:wrap
}
.ui.segments>.horizontal.segments {
  margin:0;
  background-color:transparent;
  border-radius:0;
  border:none;
  box-shadow:none;
  border-top:1px solid rgba(34,36,38,.15)
}
.ui.horizontal.segments:not(.compact)>.segment:not(.compact) {
  flex:1 1 auto;
  -ms-flex:1 1 0
}
.ui.horizontal.segments>.segment {
  margin:0;
  min-width:0;
  border-radius:0;
  border:none;
  box-shadow:none;
  border-left:1px solid rgba(34,36,38,.15)
}
.ui.segments>.horizontal.segments:first-child {
  border-top:none
}
.ui.horizontal.segments:not(.stackable):not(.wrapping)>.segment:first-child {
  border-left:none
}
.ui.horizontal.segments>.segment:first-child {
  border-radius:.28571429rem 0 0 .28571429rem
}
.ui.horizontal.segments>.segment:last-child {
  border-radius:0 .28571429rem .28571429rem 0
}
.ui[class*="equal width"].horizontal.segments>.segment {
  width:100%
}
.ui.disabled.segment,
.ui.disabled.segments {
  opacity:.45;
  color:rgba(40,40,40,.3);
  pointer-events:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.ui.loading.segment,
.ui.loading.segments {
  position:relative;
  cursor:default;
  pointer-events:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:all 0s linear;
  min-height:4.5em
}
.ui.loading.segment::before,
.ui.loading.segments::before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  background:rgba(255,255,255,.8);
  width:100%;
  height:100%;
  border-radius:.28571429rem;
  z-index:100
}
.ui.loading.segment::after,
.ui.loading.segments::after {
  position:absolute;
  content:"";
  top:50%;
  left:50%;
  margin:-1.5em 0 0 -1.5em;
  width:3em;
  height:3em;
  animation:loader .6s infinite linear;
  border:.2em solid #767676;
  border-radius:500rem;
  box-shadow:0 0 0 1px transparent;
  visibility:visible;
  z-index:101
}
.ui.basic.segment,
.ui.basic.segments,
.ui.segments .ui.basic.segment {
  background:none transparent;
  box-shadow:none;
  border:none;
  border-radius:0
}
.ui.clearing.segment::after {
  content:"";
  display:block;
  clear:both
}
.ui.ui.ui.ui.ui.red.segment:not(.inverted) {
  border-top:2px solid #db2828
}
.ui.ui.ui.ui.ui.inverted.red.segment {
  background-color:#db2828;
  color:#fff
}
.ui.ui.inverted.red.segment:not(.piled) {
  border-color:#db2828
}
.ui.ui.ui.ui.ui.orange.segment:not(.inverted) {
  border-top:2px solid #f2711c
}
.ui.ui.ui.ui.ui.inverted.orange.segment {
  background-color:#f2711c;
  color:#fff
}
.ui.ui.inverted.orange.segment:not(.piled) {
  border-color:#f2711c
}
.ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
  border-top:2px solid #fbbd08
}
.ui.ui.ui.ui.ui.inverted.yellow.segment {
  background-color:#fbbd08;
  color:#fff
}
.ui.ui.inverted.yellow.segment:not(.piled) {
  border-color:#fbbd08
}
.ui.ui.ui.ui.ui.olive.segment:not(.inverted) {
  border-top:2px solid #b5cc18
}
.ui.ui.ui.ui.ui.inverted.olive.segment {
  background-color:#b5cc18;
  color:#fff
}
.ui.ui.inverted.olive.segment:not(.piled) {
  border-color:#b5cc18
}
.ui.ui.ui.ui.ui.green.segment:not(.inverted) {
  border-top:2px solid #21ba45
}
.ui.ui.ui.ui.ui.inverted.green.segment {
  background-color:#21ba45;
  color:#fff
}
.ui.ui.inverted.green.segment:not(.piled) {
  border-color:#21ba45
}
.ui.ui.ui.ui.ui.teal.segment:not(.inverted) {
  border-top:2px solid #00b5ad
}
.ui.ui.ui.ui.ui.inverted.teal.segment {
  background-color:#00b5ad;
  color:#fff
}
.ui.ui.inverted.teal.segment:not(.piled) {
  border-color:#00b5ad
}
.ui.ui.ui.ui.ui.blue.segment:not(.inverted) {
  border-top:2px solid #2185d0
}
.ui.ui.ui.ui.ui.inverted.blue.segment {
  background-color:#2185d0;
  color:#fff
}
.ui.ui.inverted.blue.segment:not(.piled) {
  border-color:#2185d0
}
.ui.ui.ui.ui.ui.violet.segment:not(.inverted) {
  border-top:2px solid #6435c9
}
.ui.ui.ui.ui.ui.inverted.violet.segment {
  background-color:#6435c9;
  color:#fff
}
.ui.ui.inverted.violet.segment:not(.piled) {
  border-color:#6435c9
}
.ui.ui.ui.ui.ui.purple.segment:not(.inverted) {
  border-top:2px solid #a333c8
}
.ui.ui.ui.ui.ui.inverted.purple.segment {
  background-color:#a333c8;
  color:#fff
}
.ui.ui.inverted.purple.segment:not(.piled) {
  border-color:#a333c8
}
.ui.ui.ui.ui.ui.pink.segment:not(.inverted) {
  border-top:2px solid #e03997
}
.ui.ui.ui.ui.ui.inverted.pink.segment {
  background-color:#e03997;
  color:#fff
}
.ui.ui.inverted.pink.segment:not(.piled) {
  border-color:#e03997
}
.ui.ui.ui.ui.ui.brown.segment:not(.inverted) {
  border-top:2px solid #a5673f
}
.ui.ui.ui.ui.ui.inverted.brown.segment {
  background-color:#a5673f;
  color:#fff
}
.ui.ui.inverted.brown.segment:not(.piled) {
  border-color:#a5673f
}
.ui.ui.ui.ui.ui.grey.segment:not(.inverted) {
  border-top:2px solid #767676
}
.ui.ui.ui.ui.ui.inverted.grey.segment {
  background-color:#767676;
  color:#fff
}
.ui.ui.inverted.grey.segment:not(.piled) {
  border-color:#767676
}
.ui.ui.ui.ui.ui.black.segment:not(.inverted) {
  border-top:2px solid #1b1c1d
}
.ui.ui.ui.ui.ui.inverted.black.segment {
  background-color:#1b1c1d;
  color:#fff
}
.ui.ui.inverted.black.segment:not(.piled) {
  border-color:#1b1c1d
}
.ui[class*="left aligned"].segment {
  text-align:left
}
.ui[class*="right aligned"].segment {
  text-align:right
}
.ui[class*="center aligned"].segment {
  text-align:center
}
.ui.floated.segment,
.ui[class*="left floated"].segment {
  float:left;
  margin-right:1em
}
.ui[class*="right floated"].segment {
  float:right;
  margin-left:1em
}
.ui.inverted.segment,
.ui.inverted.segments,
.ui.inverted.segments .segment {
  border:none;
  box-shadow:none
}
.ui.inverted.segment,
.ui.inverted.segments .segment,
.ui.primary.inverted.segment {
  background:#1b1c1d;
  color:rgba(255,255,255,.9)
}
.ui.inverted.segment .segment {
  color:rgba(0,0,0,.87)
}
.ui.inverted.segment .inverted.segment {
  color:rgba(255,255,255,.9)
}
.ui.ui.inverted.attached.segment {
  border-color:#555
}
.ui.inverted.loading.segment,
.ui.inverted.loading.segments {
  color:#fff
}
.ui.inverted.loading.segment::before,
.ui.inverted.loading.segments::before {
  background:rgba(0,0,0,.85)
}
.ui.secondary.segment {
  background:#f3f4f5;
  color:rgba(0,0,0,.6)
}
.ui.secondary.inverted.segment {
  background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
  color:rgba(255,255,255,.8)
}
.ui.tertiary.segment {
  background:#dcddde;
  color:rgba(0,0,0,.6)
}
.ui.tertiary.inverted.segment {
  background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);
  color:rgba(255,255,255,.8)
}
.ui.attached.segment {
  top:0;
  bottom:0;
  border-radius:0;
  margin:0 -1px;
  width:calc(100% + 2px);
  max-width:calc(100% + 2px);
  box-shadow:none
}
.ui.attached.segment:not(.basic) {
  border:1px solid #d4d4d5
}
.ui.attached:not(.message):not(.text)+.ui.attached.segment:not(.top):not([class*="left attached"]):not([class*="right attached"]) {
  border-top:none
}
.ui.segment[class*="top attached"] {
  bottom:0;
  margin-bottom:0;
  top:0;
  margin-top:1rem;
  border-radius:.28571429rem .28571429rem 0 0
}
.ui.segment[class*="top attached"]:first-child {
  margin-top:0
}
.ui.tab.segment[class*="top attached"]:first-child {
  margin-top:1rem
}
.ui.segment[class*="bottom attached"] {
  bottom:0;
  margin-top:0;
  top:0;
  margin-bottom:1rem;
  box-shadow:0 2px 1px -1px rgba(34,36,38,.15);
  border-radius:0 0 .28571429rem .28571429rem
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom:0
}
.ui.tab.segment[class*="bottom attached"]:last-child {
  margin-bottom:1rem
}
.ui[class*="left attached"].segment {
  margin-right:0
}
.ui[class*="right attached"].segment {
  margin-left:0
}
.ui.seamless.attached.segment:not(.top):not(.bottom):not([class*="right attached"]):not([class*="left attached"]) {
  border-top:none;
  border-bottom:none
}
.ui.seamless.attached.segment.top {
  border-bottom:none
}
.ui.seamless.attached.segment.bottom {
  border-top:none
}
.ui.seamless.attached.segment[class*="left attached"] {
  border-right:none
}
.ui.seamless.attached.segment[class*="right attached"] {
  border-left:none
}
.ui.fitted.segment:not(.horizontally) {
  padding-top:0;
  padding-bottom:0
}
.ui.fitted.segment:not(.vertically) {
  padding-left:0;
  padding-right:0
}
.ui.scrolling.segment {
  overflow:auto;
  -ms-scroll-chaining:none;
  overscroll-behavior:none
}
@media only screen and (max-width:767.98px) {
  .ui.scrolling.segment.short {
    max-height:11.25em
  }
  .ui.scrolling.segment.short.resizable {
    height:11.25em
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height:7.5em
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height:7.5em
  }
  .ui.scrolling.segment {
    max-height:15em
  }
  .ui.scrolling.segment.resizable {
    height:15em
  }
  .ui.scrolling.segment.long {
    max-height:30em
  }
  .ui.scrolling.segment.long.resizable {
    height:30em
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height:45em
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height:45em
  }
}
@media only screen and (min-width:768px) {
  .ui.scrolling.segment.short {
    max-height:13.5em
  }
  .ui.scrolling.segment.short.resizable {
    height:13.5em
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height:9em
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height:9em
  }
  .ui.scrolling.segment {
    max-height:18em
  }
  .ui.scrolling.segment.resizable {
    height:18em
  }
  .ui.scrolling.segment.long {
    max-height:36em
  }
  .ui.scrolling.segment.long.resizable {
    height:36em
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height:54em
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height:54em
  }
}
@media only screen and (min-width:992px) {
  .ui.scrolling.segment.short {
    max-height:18em
  }
  .ui.scrolling.segment.short.resizable {
    height:18em
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height:12em
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height:12em
  }
  .ui.scrolling.segment {
    max-height:24em
  }
  .ui.scrolling.segment.resizable {
    height:24em
  }
  .ui.scrolling.segment.long {
    max-height:48em
  }
  .ui.scrolling.segment.long.resizable {
    height:48em
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height:72em
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height:72em
  }
}
@media only screen and (min-width:1920px) {
  .ui.scrolling.segment.short {
    max-height:22.5em
  }
  .ui.scrolling.segment.short.resizable {
    height:22.5em
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height:15em
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height:15em
  }
  .ui.scrolling.segment {
    max-height:30em
  }
  .ui.scrolling.segment.resizable {
    height:30em
  }
  .ui.scrolling.segment.long {
    max-height:60em
  }
  .ui.scrolling.segment.long.resizable {
    height:60em
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height:90em
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height:90em
  }
}
.ui.resizable.scrolling.segment {
  resize:vertical;
  max-height:none
}
.ui.segment,
.ui.segments .segment {
  font-size:1rem
}
.ui.mini.segment,
.ui.mini.segments .segment {
  font-size:.78571429rem
}
.ui.tiny.segment,
.ui.tiny.segments .segment {
  font-size:.85714286rem
}
.ui.small.segment,
.ui.small.segments .segment {
  font-size:.92857143rem
}
.ui.large.segment,
.ui.large.segments .segment {
  font-size:1.14285714rem
}
.ui.big.segment,
.ui.big.segments .segment {
  font-size:1.28571429rem
}
.ui.huge.segment,
.ui.huge.segments .segment {
  font-size:1.42857143rem
}
.ui.massive.segment,
.ui.massive.segments .segment {
  font-size:1.71428571rem
}