.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  background: white;
  color: black;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  max-height: 200px;
  overflow: auto;
  z-index: 11110 !important;
}

.atwho-view .cur {
  background: #3366FF;
  color: white;
}

.atwho-view .cur small {
  color: white;
}

.atwho-view strong {
  color: #3366FF;
}

.atwho-view .cur strong {
  color: white;
  font: bold;
}

.atwho-view ul {
  /* width: 100px; */
  list-style: none;
  padding: 0;
  margin: auto;
}

.atwho-view ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  /* border-top: 1px solid #C8C8C8; */
}

.atwho-view small {
  font-size: smaller;
  color: #777;
  font-weight: normal;
}
@charset "UTF-8";
@font-face {
  font-family: "HUE Medium";
  src: url(https://assets.esa.io/packs/static/fonts/Hue-Medium-55afa119232129fe67eb.woff2) format("woff2"), url(https://assets.esa.io/packs/static/fonts/Hue-Medium-595f1584eb8626101806.woff) format("woff"), url(https://assets.esa.io/packs/static/fonts/Hue-Medium-20aa8d8874126474d781.ttf) format("truetype");
}
@font-face {
  font-family: Emoji;
  src: local("Apple Color Emoji"), local("Gecko Emoji"), local("Noto Sans Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Sans Symbols");
}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-5be1347c682810f199c7.eot);
  src: url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-5be1347c682810f199c7.eot?#iefix) format("embedded-opentype"), url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-be810be3a3e14c682a25.woff2) format("woff2"), url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-82b1212e45a2bc35dd73.woff) format("woff"), url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-4692b9ec53fd5972caa2.ttf) format("truetype"), url(https://assets.esa.io/packs/static/glyphicons-halflings-regular-060b2710bdbbe3dfe48b.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #3c4a60;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0a9b94;
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(5.3636363636, 83.1363636364, 79.3818181818);
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 16px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid rgb(238.425, 238.425, 238.425);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: rgb(119.085, 119.085, 119.085);
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 11px;
}

.lead {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 900px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fff8da;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: rgb(119.085, 119.085, 119.085);
}

.text-primary {
  color: #0a9b94;
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}

.text-success {
  color: #3c4a60;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.text-info {
  color: #3c4a60;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.text-warning {
  color: #3c4a60;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.text-danger {
  color: #e95513;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #0a9b94;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}

.bg-success {
  background-color: #e8f6f4;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: rgb(195.34375, 231.65625, 226.46875);
}

.bg-info {
  background-color: #f5f5f5;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(219.5, 219.5, 219.5);
}

.bg-warning {
  background-color: #fff8da;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(255, 238.3513513514, 167);
}

.bg-danger {
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(249.005952381, 202.3154761905, 181.494047619);
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid rgb(238.425, 238.425, 238.425);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.6;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 900px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 17.5px;
  border-left: 5px solid rgb(238.425, 238.425, 238.425);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.6;
  color: rgb(119.085, 119.085, 119.085);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid rgb(238.425, 238.425, 238.425);
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.6;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 10px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 13px;
  line-height: 1.6;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 10px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container, .container--authorization {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container--authorization:before, .container:after, .container--authorization:after {
  display: table;
  content: " ";
}
.container:after, .container--authorization:after {
  clear: both;
}
@media (min-width: 900px) {
  .container, .container--authorization {
    width: 750px;
  }
}
@media (min-width: 1100px) {
  .container, .container--authorization {
    width: 970px;
  }
}
@media (min-width: 1440px) {
  .container, .container--authorization {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 900px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1100px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1440px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: rgb(119.085, 119.085, 119.085);
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: rgb(232.25, 232.25, 232.25);
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #e8f6f4;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: rgb(213.671875, 238.828125, 235.234375);
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: rgb(232.25, 232.25, 232.25);
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fff8da;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: rgb(255, 243.1756756757, 192.5);
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: rgb(250.9285714286, 219.2142857143, 205.0714285714);
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 899px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #3c4a60;
}

.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #3c4a60;
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control::-webkit-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 38px;
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 32px;
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 50px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 6px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 32px;
  line-height: 32px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 6px;
}
.form-group-sm select.form-control {
  height: 32px;
  line-height: 32px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 32px;
  min-height: 34px;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 50px;
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 16px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 50px;
  line-height: 50px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 50px;
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 16px;
}
.form-group-lg select.form-control {
  height: 50px;
  line-height: 50px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 50px;
  min-height: 40px;
  padding: 13px 20px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 47.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c4a60;
}
.has-success .form-control {
  border-color: #3c4a60;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(99.9230769231, 122.5384615385, 158.0769230769);
}
.has-success .input-group-addon {
  color: #3c4a60;
  background-color: #e8f6f4;
  border-color: #3c4a60;
}
.has-success .form-control-feedback {
  color: #3c4a60;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #3c4a60;
}
.has-warning .form-control {
  border-color: #3c4a60;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(99.9230769231, 122.5384615385, 158.0769230769);
}
.has-warning .input-group-addon {
  color: #3c4a60;
  background-color: #fff8da;
  border-color: #3c4a60;
}
.has-warning .form-control-feedback {
  color: #3c4a60;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #e95513;
}
.has-error .form-control {
  border-color: #e95513;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(243.2380952381, 151.619047619, 110.7619047619);
}
.has-error .input-group-addon {
  color: #e95513;
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
  border-color: #e95513;
}
.has-error .form-control-feedback {
  color: #e95513;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: rgb(115.6153846154, 135.9423076923, 167.8846153846);
}

@media (min-width: 900px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 8px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 900px) {
  .form-horizontal .control-label {
    padding-top: 8px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 900px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 13px;
    font-size: 18px;
  }
}
@media (min-width: 900px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 7px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #3c4a60;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #3c4a60;
  background-color: white;
  border-color: rgba(60, 74, 96, 0.3);
}
.btn-default:focus, .btn-default.focus {
  color: #3c4a60;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgba(10.9615384615, 13.5192307692, 17.5384615385, 0.3);
}
.btn-default:hover {
  color: #3c4a60;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgba(36.4615384615, 44.9692307692, 58.3384615385, 0.3);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #3c4a60;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgba(36.4615384615, 44.9692307692, 58.3384615385, 0.3);
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #3c4a60;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgba(10.9615384615, 13.5192307692, 17.5384615385, 0.3);
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: white;
  border-color: rgba(60, 74, 96, 0.3);
}
.btn-default .badge {
  color: white;
  background-color: #3c4a60;
}

.btn-primary {
  color: #fff;
  background-color: #0a9b94;
  border-color: rgb(8.7636363636, 135.8363636364, 129.7018181818);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  border-color: rgb(1.0363636364, 16.0636363636, 15.3381818182);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  border-color: rgb(5.0545454545, 78.3454545455, 74.8072727273);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  background-image: none;
  border-color: rgb(5.0545454545, 78.3454545455, 74.8072727273);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(4.7454545455, 73.5545454545, 70.2327272727);
  border-color: rgb(1.0363636364, 16.0636363636, 15.3381818182);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #0a9b94;
  border-color: rgb(8.7636363636, 135.8363636364, 129.7018181818);
}
.btn-primary .badge {
  color: #0a9b94;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #0a9b94;
  border-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  border-color: rgb(0.7272727273, 11.2727272727, 10.7636363636);
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  border-color: rgb(4.7454545455, 73.5545454545, 70.2327272727);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
  background-image: none;
  border-color: rgb(4.7454545455, 73.5545454545, 70.2327272727);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(4.7454545455, 73.5545454545, 70.2327272727);
  border-color: rgb(0.7272727273, 11.2727272727, 10.7636363636);
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #0a9b94;
  border-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.btn-success .badge {
  color: #0a9b94;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #3c4a60;
  border-color: rgb(52.1538461538, 64.3230769231, 83.4461538462);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
  border-color: rgb(3.1153846154, 3.8423076923, 4.9846153846);
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
  border-color: rgb(28.6153846154, 35.2923076923, 45.7846153846);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
  background-image: none;
  border-color: rgb(28.6153846154, 35.2923076923, 45.7846153846);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(26.6538461538, 32.8730769231, 42.6461538462);
  border-color: rgb(3.1153846154, 3.8423076923, 4.9846153846);
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #3c4a60;
  border-color: rgb(52.1538461538, 64.3230769231, 83.4461538462);
}
.btn-info .badge {
  color: #3c4a60;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f29600;
  border-color: rgb(226.7, 140.5165289256, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(191, 118.3884297521, 0);
  border-color: rgb(99.2, 61.4876033058, 0);
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(191, 118.3884297521, 0);
  border-color: rgb(165.5, 102.5826446281, 0);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(191, 118.3884297521, 0);
  background-image: none;
  border-color: rgb(165.5, 102.5826446281, 0);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(155.3, 96.2603305785, 0);
  border-color: rgb(99.2, 61.4876033058, 0);
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f29600;
  border-color: rgb(226.7, 140.5165289256, 0);
}
.btn-warning .badge {
  color: #f29600;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #e95513;
  border-color: rgb(214.1380952381, 78.119047619, 17.4619047619);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
  border-color: rgb(96.2511904762, 35.1130952381, 7.8488095238);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
  border-color: rgb(157.5523809524, 57.4761904762, 12.8476190476);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
  background-image: none;
  border-color: rgb(157.5523809524, 57.4761904762, 12.8476190476);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(152.8369047619, 55.755952381, 12.4630952381);
  border-color: rgb(96.2511904762, 35.1130952381, 7.8488095238);
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #e95513;
  border-color: rgb(214.1380952381, 78.119047619, 17.4619047619);
}
.btn-danger .badge {
  color: #e95513;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #0a9b94;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(5.3636363636, 83.1363636364, 79.3818181818);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 16px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 6px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 6px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.6;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: rgb(38.25, 38.25, 38.25);
  text-decoration: none;
  background-color: #0a9b94;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0a9b94;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.6;
  color: rgb(119.085, 119.085, 119.085);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 900px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 7px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #3c4a60;
  text-align: center;
  background-color: rgb(238.425, 238.425, 238.425);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 6px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 12px 20px;
  font-size: 18px;
  border-radius: 16px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: rgb(238.425, 238.425, 238.425);
}
.nav > li.disabled > a {
  color: rgb(119.085, 119.085, 119.085);
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: rgb(238.425, 238.425, 238.425);
  border-color: #0a9b94;
}
.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.6;
  border: 1px solid transparent;
  border-radius: 10px 10px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: rgb(238.425, 238.425, 238.425) rgb(238.425, 238.425, 238.425) rgba(0, 0, 0, 0.1);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: rgb(85.425, 85.425, 85.425);
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 10px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #0a9b94;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 900px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 10px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 900px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 10px 10px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 900px) {
  .navbar {
    border-radius: 10px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 900px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse {
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 900px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 900px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header, .container--authorization > .navbar-header,
.container > .navbar-collapse,
.container--authorization > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 900px) {
  .container > .navbar-header, .container--authorization > .navbar-header,
  .container > .navbar-collapse,
  .container--authorization > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 900px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 14px 15px;
  font-size: 18px;
  line-height: 22px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 900px) {
  .navbar > .container .navbar-brand, .navbar > .container--authorization .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 10px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 900px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}
@media (max-width: 899px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 900px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 900px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 899px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
.navbar-form {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 900px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 6px;
  margin-bottom: 6px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px;
}
@media (min-width: 900px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 900px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  border-color: rgb(6.4454545455, 99.9045454545, 95.3927272727);
}
.navbar-default .navbar-brand {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: rgba(229.5, 229.5, 229.5, 0.8);
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: white;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: rgb(6.4454545455, 99.9045454545, 95.3927272727);
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: rgb(6.4454545455, 99.9045454545, 95.3927272727);
}
@media (max-width: 899px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: rgb(6.4454545455, 99.9045454545, 95.3927272727);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgba(0, 0, 0, 0.2);
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgb(6.4454545455, 99.9045454545, 95.3927272727);
}
.navbar-default .navbar-link {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-default .navbar-link:hover {
  color: white;
}
.navbar-default .btn-link {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: white;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-brand {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
@media (max-width: 899px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(157.335, 157.335, 157.335);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: rgb(16.15, 16.15, 16.15);
}
.navbar-inverse .navbar-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: transparent;
  border-radius: 10px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #999;
  content: "/ ";
}
.breadcrumb > .active {
  color: rgba(60, 74, 96, 0.7);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 10px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 7px 16px;
  margin-left: -1px;
  line-height: 1.6;
  color: #0a9b94;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: rgb(5.3636363636, 83.1363636364, 79.3818181818);
  background-color: rgb(238.425, 238.425, 238.425);
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0a9b94;
  border-color: #0a9b94;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 12px 20px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pager {
  padding-left: 0;
  margin: 22px 0;
  text-align: center;
  list-style: none;
}
.pager:before, .pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: rgb(238.425, 238.425, 238.425);
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: rgba(0, 0, 0, 0.3);
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.label-primary {
  background-color: #0a9b94;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}

.label-success {
  background-color: #0a9b94;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}

.label-info {
  background-color: #0a9b94;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}

.label-warning {
  background-color: #f29600;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(191, 118.3884297521, 0);
}

.label-danger {
  background-color: #e95513;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgb(119.085, 119.085, 119.085);
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #0a9b94;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgb(238.425, 238.425, 238.425);
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: rgb(212.925, 212.925, 212.925);
}
.container .jumbotron, .container--authorization .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 16px;
}
.jumbotron .container, .jumbotron .container--authorization {
  max-width: 100%;
}
@media screen and (min-width: 900px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container--authorization .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #3c4a60;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0a9b94;
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c4a60;
  background-color: #e8f6f4;
  border-color: #e8f6f4;
}
.alert-success hr {
  border-top-color: rgb(213.671875, 238.828125, 235.234375);
}
.alert-success .alert-link {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.alert-info {
  color: #3c4a60;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.alert-info hr {
  border-top-color: rgb(232.25, 232.25, 232.25);
}
.alert-info .alert-link {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.alert-warning {
  color: #3c4a60;
  background-color: #fff8da;
  border-color: #fff8da;
}
.alert-warning hr {
  border-top-color: rgb(255, 243.1756756757, 192.5);
}
.alert-warning .alert-link {
  color: rgb(40.3846153846, 49.8076923077, 64.6153846154);
}

.alert-danger {
  color: #e95513;
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
  border-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.alert-danger hr {
  border-top-color: rgb(250.9285714286, 219.2142857143, 205.0714285714);
}
.alert-danger .alert-link {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 22px;
  margin-bottom: 22px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #0a9b94;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #0a9b94;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #0a9b94;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f29600;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #e95513;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: rgb(238.425, 238.425, 238.425);
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: rgb(119.085, 119.085, 119.085);
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #0a9b94;
  border-color: #0a9b94;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: rgb(122.5454545455, 246.4545454545, 240.4727272727);
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c4a60;
  background-color: #e8f6f4;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c4a60;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c4a60;
  background-color: rgb(213.671875, 238.828125, 235.234375);
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c4a60;
  border-color: #3c4a60;
}

.list-group-item-info {
  color: #3c4a60;
  background-color: #f5f5f5;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #3c4a60;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #3c4a60;
  background-color: rgb(232.25, 232.25, 232.25);
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #3c4a60;
  border-color: #3c4a60;
}

.list-group-item-warning {
  color: #3c4a60;
  background-color: #fff8da;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #3c4a60;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #3c4a60;
  background-color: rgb(255, 243.1756756757, 192.5);
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #3c4a60;
  border-color: #3c4a60;
}

.list-group-item-danger {
  color: #e95513;
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #e95513;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #e95513;
  background-color: rgb(250.9285714286, 219.2142857143, 205.0714285714);
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #e95513;
  border-color: #e95513;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 9px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 9px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 9px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 9px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 22px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 10px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #0a9b94;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0a9b94;
  border-color: #0a9b94;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0a9b94;
}
.panel-primary > .panel-heading .badge {
  color: #0a9b94;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0a9b94;
}

.panel-success {
  border-color: #e8f6f4;
}
.panel-success > .panel-heading {
  color: #3c4a60;
  background-color: #e8f6f4;
  border-color: #e8f6f4;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e8f6f4;
}
.panel-success > .panel-heading .badge {
  color: #e8f6f4;
  background-color: #3c4a60;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e8f6f4;
}

.panel-info {
  border-color: #f5f5f5;
}
.panel-info > .panel-heading {
  color: #3c4a60;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f5f5f5;
}
.panel-info > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #3c4a60;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f5f5f5;
}

.panel-warning {
  border-color: #fff8da;
}
.panel-warning > .panel-heading {
  color: #3c4a60;
  background-color: #fff8da;
  border-color: #fff8da;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff8da;
}
.panel-warning > .panel-heading .badge {
  color: #fff8da;
  background-color: #3c4a60;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fff8da;
}

.panel-danger {
  border-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.panel-danger > .panel-heading {
  color: #e95513;
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
  border-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.panel-danger > .panel-heading .badge {
  color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
  background-color: #e95513;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid rgb(227.15, 227.15, 227.15);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 16px;
}

.well-sm {
  padding: 9px;
  border-radius: 6px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-header {
  padding: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.6;
}

.modal-body {
  position: relative;
  padding: 30px;
}

.modal-footer {
  padding: 30px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 900px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1100px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 10px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 15px 15px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 900px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 899px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 899px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 899px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 899px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 900px) and (max-width: 1099px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 900px) and (max-width: 1099px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 900px) and (max-width: 1099px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 900px) and (max-width: 1099px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1100px) and (max-width: 1439px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1440px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1440px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1440px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1440px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 899px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-width: 1099px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1100px) and (max-width: 1439px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: "inuicon";
  src: url(https://assets.esa.io/packs/static/fonts/inuicon-3f8baa2c8255a5114531.woff2) format("woff2"), url(https://assets.esa.io/packs/static/fonts/inuicon-6dcecd1cc3005e00c8e7.woff) format("woff"), url(https://assets.esa.io/packs/static/fonts/inuicon-7dc166132778cc6ec763.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "inuicon";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pplog, .icon-niku, .icon-mola, .icon-footprint, .icon-bone, .icon-fish, .icon-fish-bone, .icon-shachihoko, .icon-shrimp, .icon-nena, .icon-piyo, .icon-egg, .icon-tori-atama, .icon-tori-home, .icon-medicine, .icon-presentation, .icon-clipboard, .icon-ellipsis, .icon-copy, .icon-cross-team-search, .icon-dual-window, .icon-single-window, .icon-watch, .icon-diff, .icon-hash {
  font-family: "inuicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-pplog:before {
  content: "\e607";
}

.icon-niku:before {
  content: "\e606";
}

.icon-mola:before {
  content: "\e000";
}

.icon-footprint:before {
  content: "\e001";
}

.icon-bone:before {
  content: "\e600";
}

.icon-fish:before {
  content: "\e601";
}

.icon-fish-bone:before {
  content: "\e602";
}

.icon-shachihoko:before {
  content: "\e603";
}

.icon-shrimp:before {
  content: "\e604";
}

.icon-nena:before {
  content: "\e605";
}

.icon-piyo:before {
  content: "\e608";
}

.icon-egg:before {
  content: "\e609";
}

.icon-tori-atama:before {
  content: "\e60a";
}

.icon-tori-home:before {
  content: "\e60b";
}

.icon-medicine:before {
  content: "\e60c";
}

.icon-presentation:before {
  content: "\e900";
}

.icon-clipboard:before {
  content: "\e901";
}

.icon-ellipsis:before {
  content: "\e902";
}

.icon-copy:before {
  content: "\e903";
}

.icon-cross-team-search:before {
  content: "\e904";
}

.icon-diff:before {
  content: "\e905";
}

.icon-watch:before {
  content: "\e906";
}

.icon-single-window:before {
  content: "\e907";
}

.icon-dual-window:before {
  content: "\e908";
}

.icon-hash:before {
  content: "\e909";
}

/* generated by bin/update-rouge-css */
.highlight code table td {
  padding: 5px;
}

.highlight code table pre {
  margin: 0;
}

.highlight code .cm {
  color: #999988;
  font-style: italic;
}

.highlight code .cp {
  color: #999999;
  font-weight: bold;
}

.highlight code .c1 {
  color: #999988;
  font-style: italic;
}

.highlight code .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic;
}

.highlight code .c, .highlight code .ch, .highlight code .cd, .highlight code .cpf {
  color: #999988;
  font-style: italic;
}

.highlight code .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.highlight code .gd {
  color: #000000;
  background-color: #ffdddd;
}

.highlight code .ge {
  color: #000000;
  font-style: italic;
}

.highlight code .gr {
  color: #aa0000;
}

.highlight code .gh {
  color: #999999;
}

.highlight code .gi {
  color: #000000;
  background-color: #ddffdd;
}

.highlight code .go {
  color: #888888;
}

.highlight code .gp {
  color: #555555;
}

.highlight code .gs {
  font-weight: bold;
}

.highlight code .gu {
  color: #aaaaaa;
}

.highlight code .gt {
  color: #aa0000;
}

.highlight code .kc {
  color: #000000;
  font-weight: bold;
}

.highlight code .kd {
  color: #000000;
  font-weight: bold;
}

.highlight code .kn {
  color: #000000;
  font-weight: bold;
}

.highlight code .kp {
  color: #000000;
  font-weight: bold;
}

.highlight code .kr {
  color: #000000;
  font-weight: bold;
}

.highlight code .kt {
  color: #445588;
  font-weight: bold;
}

.highlight code .k, .highlight code .kv {
  color: #000000;
  font-weight: bold;
}

.highlight code .mf {
  color: #009999;
}

.highlight code .mh {
  color: #009999;
}

.highlight code .il {
  color: #009999;
}

.highlight code .mi {
  color: #009999;
}

.highlight code .mo {
  color: #009999;
}

.highlight code .m, .highlight code .mb, .highlight code .mx {
  color: #009999;
}

.highlight code .sa {
  color: #000000;
  font-weight: bold;
}

.highlight code .sb {
  color: #d14;
}

.highlight code .sc {
  color: #d14;
}

.highlight code .sd {
  color: #d14;
}

.highlight code .s2 {
  color: #d14;
}

.highlight code .se {
  color: #d14;
}

.highlight code .sh {
  color: #d14;
}

.highlight code .si {
  color: #d14;
}

.highlight code .sx {
  color: #d14;
}

.highlight code .sr {
  color: #009926;
}

.highlight code .s1 {
  color: #d14;
}

.highlight code .ss {
  color: #990073;
}

.highlight code .s, .highlight code .dl {
  color: #d14;
}

.highlight code .na {
  color: #008080;
}

.highlight code .bp {
  color: #999999;
}

.highlight code .nb {
  color: #0086B3;
}

.highlight code .nc {
  color: #445588;
  font-weight: bold;
}

.highlight code .no {
  color: #008080;
}

.highlight code .nd {
  color: #3c5d5d;
  font-weight: bold;
}

.highlight code .ni {
  color: #800080;
}

.highlight code .ne {
  color: #990000;
  font-weight: bold;
}

.highlight code .nf, .highlight code .fm {
  color: #990000;
  font-weight: bold;
}

.highlight code .nl {
  color: #990000;
  font-weight: bold;
}

.highlight code .nn {
  color: #555555;
}

.highlight code .nt {
  color: #000080;
}

.highlight code .vc {
  color: #008080;
}

.highlight code .vg {
  color: #008080;
}

.highlight code .vi {
  color: #008080;
}

.highlight code .nv, .highlight code .vm {
  color: #008080;
}

.highlight code .ow {
  color: #000000;
  font-weight: bold;
}

.highlight code .o {
  color: #000000;
  font-weight: bold;
}

.highlight code .w {
  color: #bbbbbb;
}

.highlight code {
  background-color: #f8f8f8;
}

.user-theme--dark .highlight code table td {
  padding: 5px;
}

.user-theme--dark .highlight code table pre {
  margin: 0;
}

.user-theme--dark .highlight code .c, .user-theme--dark .highlight code .ch, .user-theme--dark .highlight code .cd, .user-theme--dark .highlight code .cpf {
  color: #75715e;
  font-style: italic;
}

.user-theme--dark .highlight code .cm {
  color: #75715e;
  font-style: italic;
}

.user-theme--dark .highlight code .c1 {
  color: #75715e;
  font-style: italic;
}

.user-theme--dark .highlight code .cp {
  color: #75715e;
  font-weight: bold;
}

.user-theme--dark .highlight code .cs {
  color: #75715e;
  font-weight: bold;
  font-style: italic;
}

.user-theme--dark .highlight code .err {
  color: #960050;
  background-color: #1e0010;
}

.user-theme--dark .highlight code .gi {
  color: #ffffff;
  background-color: #324932;
}

.user-theme--dark .highlight code .gd {
  color: #ffffff;
  background-color: #493131;
}

.user-theme--dark .highlight code .ge {
  font-style: italic;
}

.user-theme--dark .highlight code .ges {
  font-weight: bold;
  font-style: italic;
}

.user-theme--dark .highlight code .gr {
  color: #aa0000;
}

.user-theme--dark .highlight code .gt {
  color: #aa0000;
}

.user-theme--dark .highlight code .gh {
  color: #999999;
}

.user-theme--dark .highlight code .go {
  color: #888888;
}

.user-theme--dark .highlight code .gp {
  color: #555555;
}

.user-theme--dark .highlight code .gs {
  font-weight: bold;
}

.user-theme--dark .highlight code .gu {
  color: #aaaaaa;
}

.user-theme--dark .highlight code .k, .user-theme--dark .highlight code .kv {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kc {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kd {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kp {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kr {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kt {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .kn {
  color: #f92672;
  font-weight: bold;
}

.user-theme--dark .highlight code .ow {
  color: #f92672;
  font-weight: bold;
}

.user-theme--dark .highlight code .o {
  color: #f92672;
  font-weight: bold;
}

.user-theme--dark .highlight code .mf {
  color: #ae81ff;
}

.user-theme--dark .highlight code .mh {
  color: #ae81ff;
}

.user-theme--dark .highlight code .il {
  color: #ae81ff;
}

.user-theme--dark .highlight code .mi {
  color: #ae81ff;
}

.user-theme--dark .highlight code .mo {
  color: #ae81ff;
}

.user-theme--dark .highlight code .m, .user-theme--dark .highlight code .mb, .user-theme--dark .highlight code .mx {
  color: #ae81ff;
}

.user-theme--dark .highlight code .se {
  color: #ae81ff;
}

.user-theme--dark .highlight code .sa {
  color: #66d9ef;
  font-weight: bold;
}

.user-theme--dark .highlight code .sb {
  color: #e6db74;
}

.user-theme--dark .highlight code .sc {
  color: #e6db74;
}

.user-theme--dark .highlight code .sd {
  color: #e6db74;
}

.user-theme--dark .highlight code .s2 {
  color: #e6db74;
}

.user-theme--dark .highlight code .sh {
  color: #e6db74;
}

.user-theme--dark .highlight code .si {
  color: #e6db74;
}

.user-theme--dark .highlight code .sx {
  color: #e6db74;
}

.user-theme--dark .highlight code .sr {
  color: #e6db74;
}

.user-theme--dark .highlight code .s1 {
  color: #e6db74;
}

.user-theme--dark .highlight code .ss {
  color: #e6db74;
}

.user-theme--dark .highlight code .s, .user-theme--dark .highlight code .dl {
  color: #e6db74;
}

.user-theme--dark .highlight code .na {
  color: #a6e22e;
}

.user-theme--dark .highlight code .nc {
  color: #a6e22e;
  font-weight: bold;
}

.user-theme--dark .highlight code .nd {
  color: #a6e22e;
  font-weight: bold;
}

.user-theme--dark .highlight code .ne {
  color: #a6e22e;
  font-weight: bold;
}

.user-theme--dark .highlight code .nf, .user-theme--dark .highlight code .fm {
  color: #a6e22e;
  font-weight: bold;
}

.user-theme--dark .highlight code .no {
  color: #66d9ef;
}

.user-theme--dark .highlight code .bp {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .nb {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .ni {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .nn {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .vc {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .vg {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .vi {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .nv, .user-theme--dark .highlight code .vm {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .w {
  color: #f8f8f2;
}

.user-theme--dark .highlight code .nl {
  color: #f8f8f2;
  font-weight: bold;
}

.user-theme--dark .highlight code .nt {
  color: #f92672;
}

.user-theme--dark .highlight code {
  color: #f8f8f2;
  background-color: #49483e;
}

.code-block .mermaid {
  overflow-x: auto;
}
.code-block .mermaid svg {
  padding: 1px;
}
.code-block .mermaid .label {
  color: #333;
  font-size: 100%;
  line-height: 1.8;
}
.code-block .mermaid .node rect, .code-block .mermaid .node circle, .code-block .mermaid .node ellipse, .code-block .mermaid .node polygon {
  fill: #ECECFF;
  stroke: #CCCCFF;
  stroke-width: 1px;
}
.code-block .mermaid .edgePath .path {
  stroke: #333333;
}
.code-block .mermaid .edgeLabel {
  background-color: #e8e8e8;
}
.code-block .mermaid .cluster rect {
  fill: #ffffde !important;
  rx: 4 !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important;
}
.code-block .mermaid .cluster text {
  fill: #333;
}
.code-block .mermaid .actor {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
.code-block .mermaid text.actor {
  fill: black;
  stroke: none;
}
.code-block .mermaid .actor-line {
  stroke: grey;
}
.code-block .mermaid .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #333;
}
.code-block .mermaid .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: "2 2";
  stroke: #333;
}
.code-block .mermaid #arrowhead {
  fill: #333;
}
.code-block .mermaid #crosshead path {
  fill: #333 !important;
  stroke: #333 !important;
}
.code-block .mermaid .messageText {
  fill: #333;
  stroke: none;
}
.code-block .mermaid .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF;
}
.code-block .mermaid .labelText, .code-block .mermaid .loopText {
  fill: black;
  stroke: none;
}
.code-block .mermaid .loopLine {
  stroke-width: 2;
  stroke-dasharray: "2 2";
  marker-end: "url(#arrowhead)";
  stroke: #CCCCFF;
}
.code-block .mermaid .note {
  stroke: #aaaa33;
  fill: #fff5ad;
}
.code-block .mermaid .noteText {
  fill: black;
  stroke: none;
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 14px;
}
.code-block .mermaid .section {
  stroke: none;
  opacity: 0.2;
}
.code-block .mermaid .section0 {
  fill: rgba(102, 102, 255, 0.49);
}
.code-block .mermaid .section2 {
  fill: #fff400;
}
.code-block .mermaid .section1, .code-block .mermaid .section3 {
  fill: white;
  opacity: 0.2;
}
.code-block .mermaid .sectionTitle0, .code-block .mermaid .sectionTitle1, .code-block .mermaid .sectionTitle2, .code-block .mermaid .sectionTitle3 {
  fill: #333;
}
.code-block .mermaid .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px;
}
.code-block .mermaid .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges;
}
.code-block .mermaid .grid path {
  stroke-width: 0;
}
.code-block .mermaid .today {
  fill: none;
  stroke: red;
  stroke-width: 2px;
}
.code-block .mermaid .task {
  stroke-width: 2;
}
.code-block .mermaid .taskText {
  text-anchor: middle;
  font-size: 11px;
}
.code-block .mermaid .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px;
}
.code-block .mermaid .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px;
}
.code-block .mermaid .taskText0, .code-block .mermaid .taskText1, .code-block .mermaid .taskText2, .code-block .mermaid .taskText3 {
  fill: white;
}
.code-block .mermaid .task0, .code-block .mermaid .task1, .code-block .mermaid .task2, .code-block .mermaid .task3 {
  fill: #8a90dd;
  stroke: #534fbc;
}
.code-block .mermaid .taskTextOutside0, .code-block .mermaid .taskTextOutside2, .code-block .mermaid .taskTextOutside1, .code-block .mermaid .taskTextOutside3 {
  fill: black;
}
.code-block .mermaid .active0, .code-block .mermaid .active1, .code-block .mermaid .active2, .code-block .mermaid .active3 {
  fill: #bfc7ff;
  stroke: #534fbc;
}
.code-block .mermaid .activeText0, .code-block .mermaid .activeText1, .code-block .mermaid .activeText2, .code-block .mermaid .activeText3 {
  fill: black !important;
}
.code-block .mermaid .done0, .code-block .mermaid .done1, .code-block .mermaid .done2, .code-block .mermaid .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2;
}
.code-block .mermaid .doneText0, .code-block .mermaid .doneText1, .code-block .mermaid .doneText2, .code-block .mermaid .doneText3 {
  fill: black !important;
}
.code-block .mermaid .crit0, .code-block .mermaid .crit1, .code-block .mermaid .crit2, .code-block .mermaid .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2;
}
.code-block .mermaid .activeCrit0, .code-block .mermaid .activeCrit1, .code-block .mermaid .activeCrit2, .code-block .mermaid .activeCrit3 {
  stroke: #ff8888;
  fill: #bfc7ff;
  stroke-width: 2;
}
.code-block .mermaid .doneCrit0, .code-block .mermaid .doneCrit1, .code-block .mermaid .doneCrit2, .code-block .mermaid .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges;
}
.code-block .mermaid .doneCritText0, .code-block .mermaid .doneCritText1, .code-block .mermaid .doneCritText2, .code-block .mermaid .doneCritText3, .code-block .mermaid .activeCritText0, .code-block .mermaid .activeCritText1, .code-block .mermaid .activeCritText2, .code-block .mermaid .activeCritText3 {
  fill: black !important;
}
.code-block .mermaid .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black;
}
.code-block .mermaid .node text {
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 14px;
}
.code-block .mermaid div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 12px;
  background: #ffffde;
  border: 1px solid #aaaa33;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}
.code-block .mermaid g.classGroup text {
  fill: #13540c;
  stroke: none;
  font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 14px;
}
.code-block .mermaid g.classGroup rect {
  fill: #cde498;
  stroke: #13540c;
}
.code-block .mermaid g.classGroup line {
  stroke: #13540c;
  stroke-width: 1;
}
.code-block .mermaid svg .classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: #cde498;
  opacity: 0.5;
}
.code-block .mermaid svg .classLabel .label {
  fill: #13540c;
}
.code-block .mermaid .relation {
  stroke: #13540c;
  stroke-width: 1;
  fill: none;
}
.code-block .mermaid .composition, .code-block .mermaid #compositionStart, .code-block .mermaid #compositionEnd {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1;
}
.code-block .mermaid .aggregation, .code-block .mermaid #aggregationStart, .code-block .mermaid #aggregationEnd {
  fill: #cde498;
  stroke: #13540c;
  stroke-width: 1;
}
.code-block .mermaid #dependencyStart, .code-block .mermaid #dependencyEnd, .code-block .mermaid #extensionStart, .code-block .mermaid #extensionEnd {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1;
}
.code-block .mermaid img {
  max-width: none;
}

.code-block .uiflow img {
  padding: 20px 0 0 20px;
  background-color: white;
  border-radius: 10px;
}

.typeahead__container {
  /**
     * Restore the font weight unset by the previous rule.
     */
  /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
  /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
  /**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
  /**
     * Remove the inner border and padding in Firefox.
     */
  /**
     * Restore the focus styles unset by the previous rule.
     */
  /**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
  /**
     * 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.
     */
  /**
     * Remove the default vertical scrollbar in IE.
     */
  /**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
  /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
  /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
  /**
     * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
     */
  /**
     * Correct the text style of placeholders in Chrome, Edge, and Safari.
     */
  /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
}

.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

.typeahead__container optgroup {
  font-weight: bold;
}

.typeahead__container button,
.typeahead__container input {
  /* 1 */
  overflow: visible;
}

.typeahead__container button,
.typeahead__container select {
  /* 1 */
  text-transform: none;
}

.typeahead__container button,
.typeahead__container html [type=button],
.typeahead__container [type=reset],
.typeahead__container [type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

.typeahead__container button::-moz-focus-inner,
.typeahead__container [type=button]::-moz-focus-inner,
.typeahead__container [type=reset]::-moz-focus-inner,
.typeahead__container [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.typeahead__container button:-moz-focusring,
.typeahead__container [type=button]:-moz-focusring,
.typeahead__container [type=reset]:-moz-focusring,
.typeahead__container [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.typeahead__container fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.typeahead__container legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

.typeahead__container textarea {
  overflow: auto;
}

.typeahead__container [type=checkbox],
.typeahead__container [type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

.typeahead__container [type=number]::-webkit-inner-spin-button,
.typeahead__container [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.typeahead__container [type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

.typeahead__container [type=search]::-webkit-search-cancel-button,
.typeahead__container [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.typeahead__container ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

.typeahead__container ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.typeahead__container {
  position: relative;
  font: 14px Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.typeahead__container * {
  box-sizing: border-box;
  outline: 0;
}

.typeahead__query {
  position: relative;
  z-index: 2;
  width: 100%;
}

.typeahead__filter {
  position: relative;
}

.typeahead__filter button {
  min-width: 100%;
  white-space: nowrap;
}

.typeahead__filter button:after {
  display: inline-block;
  margin-left: 4px;
  width: 0;
  height: 0;
  vertical-align: -2px;
  content: "";
  border: 4px solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.typeahead__field {
  font-size: 0;
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}

.typeahead__field > * {
  display: table-cell;
  vertical-align: top;
}

.typeahead__query, .typeahead__filter, .typeahead__button {
  font-size: 14px;
}

.typeahead__button {
  position: relative;
  font-size: 0;
  width: 1%;
  vertical-align: middle;
}

.typeahead__button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.typeahead__field {
  color: #555;
}

.typeahead__field input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px 0 0 2px;
  transition: all ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.typeahead__field input:focus, .typeahead__field input:active {
  border-color: #66afe9;
}

.typeahead__field input[type=search],
.typeahead__field input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.typeahead__field input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.typeahead__container.hint .typeahead__field input {
  background: transparent;
}

.typeahead__container.hint .typeahead__field input:last-child, .typeahead__hint {
  background: #fff;
}

.typeahead__container button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 32px;
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #555;
}

.typeahead__container button:hover, .typeahead__container button:focus {
  color: #3c3c3c;
  background-color: #f5f5f5;
  border-color: #b3b3b3;
}

.typeahead__container button:active, .typeahead__container button.active {
  background-image: none;
}

.typeahead__container button:focus, .typeahead__container button:active {
  border-color: #66afe9;
}

.typeahead__container input.disabled,
.typeahead__container input[disabled],
.typeahead__container button.disabled,
.typeahead__container button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
  background-color: #fff;
  border-color: #ccc;
}

.typeahead__filter, .typeahead__button {
  z-index: 1;
}

.typeahead__filter button, .typeahead__button button {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.typeahead__filter:hover, .typeahead__filter:active, .typeahead__filter:focus, .typeahead__button:hover, .typeahead__button:active, .typeahead__button:focus {
  z-index: 1001;
}

.typeahead__filter:hover button:focus, .typeahead__filter:hover button:active, .typeahead__filter:active button:focus, .typeahead__filter:active button:active, .typeahead__filter:focus button:focus, .typeahead__filter:focus button:active, .typeahead__button:hover button:focus, .typeahead__button:hover button:active, .typeahead__button:active button:focus, .typeahead__button:active button:active, .typeahead__button:focus button:focus, .typeahead__button:focus button:active {
  z-index: 1001;
}

.typeahead__filter + .typeahead__button button {
  margin-left: -2px;
}

.typeahead__container.filter .typeahead__filter {
  z-index: 1001;
}

.typeahead__list, .typeahead__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-clip: padding-box;
}

.typeahead__result.detached .typeahead__list {
  position: relative;
  z-index: 1041;
  top: initial;
  left: initial;
}

.typeahead__dropdown {
  right: 0;
  left: initial;
  z-index: 1001;
}

.typeahead__list > li {
  position: relative;
  border-top: solid 1px #ccc;
}

.typeahead__list > li:first-child {
  border-top: none;
}

.typeahead__list > li > a,
.typeahead__dropdown > li > a {
  display: block;
  padding: 6px 12px;
  clear: both;
  color: #333333;
  text-decoration: none;
}

.typeahead__list > li > a:hover,
.typeahead__list > li > a:focus,
.typeahead__list > li.active > a,
.typeahead__dropdown > li > a:hover,
.typeahead__dropdown > li > a:focus,
.typeahead__dropdown > li.active > a {
  background-color: #f5f5f5;
  color: #3c3c3c;
}

.typeahead__list.empty > li > a {
  cursor: default;
}

.typeahead__list.empty > li > a:hover,
.typeahead__list.empty > li > a:focus,
.typeahead__list.empty > li.active > a {
  background-color: transparent;
}

.typeahead__list > li.typeahead__group {
  border-color: #bfdef6;
  font-weight: bold;
}

.typeahead__list > li.typeahead__group:first-child {
  border-top: solid 1px #bfdef6;
}

.typeahead__list > li.typeahead__group > a,
.typeahead__list > li.typeahead__group > a:hover,
.typeahead__list > li.typeahead__group > a:focus,
.typeahead__list > li.typeahead__group.active > a {
  cursor: default;
  color: #17639f;
  background: #ecf5fc;
}

.typeahead__list > li.typeahead__group + li.typeahead__item {
  border-color: #bfdef6;
}

.typeahead__container.result .typeahead__list,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.backdrop + .typeahead__backdrop {
  display: block !important;
}

.typeahead__container .typeahead__list,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container + .typeahead__backdrop {
  display: none !important;
}

.typeahead__dropdown li:last-child {
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 1px #ccc;
}

.typeahead__cancel-button {
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 0.8em;
  cursor: pointer;
  background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzMyA0MzguNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwICAgYy0zOS43ODEsMC03Ni40Nyw5LjgwMS0xMTAuMDYzLDI5LjQwN2MtMzMuNTk1LDE5LjYwNC02MC4xOTIsNDYuMjAxLTc5LjgsNzkuNzk2QzkuODAxLDE0Mi44LDAsMTc5LjQ4OSwwLDIxOS4yNjcgICBjMCwzOS43OCw5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU5Miw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODUsNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTMyMi42MjEsMjcwLjkzOWMzLjYxNywzLjYxMyw1LjQyOCw3LjkwNSw1LjQyOCwxMi44NTQgICBjMCw1LjEzMy0xLjgxMSw5LjUxNC01LjQyOCwxMy4xMjdsLTI1LjY5MywyNS43MDFjLTMuNjE0LDMuNjEzLTcuOTk0LDUuNDItMTMuMTM1LDUuNDJjLTQuOTQ4LDAtOS4yMzYtMS44MDctMTIuODQ3LTUuNDIgICBsLTUxLjY3Ni01MS42ODJsLTUxLjY3OCw1MS42ODJjLTMuNjE2LDMuNjEzLTcuODk4LDUuNDItMTIuODQ3LDUuNDJjLTUuMTQsMC05LjUxNy0xLjgwNy0xMy4xMzQtNS40MmwtMjUuNjk3LTI1LjcwMSAgIGMtMy42MTYtMy42MTMtNS40MjQtNy45OTQtNS40MjQtMTMuMTI3YzAtNC45NDgsMS44MDktOS4yNCw1LjQyNC0xMi44NTRsNTEuNjc4LTUxLjY3M2wtNTEuNjc4LTUxLjY3OCAgIGMtMy42MTYtMy42MTItNS40MjQtNy44OTgtNS40MjQtMTIuODQ3YzAtNS4xNCwxLjgwOS05LjUxNyw1LjQyNC0xMy4xMzRsMjUuNjk3LTI1LjY5M2MzLjYxNy0zLjYxNiw3Ljk5NC01LjQyNCwxMy4xMzQtNS40MjQgICBjNC45NDksMCw5LjIzMSwxLjgwOSwxMi44NDcsNS40MjRsNTEuNjc4LDUxLjY3NGw1MS42NzYtNTEuNjc0YzMuNjEtMy42MTYsNy44OTgtNS40MjQsMTIuODQ3LTUuNDI0ICAgYzUuMTQxLDAsOS41MjEsMS44MDksMTMuMTM1LDUuNDI0bDI1LjY5MywyNS42OTNjMy42MTcsMy42MTcsNS40MjgsNy45OTQsNS40MjgsMTMuMTM0YzAsNC45NDgtMS44MTEsOS4yMzUtNS40MjgsMTIuODQ3ICAgbC01MS42NzUsNTEuNjc4TDMyMi42MjEsMjcwLjkzOXoiIGZpbGw9IiM1NTU1NTUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat scroll center center transparent;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
  visibility: visible;
  opacity: 0.25;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover {
  opacity: 0.4;
}

.typeahead__search-icon {
  padding: 0 1.25rem;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll center center transparent;
}

.typeahead__container.loading .typeahead__query:before, .typeahead__container.loading .typeahead__query:after {
  transition: all 0s linear, opacity 0.2s ease;
  position: absolute;
  z-index: 3;
  content: "";
  top: 50%;
  right: 0.55em;
  margin-top: -10.5px;
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  border-radius: 500rem;
  border-style: solid;
  border-width: 0.1em;
}

.typeahead__container.loading .typeahead__query:before {
  border-color: rgba(0, 0, 0, 0.35);
}

.typeahead__container.loading .typeahead__query:after {
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-color: #fff transparent transparent;
  box-shadow: 0 0 0 1px transparent;
}
@keyframes button-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes araburu {
  0% {
    transform: translate(0, 0) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0) rotateZ(-1deg);
  }
  100% {
    transform: translate(0, 0) rotateZ(0deg);
  }
}
@keyframes purupuru {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
[v-cloak=true] {
  display: none;
}

[v-cloak=hidden] {
  visibility: hidden;
}

body {
  background-color: white;
  line-height: 1.8;
  position: relative;
  text-rendering: auto;
  -webkit-print-color-adjust: exact;
}
@media (max-width: 899px) {
  body.posts-realtime_edit {
    background-color: #f5f5f5;
  }
}

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

a {
  color: #0a9b94;
  text-decoration: none;
  transition-duration: 0.3s;
  text-underline-offset: 0.2em;
}
a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
a:focus {
  text-decoration: none;
}

b, strong {
  font-weight: bold;
}

img {
  vertical-align: text-bottom;
}

code {
  color: #3c4a60;
  background-color: #f5f5f5;
  border-radius: 6px;
}

hr {
  border: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 40px 0;
}

h1 {
  font-size: 170%;
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.3;
}
h1 i.fa-angle-double-right {
  font-size: 80%;
}
h1 i.fa-angle-right {
  font-size: 80%;
  position: relative;
  top: -2px;
  right: auto;
  bottom: auto;
  left: auto;
}
h1 a {
  color: #3c4a60;
}
h1 a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
h1 a:hover i {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
h1 strong {
  margin: 0 5px;
}

h2 {
  font-size: 140%;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 30px;
}
h2 i.fa-angle-double-right {
  font-size: 90%;
}
h2 i.fa-angle-right {
  font-size: 80%;
}
h2 .count-num {
  font-size: 12px;
  margin-left: 4px;
  padding: 2px 10px;
  position: relative;
  top: -2px;
}
h2 a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
h2 .date {
  font-size: 80%;
  margin-left: 10px;
}
.layout-settings h2 {
  font-weight: bold;
  font-size: 130%;
}

h3 {
  font-size: 120%;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 0;
}
h3 i {
  font-size: 120%;
}

h4 {
  font-size: 110%;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 0;
}
h4 i {
  font-size: 120%;
  color: rgba(60, 74, 96, 0.7);
  margin-right: 5px;
}

h1 small, h2 small, h3 small, h4 small {
  color: rgba(60, 74, 96, 0.7);
  margin-left: 5px;
  vertical-align: middle;
}

datalist {
  display: none;
}

.section:after {
  content: "";
  clear: both;
  display: block;
}
.section {
  margin-bottom: 50px;
}
.section.section-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.row {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-2 {
  margin-top: 2px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-auto {
  margin-top: auto;
}

.mr-0 {
  margin-right: 0;
}

.mr-2 {
  margin-right: 2px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-64 {
  margin-right: 64px;
}

.mr-auto {
  margin-right: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-0 {
  margin-left: 0;
}

.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-64 {
  margin-left: 64px;
}

.ml-auto {
  margin-left: auto;
}

.pt-0 {
  padding-top: 0;
}

.pt-2 {
  padding-top: 2px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-0 {
  padding-right: 0;
}

.pr-2 {
  padding-right: 2px;
}

.pr-4 {
  padding-right: 4px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-12 {
  padding-right: 12px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-64 {
  padding-right: 64px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-0 {
  padding-left: 0;
}

.pl-2 {
  padding-left: 2px;
}

.pl-4 {
  padding-left: 4px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-64 {
  padding-left: 64px;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-cell {
  display: table-cell;
}

.table-row {
  display: table-row;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.hidden {
  display: none;
}

.flow-root {
  display: flow-root;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.top-px {
  top: 1px;
}

.top-0\.5 {
  top: 2px;
}

.top-1 {
  top: 4px;
}

.top-2 {
  top: 8px;
}

.top-3 {
  top: 12px;
}

.top-4 {
  top: 16px;
}

.top-5 {
  top: 20px;
}

.top-6 {
  top: 24px;
}

.top-8 {
  top: 32px;
}

.top-10 {
  top: 40px;
}

.top-12 {
  top: 48px;
}

.top-16 {
  top: 64px;
}

.top-20 {
  top: 80px;
}

.top-24 {
  top: 96px;
}

.top-auto {
  top: auto;
}

.top-1\/2 {
  top: 50%;
}

.top-full {
  top: 100%;
}

.-top-px {
  top: -1px;
}

.-top-0\.5 {
  top: -2px;
}

.-top-1 {
  top: -4px;
}

.-top-2 {
  top: -8px;
}

.-top-3 {
  top: -12px;
}

.-top-4 {
  top: -16px;
}

.right-0 {
  right: 0;
}

.right-px {
  right: 1px;
}

.right-0\.5 {
  right: 2px;
}

.right-1 {
  right: 4px;
}

.right-2 {
  right: 8px;
}

.right-3 {
  right: 12px;
}

.right-4 {
  right: 16px;
}

.right-5 {
  right: 20px;
}

.right-6 {
  right: 24px;
}

.right-8 {
  right: 32px;
}

.right-10 {
  right: 40px;
}

.right-12 {
  right: 48px;
}

.right-16 {
  right: 64px;
}

.right-20 {
  right: 80px;
}

.right-24 {
  right: 96px;
}

.right-auto {
  right: auto;
}

.right-1\/2 {
  right: 50%;
}

.right-full {
  right: 100%;
}

.-right-px {
  right: -1px;
}

.-right-0\.5 {
  right: -2px;
}

.-right-1 {
  right: -4px;
}

.-right-2 {
  right: -8px;
}

.-right-3 {
  right: -12px;
}

.-right-4 {
  right: -16px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-px {
  bottom: 1px;
}

.bottom-0\.5 {
  bottom: 2px;
}

.bottom-1 {
  bottom: 4px;
}

.bottom-2 {
  bottom: 8px;
}

.bottom-3 {
  bottom: 12px;
}

.bottom-4 {
  bottom: 16px;
}

.bottom-5 {
  bottom: 20px;
}

.bottom-6 {
  bottom: 24px;
}

.bottom-8 {
  bottom: 32px;
}

.bottom-10 {
  bottom: 40px;
}

.bottom-12 {
  bottom: 48px;
}

.bottom-16 {
  bottom: 64px;
}

.bottom-20 {
  bottom: 80px;
}

.bottom-24 {
  bottom: 96px;
}

.bottom-auto {
  bottom: auto;
}

.bottom-1\/2 {
  bottom: 50%;
}

.bottom-full {
  bottom: 100%;
}

.-bottom-px {
  bottom: -1px;
}

.-bottom-0\.5 {
  bottom: -2px;
}

.-bottom-1 {
  bottom: -4px;
}

.-bottom-2 {
  bottom: -8px;
}

.-bottom-3 {
  bottom: -12px;
}

.-bottom-4 {
  bottom: -16px;
}

.left-0 {
  left: 0;
}

.left-px {
  left: 1px;
}

.left-0\.5 {
  left: 2px;
}

.left-1 {
  left: 4px;
}

.left-2 {
  left: 8px;
}

.left-3 {
  left: 12px;
}

.left-4 {
  left: 16px;
}

.left-5 {
  left: 20px;
}

.left-6 {
  left: 24px;
}

.left-8 {
  left: 32px;
}

.left-10 {
  left: 40px;
}

.left-12 {
  left: 48px;
}

.left-16 {
  left: 64px;
}

.left-20 {
  left: 80px;
}

.left-24 {
  left: 96px;
}

.left-auto {
  left: auto;
}

.left-1\/2 {
  left: 50%;
}

.left-full {
  left: 100%;
}

.-left-px {
  left: -1px;
}

.-left-0\.5 {
  left: -2px;
}

.-left-1 {
  left: -4px;
}

.-left-2 {
  left: -8px;
}

.-left-3 {
  left: -12px;
}

.-left-4 {
  left: -16px;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

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

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.layout-app {
  position: relative;
  height: 100%;
  min-height: 100%;
}

.layout-app__header {
  position: relative;
  height: auto;
  top: 0;
  left: 0;
}
@media (max-width: 899px) {
  .layout-app__header {
    height: auto;
  }
}

.layout-app__container {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-width: 0;
  width: 100%;
  background-color: white;
}
@media (max-width: 899px) {
  .layout-app__container {
    display: block;
  }
}

.layout-app__container > * {
  min-width: 0;
}

.layout-app__nav {
  position: sticky;
  top: 0;
  flex: 0 0 80px;
  background-color: #0a9b94;
}
@media (max-width: 899px) {
  .layout-app__nav {
    position: relative;
    height: auto !important;
  }
}
@media (max-width: 899px) {
  .posts-realtime_edit .layout-app__nav {
    display: none;
  }
}
.posts-edit .layout-app__nav, .posts-new .layout-app__nav, .posts-realtime_edit .layout-app__nav {
  position: relative;
}

.layout-app__content {
  flex: 100;
}
.posts-realtime_edit .layout-app__content {
  height: 100%;
  min-height: 100%;
}

.layout-home {
  display: flex;
}
@media (max-width: 899px) {
  .layout-home {
    display: block;
  }
}

.layout-home__left {
  width: 300px;
  flex: 0 0 300px;
}
@media (max-width: 899px) {
  .layout-home__left {
    width: 100%;
  }
}

.layout-home__center {
  flex: 100;
  overflow: hidden;
  min-width: 0;
}

.layout-home__right {
  margin-left: auto;
  padding-right: 20px;
  width: 230px;
  flex: 0 0 240px;
  padding-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .layout-home__right {
    display: none;
  }
}

.layout-home__right::-webkit-scrollbar {
  display: none;
}

.layout-post {
  margin: 0 auto;
}
@media (max-width: 1330px) {
  .layout-post {
    margin: 0;
    margin-right: 100px;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .layout-post {
    width: 100%;
  }
}
.layout-post.is-sharing {
  margin-top: 0;
  padding-bottom: 30px;
}

.layout-post__wrapper {
  width: 1220px;
  margin: 0 auto;
}
@media (max-width: 1330px) {
  .layout-post__wrapper {
    width: 100%;
    margin: 0;
    padding: 0 30px;
  }
}
@media (max-width: 900px) {
  .layout-post__wrapper {
    width: 100%;
    padding: 0 15px;
  }
}

.layout-post__header {
  padding-top: 30px;
}

.layout-post__content {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  max-height: 100%;
  margin: 0 auto;
}
.layout-post__content.is-revision {
  padding-top: 20px;
}
@media (max-width: 1300px) {
  .layout-post__content {
    display: block;
  }
}

.layout-post__main {
  margin: 0;
  margin-bottom: 30px;
  margin-right: auto;
  padding: 0;
  width: 970px;
  overflow-wrap: break-word;
  flex: 1 0 0;
  min-width: 0;
}
@media (max-width: 1330px) {
  .layout-post__main {
    flex: 100;
    margin-right: 0;
    width: 100%;
  }
}

.layout-post__right {
  width: 220px;
  flex: 0 0 220px;
  margin-left: 30px;
  position: sticky;
  top: 56px;
  max-height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1300px) {
  .layout-post__right {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    position: relative;
    top: 0;
    max-height: none;
  }
}
.is-sharing .layout-post__right {
  top: 0;
  max-height: 100vh;
}
@media (max-width: 1300px) {
  .is-sharing .layout-post__right {
    max-height: none;
  }
}

.layout-post__right::-webkit-scrollbar {
  display: none;
}

.layout-post__aside {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  padding-top: 30px;
}
@media (max-width: 899px) {
  .layout-post__aside {
    display: block;
  }
}

.layout-search {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
@media (max-width: 899px) {
  .layout-search {
    display: block;
  }
}

.layout-search__left {
  flex: 0 0 300px;
  position: sticky;
  left: 0;
  top: 0;
  overflow-y: auto;
}
@media (max-width: 899px) {
  .layout-search__left {
    position: relative;
    height: auto;
  }
}

.layout-search__main {
  flex: 1 0 0;
  display: flex;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  min-height: 100%;
}
@media (max-width: 899px) {
  .layout-search__main {
    display: block;
    height: auto;
    min-height: auto;
    border-left: 0;
  }
}

.layout-search__content {
  flex: 1 0 0;
  padding: 30px;
}
@media (max-width: 480px) {
  .layout-search__content {
    padding: 15px;
  }
}

.layout-search__right {
  flex: 0 0 230px;
}
@media (max-width: 1439px) {
  .layout-search__right {
    display: none;
  }
}

.layout-settings {
  display: flex;
  padding: 0;
  position: relative;
  align-items: stretch;
  min-height: 100%;
}
@media (max-width: 899px) {
  .layout-settings {
    display: block;
    padding: 0;
    min-height: 0;
  }
}

.layout-settings__menu {
  flex: 0 0 300px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
@media (max-width: 899px) {
  .layout-settings__menu {
    padding-top: 10px;
    border-right: 0;
    margin-left: 0;
  }
}

.layout-settings__content {
  flex: 0 0 970px;
  padding: 40px 0;
  margin: 0 auto;
}
@media (max-width: 1439px) {
  .layout-settings__content {
    flex: 1 0 0;
    padding: 30px;
  }
}
@media (max-width: 899px) {
  .layout-settings__content {
    padding: 16px;
  }
}

.layout-editor {
  height: 100%;
  z-index: 1;
}
.layout-editor .tab-pane.tab-pane-main:not(.active) {
  display: block;
}
@media (max-width: 899px) {
  .layout-editor .tab-pane.tab-pane-main:not(.active) {
    display: none;
  }
}
.layout-editor.is-single .tab-pane.tab-pane-main:not(.active) {
  display: none;
}

.layout-editor__main {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 1;
}
@media (max-width: 899px) {
  .layout-editor__main {
    display: block;
  }
}
.layout-editor.is-single .layout-editor__main {
  display: block;
  width: 100%;
}

.layout-editor__footer {
  display: block;
  width: 100%;
  height: 74px;
  bottom: 0;
  z-index: 3;
}
@media (max-width: 899px) {
  .layout-editor__footer {
    height: auto;
    padding-bottom: 1px;
  }
}

.layout-editor__left {
  flex: 1 0 50%;
  width: 50%;
  max-width: 50%;
  height: 100%;
  z-index: 1;
  position: relative;
}
@media (max-width: 899px) {
  .layout-editor__left {
    width: 100%;
    max-width: 100%;
  }
}
.layout-editor.is-single .layout-editor__left {
  width: 100%;
  max-width: 100%;
}

.layout-editor__right {
  flex: 1 0 50%;
  width: 50%;
  max-width: 50%;
  overflow-y: scroll;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
@media (max-width: 899px) {
  .layout-editor__right {
    width: 100%;
    display: none;
    max-width: 100%;
  }
}
.layout-editor.is-single .layout-editor__right {
  width: 100%;
  max-width: 100%;
}

.layout-editor__right-container {
  margin: 15px 30px 30px 30px;
}
@media (max-width: 899px) {
  .layout-editor__right-container {
    margin: 15px;
  }
}

.layout-editor__preview {
  overflow-wrap: break-word;
}

.layout-editor__loading {
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  text-align: center;
  color: #B2B7BF;
  font-size: 12px;
  position: absolute;
  z-index: 2;
  background-color: white;
}
.layout-editor__loading:after {
  display: block;
  content: "Loading...";
  color: rgba(60, 74, 96, 0.2);
  font-size: 16px;
  text-align: center;
  padding-top: 130px;
  width: 180px;
  height: 160px;
  background-color: white;
  background-image: url(https://assets.esa.io/packs/static/images/loading-esadori-36ac799d4ac30039a275.gif);
  background-size: 180px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -130px;
  margin-top: -100px;
}
@media (max-width: 899px) {
  .layout-editor__loading:after {
    margin-left: -90px;
  }
}
.layout-editor__loading.fade-leave-active {
  transition: opacity 0.5s;
}
.layout-editor__loading.fade-leave-to {
  opacity: 0;
}

.layout-editor--reverse .layout-editor__main {
  flex-direction: row-reverse;
}
.layout-editor--reverse .layout-editor__right {
  border-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.posts-realtime_edit .layout-editor--reverse .navbar-side__item.is-current .navbar-side__link:after {
  border-right-color: white;
}

.posts-realtime_edit .layout-editor--reverse .layout-editor.is-single .navbar-side__item.is-current .navbar-side__link:after {
  border-right-color: #EEE;
}

.layout-editor-v1 {
  padding: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
@media (max-width: 899px) {
  .layout-editor-v1 {
    padding: 30px 15px;
  }
}

.layout-wrapper {
  padding: 40px 90px;
}
@media (max-width: 1439px) {
  .layout-wrapper {
    padding: 30px;
  }
}
@media (max-width: 899px) {
  .layout-wrapper {
    padding: 15px;
  }
}

.layout-lp {
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  position: relative;
}
.layout-lp .container, .layout-lp .container--authorization {
  width: 1220px;
  margin: 0 auto;
}
@media (max-width: 1220px) {
  .layout-lp .container, .layout-lp .container--authorization {
    width: 100%;
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .layout-lp .container, .layout-lp .container--authorization {
    padding: 0 15px;
  }
}

.layout-lp__container {
  width: 1220px;
  margin: 0 auto;
}
@media (max-width: 1220px) {
  .layout-lp__container {
    width: 100%;
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .layout-lp__container {
    padding: 0 15px;
  }
}

.layout-half {
  display: flex;
}
@media (max-width: 899px) {
  .layout-half {
    display: block;
  }
}

.layout-half__left {
  flex: 1;
  padding: 0 30px 0 0;
}
@media (max-width: 899px) {
  .layout-half__left {
    padding: 0;
  }
}

.layout-half__right {
  flex: 1;
  padding: 0 0 0 30px;
}
@media (max-width: 899px) {
  .layout-half__right {
    padding: 0;
  }
}

.alert {
  padding: 20px;
}

.alert-heading__icon {
  font-size: 130%;
  color: #B2B7BF;
}
.alert-danger .alert-heading__icon {
  color: rgba(233, 85, 19, 0.5);
}

.alert-link {
  color: #3c4a60 !important;
  text-decoration: underline;
}
.alert-link:hover {
  color: #0a9b94 !important;
}
.alert-link:hover code {
  color: #0a9b94 !important;
}

.alert--success {
  background: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  border: none;
  color: white;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding-top: 15px;
  width: 100%;
  text-align: center;
}
.alert--success i {
  color: rgba(255, 255, 255, 0.3);
}
.alert--success .close {
  text-decoration: none;
}
.alert--success a {
  color: white;
}

.alert-heading {
  font-weight: bold;
}

.alert code {
  color: #3c4a60;
  background-color: rgba(60, 74, 96, 0.15);
}

.alert-single {
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #f5f5f5;
  color: #3c4a60;
}
.alert-single i {
  color: #B2B7BF;
}
.alert-single.alert-info {
  background-color: rgba(10, 155, 148, 0.1);
  color: #3c4a60;
}
.alert-single.alert-info a {
  color: #0a9b94;
}
.alert-single.alert-info i {
  color: rgba(10, 155, 148, 0.5);
}

.alert__large {
  font-size: 110%;
}

.alert__more {
  margin-left: 30px;
  font-size: 80%;
}

.alert.alert__more a {
  font-weight: normal;
}

.alert--center {
  text-align: center;
}

.alert-warning .alert__icon {
  font-size: 120%;
  margin-right: 5px;
  color: rgba(242, 150, 0, 0.8);
}
.alert-info .alert__icon {
  font-size: 120%;
  margin-right: 5px;
  color: #B2B7BF;
}
.alert-success .alert__icon {
  font-size: 120%;
  margin-right: 5px;
  color: #0a9b94;
}
.alert-danger .alert__icon {
  font-size: 120%;
  margin-right: 5px;
  color: #e95513;
}

.alert__free-trial {
  line-height: 1.5;
}
@media (max-width: 899px) {
  .alert__free-trial {
    font-size: 12px;
  }
}

.alert.is-listed {
  display: flex;
}

.alert__list {
  padding-inline-start: 20px;
}

.alert__list-item {
  margin-top: 8px;
}
.alert__list-item:first-child {
  margin-top: 0;
}

.message-result {
  text-align: center;
  color: rgba(60, 74, 96, 0.7);
}

.btn {
  transition-duration: 0.3s;
  border-radius: 10px;
}
.btn i {
  font-size: 105%;
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.btn.btn-default i {
  color: #B2B7BF;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
  border-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  background-color: rgba(10, 155, 148, 0.1);
}
.btn.btn-default:hover i, .btn.btn-default:active i, .btn.btn-default:focus i {
  color: #0a9b94;
}
.btn.disabled {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.btn.btn-dark {
  background: #666;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  color: rgba(255, 255, 255, 0.8);
}
.btn.btn-dark:hover {
  background: #777;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.btn.btn-lg, .btn-group-lg > .btn {
  border-radius: 10px;
}
.btn.btn-xlg {
  font-size: 200%;
  border-radius: 6px;
  padding: 10px 30px;
}
.btn.btn-skeleton {
  color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.8);
  background-color: transparent;
}
.btn.btn-skeleton:hover, .btn.btn-skeleton:focus, .btn.btn-skeleton:active {
  border: 2px solid white;
  color: #3c4a60;
  background-color: white;
}
.btn.btn-skeleton:hover i, .btn.btn-skeleton:focus i, .btn.btn-skeleton:active i {
  color: #B2B7BF;
}

.btn-circle {
  display: block;
  height: 60px;
  width: 60px;
  text-align: center;
  background: white;
  font-size: 10px;
  border-radius: 30px;
  color: #0a9b94;
  text-decoration: none;
}
.btn-circle i {
  width: 60px;
  text-align: center;
  display: inline-block;
  font-size: 30px;
  color: rgba(10, 155, 148, 0.5);
  margin-top: 7px;
  position: relative;
  top: 5px;
  right: auto;
  bottom: auto;
  left: auto;
}

.btn__text-small {
  font-weight: 300;
  font-size: 85%;
  margin-left: 5px;
}

.btn__external-link-icon {
  font-size: 10px !important;
  margin-left: 5px;
  margin-right: 0 !important;
}

.emoji {
  height: 18px;
  width: 18px;
  font-size: 1.1em;
  font-family: "Apple Color Emoji", "Noto Color Emoji";
}
table .emoji {
  min-width: 18px;
}

.member_emoji {
  border-radius: 3px;
}

.well {
  box-shadow: none;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border: none;
}
.well h1, .well h2, .well h3, .well h4 {
  margin-top: 10px;
}
.well.is-small {
  padding: 5px 10px;
  margin-bottom: 0;
  overflow-wrap: break-word;
}
.well .address {
  font-size: 130%;
}
.well .address i {
  color: #B2B7BF;
  font-size: 130%;
  margin-right: 5px;
}
.well .price {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 10px;
  right: 20px;
}
.well .price .num {
  font-size: 200%;
  margin-right: 5px;
}

.well.is-dashed {
  background-color: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.1);
}

.well.is-white {
  background-color: white;
}

.count-num {
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.09);
  padding: 3px 10px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 11px;
}

.count-unit {
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.09);
  padding: 3px 10px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 11px;
  font-size: 16px;
  padding: 4px 12px;
}

.count-unit__unit {
  font-size: 10px;
}

/* ========================================================================== */
/* forms */
/* -------------------------------------------------------------------------- */
.form-control:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control:placeholder-shown {
  color: rgba(60, 74, 96, 0.3);
}
.form-control::-webkit-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control::-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control:-ms-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.form-control {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06) inset;
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.form-control:focus {
  background-color: white;
}
@media (max-width: 899px) {
  .form-control {
    font-size: 16px;
  }
}
.form-control.form-control-half {
  width: 50%;
}

textarea.form-control {
  padding: 12px 16px;
}

.help-block {
  color: rgba(60, 74, 96, 0.7);
  line-height: 1.5;
}
.help-block .label {
  margin: 0 3px;
}
.help-block code {
  color: #3c4a60;
  white-space: pre-wrap;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.help-block .fa {
  color: #B2B7BF;
}

.form-inline label, .form-inline select, .form-inline input, .form-inline button {
  margin-right: 10px;
}
.form-inline input[type=radio] {
  margin-top: 0;
  margin-right: 3px;
  transform: translateY(1px);
}
@media (max-width: 899px) {
  .form-inline input, .form-inline label, .form-inline button, .form-inline select {
    margin-right: 0;
  }
}

.form-inline-large .form-control, .form-inline-large .btn {
  font-size: 150%;
  height: 50px;
}

.form-wrapper {
  padding: 0 100px 0 50px;
}
@media (max-width: 899px) {
  .form-wrapper {
    padding: 0 20px;
  }
}

.form-horizontal .form-group {
  margin-left: -5px;
  margin-right: -5px;
}

.form-group [class*=col-sm-] {
  padding-left: 5px;
  padding-right: 5px;
}

.form__icon {
  color: #B2B7BF;
}

.form__label {
  margin-right: 5px;
}

.form__short {
  width: 60px;
}

.form__with-unit {
  display: flex;
  align-items: center;
}

.form__unit {
  margin-left: 5px;
}

#form__input-file-group .filename {
  color: rgba(60, 74, 96, 0.7);
  margin-left: 5px;
}

.form__input-file {
  display: none !important;
}

.checkbox-inline input {
  margin-top: 6px;
}

.form-action {
  display: flex;
  justify-content: flex-start;
  margin: 20px 15px;
}

.form-action__right {
  margin-left: auto;
}

.form-submit {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.form-submit .btn {
  margin-left: auto;
}
.form-submit .form-submit__left-btn {
  margin-left: 0;
}
.form-submit .form-submit__right-btn {
  margin-left: auto;
}

.table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table .is-disabled td {
  color: rgba(60, 74, 96, 0.7);
}

.table-invoice > tbody > tr > td {
  padding-top: 11px;
}
.table-invoice > tbody > tr > td.receipt {
  padding-top: 8px;
  padding-right: 0;
}
.table-invoice .receipt {
  width: 100px;
}

.table.with-button > tbody > tr > td {
  height: 49px;
  vertical-align: middle;
}

.table > tbody > tr > td.is-last {
  text-align: right;
  white-space: nowrap;
}

.label {
  font-weight: normal;
  border-radius: 10px;
}
.label.label-paid {
  background-color: #0a9b94;
}
.label.label-pending {
  background-color: rgba(0, 0, 0, 0.3);
}
.label.label-in_progress, .label.label-not_yet {
  background-color: rgba(0, 0, 0, 0.3);
}
.label.label-unpaid {
  background-color: #e95513;
}
.label.label-invoice {
  display: inline-block;
  width: 80px;
}
.label.label-gray {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(60, 74, 96, 0.7);
}

.label-default i, .label-warning i, .label-success i, .label-danger i {
  font-size: 120%;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 3px;
}

.label__beta {
  border: 1px solid rgba(60, 74, 96, 0.7);
  border-radius: 100px;
  padding: 2px 8px 3px 9px;
  font-size: 11px;
  line-height: 11px;
  color: rgba(60, 74, 96, 0.7);
}

.label__role {
  font-size: 10px;
  font-weight: normal;
  display: inline-block;
  background-color: rgba(60, 74, 96, 0.7);
  color: white;
  width: 42px;
  border-radius: 20px;
  text-align: center;
  line-height: 1.6;
  transition-duration: 0.3s;
}
.label__role.is-owner {
  background-color: #0a9b94;
}

.label-status {
  font-size: 10px;
  font-weight: normal;
  display: flex;
  background-color: rgba(60, 74, 96, 0.7);
  color: white;
  border-radius: 20px;
  text-align: center;
  line-height: 1.6;
  padding: 3px 10px 3px 8px;
  transition-duration: 0.3s;
  width: 80px;
  align-items: center;
}
.label-status.is-success {
  background-color: #0a9b94;
}
.label-status.is-warning {
  background-color: #f29600;
}
.label-status.is-error {
  background-color: #e95513;
}

.label-status__icon {
  color: #B2B7BF;
  font-size: 10px;
  width: 15px;
  text-align: center;
}
.is-success .label-status__icon {
  color: #97CEC9;
}
.is-warning .label-status__icon {
  color: rgba(255, 255, 255, 0.5);
}
.is-error .label-status__icon {
  color: #F2C0AA;
}

.label-status__text {
  width: 100%;
  display: block;
  text-align: center;
}

.link-with-icon i {
  color: rgba(10, 155, 148, 0.5);
  margin-right: 2px;
  font-size: 110%;
}
.link-with-icon i.fa-caret-down {
  font-size: 90%;
}
.link-with-icon:hover {
  text-decoration: none;
}
.link-with-icon:hover i {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.link-with-icon .count-num {
  margin-left: 4px;
}
.link-with-icon i.fa-external-link {
  font-size: 90%;
}
.link-with-icon.gray {
  color: rgba(60, 74, 96, 0.7);
}
.link-with-icon.gray i {
  color: #B2B7BF;
}
.link-with-icon.gray:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.link-with-icon.gray:hover i {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}
.link-with-icon.white {
  color: rgba(255, 255, 255, 0.9);
}
.link-with-icon.white i {
  color: rgba(255, 255, 255, 0.5);
}
.link-with-icon.white:hover {
  color: white;
}
.link-with-icon.white:hover i {
  color: white;
}
.link-with-icon.is-danger {
  color: #e95513;
}
.link-with-icon.is-danger i {
  color: rgba(233, 85, 19, 0.5);
}
.link-with-icon.is-danger:hover {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}
.link-with-icon.is-danger:hover i {
  color: #e95513;
}

.link--with-icon .link__icon {
  color: rgba(10, 155, 148, 0.5);
  margin-right: 2px;
}
.link--with-icon:hover {
  text-decoration: none;
}
.link--with-icon:hover .link__icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.link--with-icon.is-gray {
  color: rgba(60, 74, 96, 0.7);
}
.link--with-icon.is-gray .link__icon {
  color: #B2B7BF;
}
.link--with-icon.is-gray:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.link--with-icon.is-gray:hover .link__icon {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}
.link--with-icon.is-white {
  color: rgba(255, 255, 255, 0.9);
}
.link--with-icon.is-white .link__icon {
  color: rgba(255, 255, 255, 0.5);
}
.link--with-icon.is-white:hover {
  color: white;
}
.link--with-icon.is-white:hover .link__icon {
  color: white;
}
.link--with-icon.is-danger {
  color: #e95513;
}
.link--with-icon.is-danger .link__icon {
  color: rgba(233, 85, 19, 0.5);
}
.link--with-icon.is-danger:hover {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}
.link--with-icon.is-danger:hover .link__icon {
  color: #e95513;
}

.link-toggle {
  text-align: right;
}
.link-toggle a {
  color: rgba(60, 74, 96, 0.7);
  font-size: 90%;
}
.link-toggle a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}
.link-toggle a.close {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  text-shadow: none;
  font-weight: normal;
}

.link-more {
  font-size: 11px;
}
.link-more i {
  font-size: 10px;
  color: rgba(10, 155, 148, 0.5);
}

.link i {
  font-size: 120%;
  color: rgba(10, 155, 148, 0.5);
}
.link a:hover i {
  text-decoration: none;
}

.link--disabled {
  color: rgba(60, 74, 96, 0.3);
  text-decoration: line-through;
}
.link--disabled:hover, .link--disabled:active {
  color: rgba(60, 74, 96, 0.3);
  text-decoration: line-through;
  cursor: default;
}

.link--external-inline {
  margin-left: 5px;
  font-size: 90%;
}
.link--external-inline .fa {
  font-size: 90%;
  color: rgba(10, 155, 148, 0.5);
}

.list-float {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.list-float li {
  line-height: 1;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.list-float li i {
  font-size: 110%;
  color: #B2B7BF;
  margin-right: 3px;
}
.list-float li a i {
  color: rgba(10, 155, 148, 0.5);
}
.list-float li a:hover {
  text-decoration: none;
}
.list-float li.disabled {
  color: rgba(60, 74, 96, 0.2);
}
.list-float li.disabled i {
  color: rgba(178, 183, 191, 0.2);
}
.list-float li.disabled a {
  color: rgba(60, 74, 96, 0.2);
}
.list-float li.disabled a i {
  color: rgba(178, 183, 191, 0.2);
}
.list-float li.disabled .count-num {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.list-float li .count-num {
  position: relative;
  top: -1px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 1px;
}
.list-float li.current {
  font-weight: bold;
  color: #3c4a60;
}
.list-float li.current i {
  color: #B2B7BF;
}
.list-float li.current a {
  color: #3c4a60;
}
.list-float li.current a i {
  color: #B2B7BF;
}
@media (max-width: 899px) {
  .list-float {
    margin-bottom: 10px;
  }
  .list-float li {
    margin-bottom: 10px;
  }
}

.list-float--plain:after {
  content: "";
  clear: both;
  display: block;
}
.list-float--plain {
  list-style: none;
  padding: 0;
}
.list-float--plain li {
  float: left;
  margin-right: 15px !important;
}

.list, .list--help-block {
  padding: 0;
}
.list li, .list--help-block li {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 30px;
}
.list li:last-child, .list--help-block li:last-child {
  margin-bottom: 0;
}
.list li ul, .list--help-block li ul {
  margin-bottom: 0;
}

.list--help-block {
  padding: 0;
  color: rgba(60, 74, 96, 0.7);
  margin-top: 10px;
}
.list--help-block code {
  color: #3c4a60;
  white-space: pre-wrap;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}

.list--with-icon {
  list-style: none;
  padding: 0;
}

.list--academic-domain {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 6px;
  font-weight: 500;
}
.list--academic-domain li {
  margin-right: 10px;
}
.list--academic-domain li:after {
  content: "/";
  color: #B2B7BF;
  margin-left: 5px;
}

.sorter {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.sorter li {
  line-height: 1;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.sorter li i {
  font-size: 110%;
  color: #B2B7BF;
  margin-right: 3px;
}
.sorter li a i {
  color: rgba(10, 155, 148, 0.5);
}
.sorter li a:hover {
  text-decoration: none;
}
.sorter li.disabled {
  color: rgba(60, 74, 96, 0.2);
}
.sorter li.disabled i {
  color: rgba(178, 183, 191, 0.2);
}
.sorter li.disabled a {
  color: rgba(60, 74, 96, 0.2);
}
.sorter li.disabled a i {
  color: rgba(178, 183, 191, 0.2);
}
.sorter li.disabled .count-num {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.sorter li .count-num {
  position: relative;
  top: -1px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 1px;
}
.sorter li.current {
  font-weight: bold;
  color: #3c4a60;
}
.sorter li.current i {
  color: #B2B7BF;
}
.sorter li.current a {
  color: #3c4a60;
}
.sorter li.current a i {
  color: #B2B7BF;
}
@media (max-width: 899px) {
  .sorter {
    margin-bottom: 10px;
  }
  .sorter li {
    margin-bottom: 10px;
  }
}
.sorter {
  margin-bottom: 30px;
  font-size: 110%;
}
.sorter li:first-child {
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-content {
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 10px;
}

.modal-header {
  border: none;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 12px 16px;
  margin-bottom: 10px;
  background: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.modal-header:before, .modal-header:after {
  display: none;
}
.modal-header .close {
  text-shadow: none;
  opacity: 1;
  color: rgba(60, 74, 96, 0.7);
  font-weight: normal;
  display: flex;
  margin-left: auto;
  font-size: 15px;
}
.modal-header .close i {
  font-size: 18px;
  color: #B2B7BF;
  position: relative;
  top: -1px;
}
.modal-header .close:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.modal-header .close:hover i {
  color: rgba(10, 155, 148, 0.5);
}

.modal-title {
  font-size: 16px;
  font-weight: bold;
}
.modal-title i {
  font-size: 120%;
  color: #B2B7BF;
  margin-right: 3px;
}
.modal-title i.icon-watch {
  position: relative;
  top: 2px;
}

.modal-body {
  padding-top: 10px;
}
.modal-body:after {
  content: "";
  clear: both;
  display: block;
}
@media (min-width: 900px) {
  .modal-body .form-group {
    margin-left: 0;
    margin-right: 0;
  }
}
.modal-body .form-group .help-block {
  margin-bottom: 5px;
}

.modal.fade .modal-dialog {
  transform: none;
}

/* ========================================================================== */
/* .pages */
/* -------------------------------------------------------------------------- */
.pagination {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin: 0 0 10px;
}
.pagination span a {
  transition-duration: 0.3s;
  color: rgba(60, 74, 96, 0.7);
}
.pagination span a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}
.pagination span.current {
  padding: 0 10px;
}
.pagination span.page {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  font-weight: 700;
  font-size: 16px;
}
.pagination span.page a {
  padding: 0 10px;
}
.pagination span.selected {
  color: #000;
  padding: 0 10px;
}
.pagination span.prev {
  margin-right: 5px;
}
.pagination span.next {
  margin-left: 5px;
}
.pagination span.first {
  margin-right: 10px;
}
.pagination span.last {
  margin-left: 10px;
}
.pagination .gap {
  color: rgba(0, 0, 0, 0.3);
}

.breadcrumb {
  padding: 0;
}
.breadcrumb > li a {
  color: #999;
}
.breadcrumb > li a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.breadcrumb > li + li:before {
  content: "› ";
  color: rgba(0, 0, 0, 0.1);
}

/* ========================================================================== */
/* panels */
/* -------------------------------------------------------------------------- */
.panel-danger .panel-heading, .panel-warning .panel-heading {
  background: #e95513;
  color: white;
}
.panel-danger .panel-heading i, .panel-warning .panel-heading i {
  font-size: 130%;
  margin-right: 3px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 2px;
}

.panel-warning .panel-heading {
  background: #f29600;
}

.panel-toggle {
  box-shadow: none;
  border: none;
  background-color: #f5f5f5;
  font-size: 95%;
}
.panel-toggle .panel-heading {
  padding: 0;
  background-color: transparent;
  border-bottom: none !important;
}
@media (max-width: 899px) {
  .panel-toggle .panel-heading {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.panel-toggle .panel-title {
  font-weight: bold;
}
.panel-toggle .panel-title > a {
  display: block;
  padding: 16px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.panel-toggle .panel-title input[type=radio] {
  margin-right: 5px;
}
.panel-toggle .panel-collapse {
  border: none !important;
}
.panel-toggle .collapse.in {
  border: none;
}
.panel-toggle .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-toggle code {
  color: #3c4a60;
  font-weight: bold;
  background-color: rgba(60, 74, 96, 0.1);
}
.panel-toggle.is-selected {
  background-color: #ECF5F4;
}

.panel-toggle__label {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 16px;
  right: 10px;
  padding-top: 3px;
}
.panel-toggle__label i {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 3px;
}
@media (max-width: 899px) {
  .panel-toggle__label {
    top: -10px;
    right: 0;
  }
}

.panel-toggle--enabled {
  background-color: #ECF5F4;
}

.panel-title__link:hover, .panel-title__link:active {
  text-decoration: none;
}

/* -------------------------------------------------------
 * thumbnails
 * ----------------------------------------------------- */
.thumbnail-s {
  height: 16px;
  width: 16px;
}
.thumbnail-s img {
  height: 16px;
  width: 16px;
}
.thumbnail-s a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.circle-thumbnail-s {
  height: 20px;
  width: 20px;
}
.circle-thumbnail-s a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-s a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.circle-thumbnail-s img {
  height: 20px;
  width: 20px;
  border-radius: 12px;
}

.circle-thumbnail-ms {
  height: 20px;
  width: 20px;
}
.circle-thumbnail-ms a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-ms a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.circle-thumbnail-ms img {
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-ms {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}
.circle-thumbnail-ms a {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}
.circle-thumbnail-ms img {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}

.circle-thumbnail-m {
  height: 20px;
  width: 20px;
}
.circle-thumbnail-m a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-m a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.circle-thumbnail-m img {
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-m {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.circle-thumbnail-m a {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.circle-thumbnail-m img {
  width: 64px;
  height: 64px;
  border-radius: 64px;
}

.circle-thumbnail-l {
  height: 20px;
  width: 20px;
}
.circle-thumbnail-l a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-l a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.circle-thumbnail-l img {
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.circle-thumbnail-l {
  height: 86px;
  width: 86px;
  border-radius: 46px;
  border: 3px solid white;
  background: white;
}
.circle-thumbnail-l a {
  height: 86px;
  width: 86px;
  border-radius: 46px;
}
.circle-thumbnail-l img {
  width: 80px;
  height: 80px;
  border-radius: 46px;
}

a:hover .thumbnail-s img, a:hover .circle-thumbnail-s img, a:hover .circle-thumbnail-m img, a:hover .circle-thumbnail-ms img, a:hover .circle-thumbnail-l img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.thumbnails-list:after {
  content: "";
  clear: both;
  display: block;
}
.thumbnails-list {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  background: none;
}
.thumbnails-list > a {
  background: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.thumbnails-list > li {
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  background: none;
}
.thumbnails-list > li > a {
  background: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.thumbnails-list {
  margin-bottom: 0;
}
.thumbnails-list li {
  display: inline-block;
  margin: 10px 7px 10px 0;
  float: left;
}
.thumbnails-list li.circle-thumbnail-l {
  margin-right: 14px;
}
.thumbnails-list li.circle-thumbnail-m {
  margin-right: 9px;
}
.thumbnails-list li.circle-thumbnail-m {
  margin-right: 5px;
}

.thumbnail-circle {
  width: 20px;
  height: 20px;
}
.thumbnail-circle .thumbnail__link {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.thumbnail-circle .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.thumbnail-circle .thumbnail__image {
  height: 20px;
  width: 20px;
  border-radius: 20px;
}

.thumbnail-circle--xs {
  width: 20px;
  height: 20px;
}
.thumbnail-circle--xs .thumbnail__link {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.thumbnail-circle--xs .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.thumbnail-circle--xs .thumbnail__image {
  height: 20px;
  width: 20px;
  border-radius: 20px;
}

.thumbnail-circle--s {
  width: 36px;
  height: 36px;
}
.thumbnail-circle--s .thumbnail__link {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.thumbnail-circle--s .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.thumbnail-circle--s .thumbnail__image {
  height: 36px;
  width: 36px;
  border-radius: 36px;
}

.thumbnail-circle--m {
  width: 64px;
  height: 64px;
}
.thumbnail-circle--m .thumbnail__link {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}
.thumbnail-circle--m .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.thumbnail-circle--m .thumbnail__image {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}

.thumbnail-circle--l {
  width: 86px;
  height: 86px;
}
.thumbnail-circle--l .thumbnail__link {
  display: block;
  width: 86px;
  height: 86px;
  border-radius: 86px;
}
.thumbnail-circle--l .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.thumbnail-circle--l .thumbnail__image {
  height: 86px;
  width: 86px;
  border-radius: 86px;
}

.thumbnail-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.thumbnail-list .thumbnail-circle, .thumbnail-list .thumbnail {
  margin-right: 5px;
}

.headline-with-button {
  display: flex;
  align-items: flex-start;
}
.headline-with-button .btn {
  margin-left: auto;
}
@media (max-width: 899px) {
  .headline-with-button {
    display: block;
  }
  .headline-with-button .btn {
    width: 100%;
    margin-bottom: 30px;
  }
}

.page-heading {
  font-weight: bold;
  font-size: 155%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 40px;
  margin-bottom: 38px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-heading i {
  color: #B2B7BF;
  font-size: 105%;
  margin-right: 5px;
  width: 24px;
}
.page-heading i.fa-users {
  font-size: 115%;
}
.page-heading i.fa-line-chart, .page-heading i.fa-cubes {
  font-size: 110%;
}
.page-heading .count-num {
  font-size: 14px;
  margin-left: 7px;
  line-height: 1;
  padding: 4px 12px;
  vertical-align: middle;
}
.page-heading.is-no-margin {
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .page-heading {
    font-size: 140%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .page-heading i {
    width: 24px;
  }
}

.page-heading__sub {
  font-weight: normal;
  color: #3c4a60;
  font-size: 11px;
  margin-left: 10px;
  line-height: 1.4;
  position: relative;
  transform: translateY(2px);
}
@media (max-width: 899px) {
  .page-heading__sub {
    margin-left: 5px;
    top: 3px;
  }
}
.en .page-heading__sub {
  font-size: 12px;
}

.page-heading__sub-label {
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  background-color: #0a9b94;
  color: white;
  display: inline-block;
  padding: 0.3em 0.6em 0.4em;
  border-radius: 1.2em;
  position: relative;
  margin-right: 3px;
}

@media (max-width: 899px) {
  .page-heading__sub-text {
    display: none;
  }
}
.page-heading__sub-text strong {
  margin: 0;
}

.page-heading__right {
  margin-left: auto;
}

.page-heading__right-link {
  font-size: 13px;
  color: #0a9b94;
}

i.page-heading__right-link-icon {
  width: auto;
  color: rgba(10, 155, 148, 0.5);
}

.page-heading__label-beta {
  margin-left: auto;
}

.tooltip.in {
  opacity: 1;
}

.tooltip-inner {
  padding: 5px 10px;
  background-color: #3c4a60;
  border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #3c4a60;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #3c4a60;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #3c4a60;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #3c4a60;
}

.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.075);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.dropdown-menu > li > a {
  padding: 8px 10px !important;
  width: 100% !important;
  text-align: left !important;
}
.dropdown-menu > li > a > i {
  color: #B2B7BF;
  font-size: 120%;
  width: 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
  background-color: #f5f5f5 !important;
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.dropdown-menu > li > a:hover i, .dropdown-menu > li > a:active i, .dropdown-menu > li > a:focus i {
  color: rgba(10, 155, 148, 0.5);
}
.dropdown-menu > li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dropdown-box-lists {
  list-style: none;
  padding: 0;
}
.dropdown-box-lists li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-users-list:after {
  content: "";
  clear: both;
  display: block;
}
.dropdown-users-list .circle-thumbnail-ms {
  width: 36px !important;
  height: 36px !important;
}
.dropdown-users-list .circle-thumbnail-ms img {
  width: 36px !important;
  height: 36px !important;
}
.dropdown-users-list .user-name {
  font-size: 150% !important;
  font-weight: 400;
  line-height: 36px !important;
}

.notifier {
  height: 6px;
  width: 6px;
  display: block;
  border-radius: 5px;
}
.notifier.active {
  background: #e95513;
}

.text-primary i {
  color: rgba(10, 155, 148, 0.5);
  font-size: 110%;
}

.text-danger i {
  color: rgba(233, 85, 19, 0.5);
  font-size: 110%;
}

.text-info i {
  color: #B2B7BF;
  font-size: 110%;
}

.text i {
  color: rgba(60, 74, 96, 0.5);
  font-size: 110%;
}

.diff {
  overflow: auto;
}

.diff ul {
  background: #fff;
  overflow: auto;
  font-size: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.diff del, .diff ins {
  display: block;
  text-decoration: none;
}

.diff li {
  padding: 0;
  display: table-row;
  margin: 0;
  height: 1em;
}

.diff li.ins {
  background: #dfd;
  color: #080;
}

.diff li.del {
  background: #fee;
  color: #b00;
}

.diff li:hover {
  background: #ffc;
}

/* try 'whitespace:pre;' if you don't want lines to wrap */
.diff del, .diff ins, .diff span {
  white-space: pre-wrap;
  font-family: courier, monospace;
}

.diff del strong {
  font-weight: normal;
  background: #fcc;
}

.diff ins strong {
  font-weight: normal;
  background: #9f9;
}

.diff li.diff-comment {
  display: none;
}

.diff li.diff-block-info {
  background: none repeat scroll 0 0 gray;
}

.date {
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
  font-weight: 400;
}

.auto-pagerize-indicator {
  font-size: 16px;
  width: 100%;
  text-align: center;
}

.auto-pagerize-indicator__icon {
  font-size: 130%;
  color: #B2B7BF;
  margin-right: 3px;
  position: relative;
  top: 1px;
}

.auto-pagerize-indicator__text {
  color: rgba(60, 74, 96, 0.7);
}

.category-path {
  list-style: none;
  padding: 0;
  font-size: 16px;
}
@media (max-width: 480px) {
  .category-path {
    font-size: 14px;
  }
}
.category-heading .category-path {
  font-size: 18px;
  margin-right: 0;
  display: inline;
  overflow-wrap: break-word;
}
@media (max-width: 899px) {
  .category-heading .category-path {
    display: inline;
  }
}
.post-header .category-path {
  margin-bottom: 5px;
}
.posts-edit .preview-content .category-path {
  padding-right: 100px;
}
.post-list .category-path {
  font-size: 14px;
  margin-bottom: 3px;
}
@media (max-width: 480px) {
  .post-list .category-path {
    font-size: 13px;
  }
}
.post-list.wip .category-path, .post-list .wip .category-path {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.home__right .category-path {
  font-size: 11px;
  line-height: 1.4;
}

.category-path__item {
  display: inline-block;
  margin-right: 3px;
  line-height: 1.2;
  color: rgba(60, 74, 96, 0.7);
}
.category-path__item:after {
  content: "/";
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.1);
}
.category-heading .category-path__item:after {
  color: rgba(60, 74, 96, 0.7);
}
.category-heading .category-path__item {
  display: inline;
}
.category-heading .category-path__item:last-child:after {
  display: none;
}
.home__right .category-path__item {
  display: inline;
  margin-right: 1px;
}
.home__right .category-path__item:after {
  margin-left: 1px;
}
.category-heading.is-readme .category-path__item:last-child:after {
  display: inline;
}

.category-path__link {
  color: rgba(60, 74, 96, 0.7);
  overflow-wrap: break-word;
}
.category-path__link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-heading .category-path__link {
  color: #3c4a60;
  font-weight: bold;
}
.category-heading .category-path__link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-path__link.is-template {
  color: #8a7f57;
  background-color: #f8eec7;
  border-radius: 15px;
  padding: 2px 10px;
}
.category-path__link.is-template:hover, .category-path__link.is-template:focus {
  text-decoration: none;
  color: rgb(106.72, 98.2133333333, 67.28);
  background-color: rgb(242.3333333333, 224.2380952381, 153.6666666667);
}
.category-path__link.is-archived {
  color: white;
  background-color: rgba(60, 74, 96, 0.7);
  border-radius: 15px;
  padding: 2px 10px;
}
.category-path__link.is-archived:hover, .category-path__link.is-archived:focus {
  text-decoration: none;
  color: white;
  background-color: rgba(40.3846153846, 49.8076923077, 64.6153846154, 0.7);
}

.post-title {
  margin-bottom: 20px;
  font-size: 33px;
  font-weight: normal;
}
.post-title .emoji {
  width: 32px;
  height: 32px;
  font-size: 1em;
  transform: translateY(-3px);
}
.post-title.is-wip {
  color: rgba(60, 74, 96, 0.7);
}
.post-title.is-wip img.emoji {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
@media (max-width: 480px) {
  .post-title {
    font-size: 26px;
  }
  .post-title .emoji {
    width: 26px;
    height: 26px;
    transform: translateY(-2px);
  }
}
.post-title.preview__post-title {
  margin-bottom: 0;
}
.post-list .post-title {
  margin-bottom: 5px;
  font-size: 24px;
}
.post-list .post-title .emoji {
  width: 24px;
  height: 24px;
  font-size: 1em;
  transform: translateY(-2px);
}
@media (max-width: 480px) {
  .post-list .post-title {
    font-size: 20px;
  }
  .post-list .post-title .emoji {
    width: 20px;
    height: 20px;
    transform: translateY(-2px);
  }
}
.home__right .post-title {
  margin-bottom: 3px;
  font-size: 100%;
}
.home__right .post-title .emoji {
  width: 14px;
  height: 14px;
  transform: translateY(-2px);
}
.preview-content .post-title {
  line-height: 1.3;
}

.post-title__link {
  text-decoration: none;
}
.post-title__link:hover {
  text-decoration: none;
}
.post-title.is-wip .post-title__link {
  color: rgba(60, 74, 96, 0.7);
}
.post-title.is-wip .post-title__link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.post-list .post-title__link {
  font-weight: normal;
  color: #3c4a60;
}
.post-list .post-title__link:hover {
  text-decoration: none;
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.post-list.wip .post-title__link, .post-list .wip .post-title__link {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  color: rgba(60, 74, 96, 0.7);
}
.post-list.wip .post-title__link:hover, .post-list .wip .post-title__link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.home__right .post-title__link {
  overflow-wrap: break-word;
}

.post-title__icon-public {
  position: relative;
  top: -6px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-right: 5px;
  padding: 2px 10px;
  font-size: 15px;
  display: inline-block;
  font-weight: 600;
  color: #8a7f57;
  background-color: #f8eec7;
  border-radius: 15px;
}
.post-title__icon-public i {
  font-size: 110%;
  margin-right: 5px;
  color: rgba(138, 127, 87, 0.5);
}
.post-title__icon-public:hover, .post-title__icon-public:focus {
  text-decoration: none;
  color: rgb(106.72, 98.2133333333, 67.28);
  background-color: rgb(242.3333333333, 224.2380952381, 153.6666666667);
}
.post-title__icon-public:hover i, .post-title__icon-public:focus i {
  color: #8a7f57;
}
@media (max-width: 480px) {
  .post-title__icon-public {
    font-size: 13px;
    padding: 3px 9px;
    top: -5px;
  }
}

.post-title__icon-wip {
  position: relative;
  top: -5px;
  margin-right: 5px;
  font-size: 18px;
}
@media (max-width: 480px) {
  .post-title__icon-wip {
    font-size: 16px;
    top: -4px;
  }
}
.post-title__icon-wip:hover {
  background-color: #0a9b94;
  color: white !important;
  text-decoration: none;
}
.post-list .post-title__icon-wip {
  margin-left: 0;
  margin-right: 7px;
  font-size: 15px;
  padding: 2px 9px;
  top: -2px;
}
.post-list .post-title__icon-wip:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(60, 74, 96, 0.7) !important;
  cursor: default;
}
@media (max-width: 480px) {
  .post-list .post-title__icon-wip {
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 13px;
  }
}
.home__right .post-title__icon-wip {
  top: 0;
  margin-right: 4px;
  padding: 1px 6px;
  font-size: 11px;
}
.home__right .post-title__icon-wip:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(60, 74, 96, 0.7) !important;
  cursor: default;
}
.preview__post-title .post-title__icon-wip {
  position: relative;
  top: -5px;
  right: auto;
  bottom: auto;
  left: auto;
}
.preview__post-title .post-title__icon-wip:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(60, 74, 96, 0.7) !important;
}

.post-title__name {
  margin-right: 10px;
  overflow-wrap: break-word;
}
.preview__post-title.is-wip .post-title__name {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.home__right .post-title__name {
  overflow-wrap: break-word;
}

.post-title__tag {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin-right: 7px;
  font-size: 16px;
  color: rgba(60, 74, 96, 0.7);
  font-weight: normal;
}
.post-title__tag:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.post-title__tag.is-disabled:hover {
  color: rgba(60, 74, 96, 0.7);
}
@media (max-width: 480px) {
  .post-title__tag {
    font-size: 14px;
  }
}
.post-list .post-title__tag {
  font-size: 14px;
}
.home__right .post-title__tag {
  margin-right: 3px;
  font-size: 11px;
}
.post-list.wip .post-title__tag, .post-list .wip .post-title__tag {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

.post-title__btn {
  position: relative;
  top: -2px;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 5px 12px;
}
.post-title__btn .post-title__btn-icon {
  color: rgba(255, 255, 255, 0.5);
}
.post-title__btn:hover .post-title__btn-icon {
  color: white;
}
@media (max-width: 480px) {
  .post-title__btn {
    top: -3px;
    font-size: 12px;
    padding: 4px 9px;
  }
}
.post-list .post-title__btn {
  position: relative;
  top: -3px;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0 5px 0 0;
  padding: 3px 8px;
  color: rgba(255, 255, 255, 0.9);
}
.post-list .post-title__btn:hover {
  color: white;
}

.post-title__action {
  position: relative;
  top: -2px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 10px;
  font-size: 20px;
  padding-top: 12px;
  color: #B2B7BF;
}
.post-title__action:hover {
  text-decoration: none;
}
@media (max-width: 480px) {
  .post-title__action {
    top: -1px;
  }
}
.post-list .post-title__action {
  position: relative;
  top: -3px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 4px;
  font-size: 16px;
}
.post-title__action.post-menu__toggle {
  font-size: 26px;
}

.post-title__action-icon {
  color: #B2B7BF;
  margin-right: 5px;
}
.post-title__action-icon:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  cursor: pointer;
}
.post-title__action-icon.fa-share-from-squre {
  font-size: 100%;
}
.post-title__action-icon.is-shared {
  color: #0a9b94;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.post-title__action-icon.is-shared:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  bottom: -3px;
  right: -4px;
  width: 13px;
  height: 13px;
  content: "";
  display: block;
  background-image: url(https://assets.esa.io/packs/static/images/icon-is-done-96cbd1c90516ba1caba2.png);
  background-repeat: no-repeat;
  background-size: 13px;
}
.post-list .post-title__action-icon.fa-copy {
  font-size: 18px;
}

.post-title__link:hover img.emoji {
  transition-duration: 0.3s;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.star-comment {
  font-size: 100%;
  color: rgba(60, 74, 96, 0.7);
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  margin: 20px 0;
}
.star-comment p {
  margin: 10px 0 !important;
}
.star-comment {
  font-size: 85%;
  margin-bottom: 0;
  padding-right: 0;
}
.post-list .star-comment {
  margin-top: 10px;
  margin-left: 88px;
}
@media (max-width: 899px) {
  .post-list .star-comment {
    margin-left: 78px;
    padding-left: 12px;
  }
}
.dropdown-users-list .star-comment {
  margin-top: 5px;
  margin-left: 15px;
  padding-left: 25px;
}

.markdown {
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 899px) {
  .markdown {
    font-size: 14px;
  }
  .markdown .emoji {
    height: 18px;
    width: 18px;
  }
}
.markdown h1, .markdown h2, .markdown h3, .markdown h4 {
  -webkit-font-smoothing: antialiased;
}
.markdown h1, .markdown h2, .markdown h3 {
  position: relative;
}
.markdown h1 {
  font-size: 180%;
  font-weight: 700;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin: 40px 0 20px;
}
.markdown h1 .emoji {
  width: 28px;
  height: 28px;
  transform: translateY(-3px);
}
.markdown h1 a {
  color: #0a9b94;
}
.markdown h1 a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.markdown h2 {
  font-size: 150%;
  margin: 40px 0 20px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}
.markdown h2 .emoji {
  width: 24px;
  height: 24px;
  transform: translateY(-2px);
}
.markdown h2 a {
  color: #0a9b94;
}
.markdown h2 a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.markdown h3 {
  margin: 30px 0 20px;
  font-size: 125%;
  font-weight: 700;
}
.markdown h3 .emoji {
  width: 20px;
  height: 20px;
  transform: translateY(-1px);
}
.markdown h4 {
  font-size: 110%;
  font-weight: 700;
}
.markdown h4 .emoji {
  width: 19px;
  height: 19px;
}
.markdown h5 {
  font-weight: 700;
}
.markdown h6 {
  font-weight: 700;
}
.markdown h6 .emoji {
  width: 14px;
  height: 14px;
}
.markdown > ul, .markdown > ol {
  margin: 20px 0;
}
.markdown ul {
  padding-left: 2em;
}
.markdown h5 {
  font-size: 105%;
  font-weight: 700;
}
.layout-editor__preview .markdown div > ul, .layout-editor__preview .markdown div > ol {
  margin: 20px 0;
}
.markdown li {
  margin: 10px 0;
}
.markdown li > p {
  margin: 0;
}
.markdown dt {
  margin-top: 14px;
  margin-bottom: 4px;
}
.markdown dd {
  padding: 0 14px;
  margin-bottom: 4px;
}
.markdown p {
  margin: 20px 0;
}
.markdown p img {
  margin-bottom: 0;
}
.markdown blockquote {
  font-size: 100%;
  color: rgba(60, 74, 96, 0.7);
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  margin: 20px 0;
}
.markdown blockquote p {
  margin: 10px 0 !important;
}
.markdown code {
  color: #3c4a60;
  white-space: pre-wrap;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.markdown a code {
  color: #0a9b94;
}
.markdown a code:hover, .markdown a code:active {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.markdown pre {
  border: none;
}
.markdown pre code {
  background: #f5f5f5;
  white-space: pre;
}
.markdown .code-block {
  margin: 30px 0;
}
.markdown .code-block .highlight {
  border-radius: 10px;
}
.markdown .code-block .highlight pre {
  padding: 24px 30px;
}
.markdown .code-block .highlight pre.monospace code {
  font-family: Cica, monospace;
}
.markdown .code-block__copy-button {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 10px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
}
.markdown .code-block__copy-button i {
  color: rgba(60, 74, 96, 0.3);
}
.markdown .code-block__copy-button:hover {
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.markdown .code-block__copy-label::after {
  content: "Copy";
}
.markdown .code-block__copy-label.copied::after {
  content: "Copied";
}
.markdown .code-block .highlight {
  position: relative;
}
.markdown .code-block:hover .code-block__copy-button {
  display: block;
}
.markdown table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0;
  margin-bottom: 30px;
  overflow-wrap: anywhere;
}
.markdown table tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.markdown th, .markdown td {
  padding: 8px;
  line-height: 1.6;
  vertical-align: top;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.markdown th caption, .markdown td caption {
  color: #3c4a60;
  margin-bottom: 10px;
  font-size: 125%;
  font-weight: 700;
}
.markdown th caption .emoji, .markdown td caption .emoji {
  width: 22px;
  height: 22px;
  position: relative;
  top: -1px;
}
.markdown strong {
  font-weight: 700;
}
.markdown img {
  max-width: 100%;
  box-sizing: content-box;
  border: 1px solid #eee;
}
.markdown .anchor {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  margin-left: -24px;
  transition-duration: 0;
  text-align: center;
  color: #B2B7BF;
}
.markdown .anchor:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.markdown h1:hover .anchor, .markdown h2:hover .anchor, .markdown h3:hover .anchor {
  display: block;
}
.markdown h1 .anchor {
  top: 5px;
}
.markdown h2 .anchor {
  top: 3px;
}
.markdown .emoji {
  border: none;
}
.markdown iframe {
  max-width: 100%;
}
.markdown figure figcaption {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 90%;
}
.markdown .code-filename {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 4px;
  display: inline-block;
  padding: 3px 10px 7px;
  background-color: #f5f5f5;
  color: #888;
  font-size: 85%;
  line-height: 1.5;
  margin-bottom: -10px;
}
.markdown .code-filename i {
  color: #B2B7BF;
  margin-right: 4px;
}
.markdown video {
  max-width: 100%;
}
@media (max-width: 900px) {
  .markdown video {
    width: 100%;
  }
}
.markdown summary {
  cursor: pointer;
  outline: none;
  display: list-item;
}
.markdown .small {
  font-size: 85%;
  line-height: 1.8;
}
.markdown.html-diff a {
  color: #0a9b94;
}
.markdown.html-diff a:hover, .markdown.html-diff a:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: underline;
}
.markdown .MathJax_Display {
  overflow: auto;
  padding: 10px;
}
.markdown .footnotes {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  padding-top: 40px;
  margin-top: 50px;
  color: rgba(60, 74, 96, 0.7);
}
.markdown .footnotes hr {
  display: none;
}
.markdown .footnotes ol {
  margin: 0;
  padding: 0;
  padding-inline-start: 20px;
}
.markdown .footnotes ol li::marker {
  font-weight: bold;
}
.markdown .footnote-heading {
  font-size: 18px;
  margin: 0 0 30px 0;
  padding: 0;
  border-bottom: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.markdown .footnote-heading .anchor {
  padding-top: 3px;
  font-size: 15px;
}
.markdown .footnote-heading .anchor i {
  top: 4px;
}
@media (max-width: 899px) {
  .markdown .footnote-heading .anchor {
    padding-top: 2px;
  }
}
.markdown .footnote-ref {
  margin-left: 2px;
  margin-right: 2px;
  font-weight: bold;
}
.markdown .footnote-ref a:before {
  content: "[";
}
.markdown .footnote-ref a:after {
  content: "]";
}
.markdown .footnote-backref {
  font-family: system-ui, "Segoe UI Emoji";
}
.markdown > h1:first-child, .markdown > h2:first-child, .markdown > h3:first-child, .markdown > h4:first-child, .markdown > h5:first-child, .markdown > p:first-child, .markdown > ul:first-child, .markdown > ol:first-child, .markdown > blockquote:first-child, .markdown > pre:first-child, .markdown > table:first-child, .markdown > dl:first-child, .markdown > figure:first-child, .markdown > img:first-child, .markdown > video:first-child, .markdown > iframe:first-child, .markdown > hr:first-child, .markdown > form:first-child, .markdown > details:first-child, .markdown > summary:first-child, .markdown > small:first-child, .markdown > .markdown-alert:first-child, .markdown > .code-block:first-child {
  margin-top: 0;
}

.markdown-alert {
  border-radius: 10px;
  background-color: #f5f5f5;
  padding: 24px 30px;
  margin: 30px 0;
}
.markdown-alert a {
  text-decoration: underline;
}
.markdown-alert.is-note {
  background-color: #f5f5f5;
}
.markdown-alert.is-note a {
  color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
}
.markdown-alert.is-tip {
  background-color: #e8f6f4;
}
.markdown-alert.is-tip a {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.markdown-alert.is-important {
  background-color: #efe8f7;
}
.markdown-alert.is-important a {
  color: #58439d;
}
.markdown-alert.is-warning {
  background-color: #fff8da;
}
.markdown-alert.is-warning a {
  color: rgb(211.4, 131.0330578512, 0);
}
.markdown-alert.is-caution {
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.markdown-alert.is-caution a {
  color: #e95513;
}
.markdown-alert p:last-child {
  margin-bottom: 0;
}
.markdown-alert ul:last-child {
  margin-bottom: 0;
}
.markdown-alert ol:last-child {
  margin-bottom: 0;
}

.markdown-alert__title {
  font-weight: bold;
  font-size: 110%;
}
.is-note .markdown-alert__title {
  color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
}
.is-tip .markdown-alert__title {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.is-important .markdown-alert__title {
  color: #58439d;
}
.is-warning .markdown-alert__title {
  color: rgb(211.4, 131.0330578512, 0);
}
.is-caution .markdown-alert__title {
  color: #e95513;
}

.markdown-alert__icon {
  margin-right: 2px;
}
.is-tip .markdown-alert__icon {
  font-size: 110%;
}

.markdown-alert__body blockquote {
  margin-top: 20px;
  margin-bottom: 20px;
}

.header-alert {
  min-height: 40px;
  display: block;
  align-items: center;
  width: 100%;
  background-color: #e8f6f4;
  border-bottom: 1px solid rgb(213.671875, 238.828125, 235.234375);
  position: relative;
  text-align: center;
  padding: 7px;
}
@media (max-width: 899px) {
  .header-alert {
    font-size: 90%;
    display: flex;
    text-align: left;
    line-height: 1.6;
    padding: 15px 10px 15px 15px;
  }
}
.header-alert code {
  color: #3c4a60;
  background-color: rgba(60, 74, 96, 0.15);
}

.header-alert__icon {
  color: #B2B7BF;
  font-size: 110%;
  margin-right: 2px;
}
@media (max-width: 899px) {
  .header-alert__icon {
    font-size: 160%;
    margin-right: 15px;
  }
}

.header-alert__link {
  text-align: center;
  color: #3c4a60;
  display: block;
  width: 100%;
  transition-duration: 0.3s;
}
.header-alert__link:hover .header-alert__icon, .header-alert__link:focus .header-alert__icon, .header-alert__link:active .header-alert__icon {
  color: rgba(10, 155, 148, 0.5);
  text-decoration: none !important;
}
@media (max-width: 899px) {
  .header-alert__link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-align: left;
  }
}

.header-alert__close {
  height: 40px;
  width: 40px;
  background-color: transparent;
  display: block;
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  right: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}
.header-alert__close:hover, .header-alert__close:focus, .header-alert__close:active {
  color: #0a9b94;
}
@media (max-width: 899px) {
  .header-alert__close {
    position: relative;
    right: 0;
    font-size: 20px;
  }
}

.header-alert.is-warning {
  background-color: #fff8da;
  border-bottom: 1px solid rgb(255, 238.3513513514, 167);
}
.header-alert.is-warning .header-alert__link:hover, .header-alert.is-warning .header-alert__link:focus, .header-alert.is-warning .header-alert__link:active {
  color: rgb(140, 86.7768595041, 0);
}
.header-alert.is-warning .header-alert__link:hover .header-alert__icon, .header-alert.is-warning .header-alert__link:focus .header-alert__icon, .header-alert.is-warning .header-alert__link:active .header-alert__icon {
  color: rgba(242, 150, 0, 0.5);
}
.header-alert.is-warning .header-alert__link:hover code, .header-alert.is-warning .header-alert__link:focus code, .header-alert.is-warning .header-alert__link:active code {
  color: rgb(140, 86.7768595041, 0);
}
.header-alert.is-warning .header-alert__close:hover, .header-alert.is-warning .header-alert__close:focus, .header-alert.is-warning .header-alert__close:active {
  color: rgb(140, 86.7768595041, 0);
}
.header-alert.is-danger {
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
  border-bottom: 1px solid rgb(250.9285714286, 219.2142857143, 205.0714285714);
  color: #e95513;
}
.header-alert.is-danger .header-alert__icon {
  color: rgba(233, 85, 19, 0.5);
}
.header-alert.is-danger .header-alert__link {
  color: #e95513;
}
.header-alert.is-danger .header-alert__link:hover, .header-alert.is-danger .header-alert__link:focus, .header-alert.is-danger .header-alert__link:active {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}
.header-alert.is-danger .header-alert__link:hover .header-alert__icon, .header-alert.is-danger .header-alert__link:focus .header-alert__icon, .header-alert.is-danger .header-alert__link:active .header-alert__icon {
  color: rgba(233, 85, 19, 0.7);
}
.header-alert.is-danger .header-alert__close:hover, .header-alert.is-danger .header-alert__close:focus, .header-alert.is-danger .header-alert__close:active {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}

.html-diff a {
  color: #4B81C6;
  text-decoration: none;
}
.html-diff a ins {
  color: #4B81C6;
}
.html-diff a[data-before-href] {
  border-bottom: dotted 1px #999;
  text-decoration: none;
}
.html-diff body {
  line-height: 1.7;
  margin: 48px auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 860px;
}
.html-diff del {
  background-color: #FFEAEA;
  color: #CB4000;
}
.html-diff ins {
  background-color: #E9FFE9;
  color: green;
  text-decoration: none;
}
.html-diff li.added {
  color: #7DCD55;
}
.html-diff li.removed {
  color: #CB4000;
}
.html-diff section + section {
  margin-top: 48px;
}
.html-diff textarea {
  width: 100%;
}
.html-diff > * {
  padding-left: 10px;
}
.html-diff > del {
  background-color: inherit;
  border-left: solid 4px #CB4000;
  color: inherit;
  display: block;
  text-decoration: none;
}
.html-diff > ins {
  background-color: inherit;
  border-left: solid 4px #7DCD55;
  color: inherit;
  display: block;
}
.html-diff > .changed {
  border-left: solid 4px #FFC134;
}

.viewer-action {
  display: flex;
  flex: 0 0 100;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  list-style: none;
  padding: 0;
}
.viewer-action.is-footer {
  margin-top: 60px;
  flex-wrap: wrap;
}
@media (max-width: 899px) {
  .post-list .viewer-action {
    display: flex;
  }
}
.post-header .viewer-action {
  flex-wrap: wrap;
}

.viewer-action__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 15px;
  margin-top: 5px;
  padding-right: 10px;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
}
@media (max-width: 899px) {
  .viewer-action__item {
    margin-bottom: 10px;
    margin-top: 0;
    margin-right: 10px;
    padding-right: 5px;
  }
}
.comment .viewer-action__item {
  border-right: 0;
}
.post-list .viewer-action__item {
  padding-right: 5px;
}
@media (max-width: 899px) {
  .post-list .viewer-action__item {
    margin-bottom: 5px;
    margin-right: 10px;
    padding-right: 2px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.viewer-action__item.task-count {
  border-right: 0;
  cursor: default;
}

.viewer-action__icon {
  font-size: 120%;
  color: #B2B7BF;
  margin-right: 4px;
  position: relative;
}
.viewer-action__icon.icon-watch {
  font-size: 140%;
}
@media (max-width: 899px) {
  .post-header .viewer-action__icon {
    font-size: 120%;
    margin-right: 8px;
  }
  .post-header .viewer-action__icon.icon-watch {
    font-size: 150%;
  }
}
@media (max-width: 899px) {
  .is-footer .viewer-action__icon {
    font-size: 150%;
    margin-right: 8px;
  }
  .is-footer .viewer-action__icon.icon-watch {
    font-size: 170%;
  }
}
.post-list .viewer-action__icon, .comment .viewer-action__icon {
  font-size: 100%;
  margin-right: 3px;
}
.post-list .viewer-action__icon.icon-watch {
  font-size: 120%;
}
.comment .viewer-action__icon {
  font-size: 16px;
}
.viewer-action__icon.fa-check-square-o {
  position: relative;
  top: 1px;
}

.viewer-action__name {
  display: inline-block;
  margin-right: 5px;
  color: rgba(60, 74, 96, 0.7);
}
.post-list .viewer-action__name, .comment .viewer-action__name {
  display: none;
}
@media (max-width: 899px) {
  .viewer-action__name {
    display: none;
  }
}

.viewer-action__button {
  display: flex;
  align-items: center;
  color: rgba(60, 74, 96, 0.7);
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
}
.viewer-action__button:hover .viewer-action__icon {
  color: #0a9b94;
}
.viewer-action__button:hover .viewer-action__name {
  color: #3c4a60;
}
.viewer-action__button:hover {
  cursor: pointer;
  text-decoration: none;
}
.star-button .viewer-action__button:hover .viewer-action__icon {
  color: #f29600;
}
.star-button .viewer-action__button:hover .viewer-action__name {
  color: #3c4a60;
}
@media (max-width: 480px) {
  .star-button .viewer-action__button:hover:not(.is-starred) .viewer-action__icon {
    color: #B2B7BF;
  }
}
.viewer-action__button.is-starred .viewer-action__icon {
  color: #f29600;
}
.viewer-action__button.is-starred .viewer-action__name {
  color: #3c4a60;
}
.viewer-action__button.watch-button:hover .viewer-action__icon {
  color: #0a9b94;
}
.viewer-action__button.watch-button:hover .viewer-action__name {
  color: #3c4a60;
}
@media (max-width: 480px) {
  .viewer-action__button.watch-button:hover:not(.is-watching) .viewer-action__icon {
    color: #B2B7BF;
  }
}
.viewer-action__button.is-watching .viewer-action__icon {
  color: #0a9b94;
}
.viewer-action__button.is-watching .viewer-action__name {
  color: #3c4a60;
}
.viewer-action__button.is-commented .viewer-action__icon {
  color: #0a9b94;
}
.viewer-action__button.is-commented .viewer-action__name {
  color: #3c4a60;
}
.viewer-action__button.is-disabled:hover {
  text-decoration: none;
  cursor: default;
}
.star-button .viewer-action__button.is-disabled .viewer-action__icon {
  color: rgba(178, 183, 191, 0.18);
}
.star-button .viewer-action__button.is-disabled .viewer-action__name {
  color: rgba(60, 74, 96, 0.7);
}
.watch-button .viewer-action__button.is-disabled .viewer-action__icon {
  color: rgba(178, 183, 191, 0.18);
}
.watch-button .viewer-action__button.is-disabled .viewer-action__name {
  color: rgba(60, 74, 96, 0.7);
}

.viewer-action__count {
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.09);
  padding: 3px 10px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 11px;
  margin-right: 5px;
  padding: 0 12px;
  font-weight: 700;
  font-size: 11px;
}
.viewer-action__count:hover {
  background-color: rgba(60, 74, 96, 0.7);
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.viewer-action__count.is-disabled:hover {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(60, 74, 96, 0.7);
}
.post-list .viewer-action__count, .comment .viewer-action__count {
  margin-left: 5px;
  margin-right: 7px;
  padding: 0;
  background-color: transparent;
  font-size: 13px;
  line-height: 20px;
}
.post-list .viewer-action__count:hover, .comment .viewer-action__count:hover {
  background-color: transparent;
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.post-list .viewer-action__count.is-disabled:hover, .comment .viewer-action__count.is-disabled:hover {
  background-color: transparent;
  color: rgba(60, 74, 96, 0.7);
}
.comment .viewer-action__count {
  font-size: 14px;
  margin-right: 10px;
}
@media (max-width: 899px) {
  .comment .viewer-action__count {
    line-height: 18px;
  }
}
@media (max-width: 899px) {
  .post-header .viewer-action__count {
    margin-right: 8px;
  }
}
@media (max-width: 899px) {
  .is-footer .viewer-action__count {
    margin-right: 8px;
  }
}

.viewer-action__count-slash {
  margin-left: 3px;
}

.viewer-action__count-small {
  margin-left: 3px;
}

@media (max-width: 899px) {
  .post-list .viewer-action__thumbnail-list {
    display: none;
  }
}

.post-list .viewer-action__thumbnail-circle, .comment .viewer-action__thumbnail-circle {
  width: 18px;
  height: 18px;
}
.post-list .viewer-action__thumbnail-circle .thumbnail__link, .comment .viewer-action__thumbnail-circle .thumbnail__link {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 18px;
}
.post-list .viewer-action__thumbnail-circle .thumbnail__link:hover .thumbnail__image, .comment .viewer-action__thumbnail-circle .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.post-list .viewer-action__thumbnail-circle .thumbnail__image, .comment .viewer-action__thumbnail-circle .thumbnail__image {
  height: 18px;
  width: 18px;
  border-radius: 18px;
}

.post-author {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}
@media (max-width: 1330px) {
  .post-author {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .post-author {
    display: block;
  }
}

.post-author__item {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  font-size: 95%;
}
.post-author__item:last-child {
  border-bottom: 0;
}
@media (max-width: 1330px) {
  .post-author__item {
    flex: 50 0 0;
    border-bottom: 0;
  }
}
@media (max-width: 480px) {
  .post-author__item {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

.post-author__thumbnail {
  flex-basis: auto;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.post-author__thumbnail .thumbnail__link {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.post-author__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.post-author__thumbnail .thumbnail__image {
  height: 32px;
  width: 32px;
  border-radius: 32px;
}
.post-author__thumbnail {
  margin-right: 10px;
}

.post-author__info {
  font-size: 13px;
  flex-grow: 1;
  flex-shrink: 1;
  line-height: 1.5;
  margin-top: -3px;
  width: 100%;
}

.post-author__user {
  margin-bottom: 4px;
  width: 178px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #0a9b94;
}
@media (max-width: 1330px) {
  .post-author__user {
    width: calc(100% - 32px - 10px);
  }
}

.post-author__user-label {
  font-size: 12px;
  color: #3c4a60;
  margin-right: 3px;
}

.post-author__when {
  margin-bottom: 7px;
  display: flex;
  font-size: 12px;
  line-height: 1;
}
@media (max-width: 1330px) {
  .post-author__when {
    margin-right: 10px;
  }
}

.post-author__datetime {
  padding-right: 7px;
  margin-right: 7px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.post-author__relative-time.is-old {
  color: #e95513;
}

.post-author__change-log {
  display: block;
  overflow: hidden;
  width: 178px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition-duration: 0.3s;
  line-height: 1.4;
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
}
.post-author__change-log:hover {
  text-decoration: none;
}
.post-author__change-log:hover .post-author__change-log-icon {
  color: #0a9b94;
}

.post-author__change-log-icon {
  font-size: 11px;
  display: inline-block;
  color: #B2B7BF;
  margin-right: 1px;
  transform: translateY(1px);
}

@media (max-width: 1330px) {
  .post-author__updated-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .post-author__updated-wrapper {
    display: block;
  }
}

.post-alert {
  width: 100%;
  background-color: #fff8da;
  padding: 12px 20px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
.post-alert.is-archived {
  background-image: url(https://assets.esa.io/packs/static/images/slash-88295d50077c5c706abc.svg);
}

.post-alert__help-link {
  color: #3c4a60;
  text-decoration: underline;
  margin: 0 2px;
}
.post-alert__help-link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.post-alert__icon {
  font-size: 20px;
  color: #B2B7BF;
  margin-right: 5px;
  transform: translateY(2px);
}

.post-alert__button {
  position: absolute;
  top: 7px;
  right: 16px;
}
@media (max-width: 899px) {
  .post-alert__button {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .post-alert__button {
    margin-top: 8px;
  }
}

.comment__heading-icon {
  color: #B2B7BF;
  margin-right: 5px;
}

@keyframes comment-anchor-modify {
  0% {
    padding-top: 70px;
    margin-top: -70px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}
.comment__item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin-bottom: 10px;
  display: flex;
}
@media (max-width: 899px) {
  .comment__item {
    font-size: 12px;
  }
}
.comment__item:target {
  animation: comment-anchor-modify 0.1s;
}

.comment__item--edit {
  margin-bottom: 10px;
}

.comment__left {
  flex: 0 0 64px;
  overflow: hidden;
}
@media (max-width: 899px) {
  .comment__left {
    flex: 0 0 36px;
  }
}

.comment__thumbnail {
  width: 64px;
  height: 64px;
}
.comment__thumbnail .thumbnail__link {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}
.comment__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.comment__thumbnail .thumbnail__image {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.comment__thumbnail:after {
  left: 65px;
}
@media (max-width: 899px) {
  .comment__thumbnail {
    width: 36px;
    height: 36px;
  }
  .comment__thumbnail .thumbnail__link {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
  }
  .comment__thumbnail .thumbnail__link:hover .thumbnail__image {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  .comment__thumbnail .thumbnail__image {
    height: 36px;
    width: 36px;
    border-radius: 36px;
  }
  .comment__thumbnail {
    width: 36px;
  }
}

.comment__right {
  flex: 100;
  overflow: hidden;
  padding-left: 20px;
}

.comment__body {
  background-color: #f5f5f5;
  padding: 10px 20px;
  min-height: 70px;
  border-radius: 10px;
  position: relative;
}
.comment__body:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid transparent;
  border-right: 10px solid #f5f5f5;
  top: 25px;
  left: -20px;
}
@media (max-width: 899px) {
  .comment__body {
    padding: 10px 16px 8px;
  }
  .comment__body:after {
    top: 10px;
  }
}
.comment__item--form .comment__body {
  padding-bottom: 12px;
}
.is-highlighted .comment__body {
  border: 4px solid #C7EBE6;
}
.is-highlighted .comment__body:before {
  position: absolute;
  content: "";
  display: block;
  border: 15px solid transparent;
  border-right: 15px solid #C7EBE6;
  top: 20px;
  left: -30px;
}
@media (max-width: 899px) {
  .is-highlighted .comment__body:before {
    top: 5px;
  }
}

.comment__header {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  padding: 4px 0 8px;
}
@media (max-width: 899px) {
  .comment__header {
    padding: 0 0 8px 0;
  }
}

.comment__header-left {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.comment__header-right {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: auto;
}

.comment__viewer-action {
  margin-bottom: 0;
  position: relative;
}

.comment__viewer-action-item {
  margin-top: 0;
}
@media (max-width: 899px) {
  .comment__viewer-action-item {
    margin-bottom: 0;
  }
}

.comment__author {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin-bottom: 0;
  margin-right: 10px;
}
@media (max-width: 899px) {
  .comment__author {
    line-height: 1;
  }
}

.comment__form {
  margin-bottom: 10px;
}

.comment__form-header {
  display: flex;
}

.comment__form-footer {
  display: flex;
}

.comment__button {
  margin-left: auto;
}

.comment__tab {
  border: 0;
  padding-bottom: 10px;
}

.comment__tab-link {
  padding: 1px 10px !important;
  border-radius: 30px !important;
}
.comment__tab-link:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.comment__tab-item.active .comment__tab-link {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.comment__tab-item.active .comment__tab-link:hover {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.comment__markdown-help {
  margin-left: auto;
}

.comment__footer {
  display: flex;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 16px;
}
@media (max-width: 899px) {
  .comment__footer {
    top: 0;
    right: 0;
    position: relative;
    margin-top: 18px;
  }
}

.comment__time {
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 899px) {
  .comment__time {
    margin-left: auto;
  }
}

.comment__markdown a, .comment__markdown p {
  overflow-wrap: break-word;
}
.comment__markdown img {
  max-width: 100%;
}
.comment__markdown code {
  background: rgb(232.25, 232.25, 232.25);
}
.comment__markdown pre {
  background: rgb(232.25, 232.25, 232.25);
}
.comment__markdown .code-filename {
  background: rgb(232.25, 232.25, 232.25);
}
.comment__markdown pre code {
  background: transparent;
}
.comment__markdown table {
  background-color: white;
  overflow-wrap: break-word;
}

.comment__preview {
  margin-bottom: 30px;
}

.comment__editing-footer {
  display: flex;
}

.comment__editing-buttons {
  margin-left: auto;
}

.comment__submit-button {
  margin-left: 5px;
}

.comment-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comment-menu__toggle {
  position: relative;
  z-index: 2;
  top: 1px;
  color: rgba(60, 74, 96, 0.7);
  font-size: 18px;
  margin-left: 10px;
}
.comment-menu__toggle:hover, .comment-menu__toggle:active, .comment-menu__toggle:focus {
  color: #0a9b94;
  cursor: pointer;
  text-decoration: none;
}

.comment-menu__layer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.comment-menu__layer:hover {
  cursor: pointer;
}

.comment-menu__balloon {
  font-size: 13px;
  width: 180px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  position: relative;
}
.comment-menu__balloon:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid white;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -16px;
  left: 15px;
}
.comment-menu__balloon:before {
  position: absolute;
  content: "";
  display: block;
  border: 9px solid rgba(0, 0, 0, 0.1);
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  top: -18px;
  left: 14px;
}
.comment-menu__balloon {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 3;
  top: 45px;
  right: 0;
}
.comment-menu__balloon:before {
  left: auto !important;
  right: 14px;
}
.comment-menu__balloon:after {
  left: auto !important;
  right: 15px;
}
.comment-menu__balloon.is-adjusted:before, .comment-menu__balloon.is-adjusted:after {
  display: none;
}
.comment-menu__balloon.first-child-hovered:after {
  transition-duration: 0.3s;
  border-bottom-color: #f5f5f5;
}

.comment-menu__nav {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.comment-menu__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.comment-menu__item:last-child {
  border-bottom: 0;
}
.comment-menu__item:last-child .comment-menu__link {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 11px;
}
.comment-menu__item:first-child .comment-menu__link {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.comment-menu__icon {
  color: #B2B7BF;
  font-size: 17px;
  position: relative;
  top: 2px;
  width: 22px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
}
.comment-menu__icon.fa-clipboard {
  font-size: 18px;
}

.comment-menu__external-link {
  font-size: 10px;
  position: relative;
  top: 1px;
  margin-left: 2px;
}

.comment-menu__link {
  display: block;
  padding: 8px 5px 10px 9px;
  color: #3c4a60;
}
.comment-menu__link:hover {
  background-color: #f5f5f5;
  cursor: pointer;
  text-decoration: none;
}
.comment-menu__link:hover .comment-menu__icon, .comment-menu__link:hover .comment-menu__external-link {
  color: rgba(10, 155, 148, 0.5);
}
.comment-menu__link:hover .comment-menu__icon.is-sharing, .comment-menu__link:hover .comment-menu__icon.is-copied {
  color: #0a9b94;
}
.comment-menu__link:hover .comment-menu__icon.is-copied:after {
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 12px;
  height: 12px;
  content: "";
  display: block;
  background-image: url(https://assets.esa.io/packs/static/images/icon-is-done-96cbd1c90516ba1caba2.png);
  background-repeat: no-repeat;
  background-size: 12px;
}

.comment-menu__item.is-danger .comment-menu__icon {
  color: rgba(233, 85, 19, 0.5);
}
.comment-menu__item.is-danger .comment-menu__link {
  color: #e95513;
}
.comment-menu__item.is-danger .comment-menu__link:hover {
  color: #e95513;
}
.comment-menu__item.is-danger .comment-menu__link:hover .comment-menu__icon {
  color: rgba(233, 85, 19, 0.5);
}

.email-hidden-toggle a {
  display: inline-block;
  height: 12px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: bold;
  line-height: 6px;
  color: #555;
  text-decoration: none;
  vertical-align: middle;
  background: #ddd;
  border-radius: 1px;
}

.email-quote, .email-signature {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.email-signature {
  padding-top: 5px;
}

.dropdown-box {
  z-index: 20;
  background: white;
  width: 300px;
  max-height: 342px;
  position: relative;
  position: relative;
}
.dropdown-box:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid #FFF;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -20px;
  left: 140px;
}
.dropdown-box:before {
  position: absolute;
  content: "";
  display: block;
  border: 11px solid #CCC;
  border-top: 11px solid transparent;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  top: -22px;
  left: 139px;
}
.dropdown-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  left: -120px;
  top: 45px;
}
.dropdown-box ul:after {
  content: "";
  clear: both;
  display: block;
}
.dropdown-box ul {
  margin: 0;
  padding: 0;
}
.dropdown-box li {
  list-style: none;
}
.dropdown-box li a {
  display: block;
  width: 100%;
}
.dropdown-box li a:after {
  content: "";
  clear: both;
  display: block;
}
.dropdown-box li a {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-box li a:hover {
  text-decoration: none;
  background-color: #f5f5f5 !important;
}
.dropdown-box li:last-child a {
  border-bottom: none;
}
.dropdown-box .dropdown-box-lists-wrapper {
  max-height: 300px;
  overflow: auto;
  overflow-y: scroll;
  margin: 10px;
}
.dropdown-box .dropdown-box-bottom a {
  display: block;
  border-top: 1px solid white;
  background: #f5f5f5;
  text-align: center;
  width: 300px;
  height: 42px;
  line-height: 42px;
  color: rgba(60, 74, 96, 0.7);
}
.dropdown-box .dropdown-box-bottom a i {
  color: #B2B7BF;
  font-size: 120%;
}
.dropdown-box .dropdown-box-bottom a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  background: rgb(232.25, 232.25, 232.25);
  text-decoration: none;
}
.dropdown-box .dropdown-box-bottom a:hover i {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.dropdown-box .message {
  padding: 30px;
  text-align: center;
  color: #0a9b94;
}

.remove-layer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.dropdown-users-list .circle-thumbnail-ms, .dropdown-users-list .circle-thumbnail-s {
  float: left;
  margin-right: 10px;
}
.dropdown-users-list .user-name {
  font-size: 120%;
  line-height: 20px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
}

.dropdown-wrapper {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.post-list {
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
}
.home__right .post-list {
  margin-bottom: 0;
}

.post-list__item {
  padding: 15px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.home__right .post-list__item {
  padding: 10px 0 5px;
}
.home__right .post-list__item:last-child {
  border-bottom: 0;
}
@media (max-width: 899px) {
  .post-list__item {
    padding-bottom: 10px;
  }
}
.post-list__item:focus {
  background-color: #fafafa;
  outline: none;
}

.post-list__inner {
  display: flex;
  justify-content: flex-start;
}

.post-list__left {
  flex-basis: auto;
  flex-shrink: 0;
  width: 64px;
  position: relative;
  margin-right: 20px;
}
@media (max-width: 899px) {
  .post-list__left {
    margin-right: 10px;
  }
}
.home__right .post-list__left {
  width: 24px;
  margin-right: 10px;
}

.post-list__thumbnail {
  width: 64px;
  height: 64px;
}
.post-list__thumbnail .thumbnail__link {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}
.post-list__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.post-list__thumbnail .thumbnail__image {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.wip .post-list__thumbnail {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.home__right .post-list__thumbnail {
  width: 24px;
  height: 24px;
}
.home__right .post-list__thumbnail .thumbnail__link {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
.home__right .post-list__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.home__right .post-list__thumbnail .thumbnail__image {
  height: 24px;
  width: 24px;
  border-radius: 24px;
}

.post-list__thumbnail--small {
  width: 36px;
  height: 36px;
}
.post-list__thumbnail--small .thumbnail__link {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.post-list__thumbnail--small .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.post-list__thumbnail--small .thumbnail__image {
  height: 36px;
  width: 36px;
  border-radius: 36px;
}
.post-list__thumbnail--small {
  position: absolute;
  top: 35px;
  left: 35px;
}
.wip .post-list__thumbnail--small {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.post-list__right {
  flex-grow: 1;
  flex-shrink: 1;
}

.post-list__upper {
  display: flex;
  align-items: flex-start;
}

.post-list__aside {
  margin-left: auto;
  display: flex;
}

.post-list__number {
  font-size: 13px;
  color: rgba(60, 74, 96, 0.7);
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  top: 2px;
}
@media (max-width: 899px) {
  .post-list__number {
    font-size: 10px;
  }
}

.post-list__team-info {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.post-list__team-thumbnail {
  margin-right: 5px;
}

.post-list__team-image {
  width: 18px;
  height: 18px;
  border-radius: 18px;
}

.post-list__team-name {
  font-size: 12px;
}

.post-list__footer {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  align-items: flex-end;
}
@media (max-width: 899px) {
  .post-list__footer {
    display: block;
  }
}

.post-list__record {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  margin-left: auto;
  font-size: 90%;
  color: rgba(60, 74, 96, 0.7);
  position: relative;
  top: 5px;
}
@media (max-width: 899px) {
  .post-list__record {
    justify-content: flex-end;
  }
}

.post-list__author {
  margin-right: 5px;
  flex: 0 0 auto;
}

.post-list__date {
  flex: 0 0 auto;
}
.home__right .post-list__date {
  font-size: 10px;
  text-align: right;
  color: rgba(60, 74, 96, 0.7);
  line-height: 1;
}
.post-list__date a {
  color: rgba(60, 74, 96, 0.7);
}
.post-list__date a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.post-list__content {
  margin-left: 84px;
  margin-top: 15px;
  font-size: 90%;
  color: rgba(60, 74, 96, 0.8);
  overflow-wrap: break-word;
}
@media (max-width: 899px) {
  .post-list__content {
    margin-left: 0;
  }
}

.post-list__highlight {
  background-color: #ffea92;
  color: #3c4a60;
}
.post-list__highlight:first-child {
  padding-left: 2px;
}
.post-list__highlight:last-child {
  padding-right: 2px;
}

.post-header {
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1330px) {
  .post-header {
    display: block;
  }
}

.post-header--preview {
  margin-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.post-header__left {
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 10px;
}
@media (max-width: 899px) {
  .post-header__left {
    margin-right: 0;
  }
}

.post-header__right {
  flex: 0 0 220px;
  margin-left: 30px;
}
@media (max-width: 1330px) {
  .post-header__right {
    margin-left: 0;
  }
}

.post-header__upper {
  display: flex;
}

.post-header__id {
  font-size: 16px;
  font-weight: 700;
  color: rgba(60, 74, 96, 0.7);
  margin-right: 16px;
  display: inline-block;
}
@media (max-width: 480px) {
  .post-header__id {
    font-size: 14px;
    margin-right: 10px;
  }
}

.post-header__print-updated-at {
  margin-top: 10px;
  font-size: 13px;
  text-align: right;
}

@media screen {
  .post-header__print-updated-at {
    display: none;
  }
}
.post-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-menu__toggle {
  position: relative;
  top: 1px;
}
.post-menu__toggle:hover {
  cursor: pointer;
}

.post-menu__layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.post-menu__layer:hover {
  cursor: pointer;
}

.post-menu__balloon {
  font-size: 13px;
  width: 240px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  position: relative;
}
.post-menu__balloon:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid white;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -16px;
  left: 15px;
}
.post-menu__balloon:before {
  position: absolute;
  content: "";
  display: block;
  border: 9px solid rgba(0, 0, 0, 0.1);
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  top: -18px;
  left: 14px;
}
.post-menu__balloon {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
}
.post-menu__balloon.is-adjusted:before, .post-menu__balloon.is-adjusted:after {
  display: none;
}
.post-menu__balloon.first-child-hovered:after {
  transition-duration: 0.3s;
  border-bottom-color: #f5f5f5;
}

.post-menu__nav {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.post-menu__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.post-menu__item:last-child {
  border-bottom: 0;
}
.post-menu__item:last-child .post-menu__link {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 11px;
}
.post-menu__item:first-child .post-menu__link {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.post-menu__icon {
  color: #B2B7BF;
  font-size: 17px;
  position: relative;
  top: 2px;
  width: 22px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
}
.post-menu__icon.is-sharing, .post-menu__icon.is-copied {
  color: #0a9b94;
  position: relative;
}
.post-menu__icon.is-sharing:after, .post-menu__icon.is-copied:after {
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 12px;
  height: 12px;
  content: "";
  display: block;
  background-image: url(https://assets.esa.io/packs/static/images/icon-is-done-96cbd1c90516ba1caba2.png);
  background-repeat: no-repeat;
  background-size: 12px;
}
.post-menu__icon.is-sharing:after {
  bottom: -3px;
  right: -4px;
}
.post-menu__icon.is-revision {
  font-weight: 600;
  line-height: 16px;
  font-size: 22px;
}
.post-menu__icon.fa-copy, .post-menu__icon.fa-clipboard {
  font-size: 18px;
}
.post-menu__icon.fa-share-from-square {
  left: 1px;
}

.post-menu__external-link {
  font-size: 10px;
  color: #B2B7BF;
  position: relative;
  top: -1px;
  margin-left: 2px;
}

.post-menu__link {
  display: block;
  padding: 8px 5px 10px 9px;
  color: #3c4a60;
}
.post-menu__link:hover {
  background-color: #f5f5f5;
  cursor: pointer;
  text-decoration: none;
}
.post-menu__link:hover .post-menu__icon, .post-menu__link:hover .post-menu__external-link {
  color: rgba(10, 155, 148, 0.5);
}
.post-menu__link:hover .post-menu__icon.is-sharing, .post-menu__link:hover .post-menu__icon.is-copied {
  color: #0a9b94;
}

.post-menu__sharing-label {
  font-size: 10px;
  display: inline-block;
  border-radius: 10px;
  background-color: #0a9b94;
  color: white;
  padding: 2px 5px 3px;
  margin-left: 3px;
  position: relative;
  top: -1px;
}

.post-menu__item.is-danger .post-menu__icon {
  color: rgba(233, 85, 19, 0.5);
}
.post-menu__item.is-danger .post-menu__link {
  color: #e95513;
}
.post-menu__item.is-danger .post-menu__link:hover {
  color: #e95513;
}
.post-menu__item.is-danger .post-menu__link:hover .post-menu__icon {
  color: rgba(233, 85, 19, 0.5);
}

.post-menu__count {
  font-size: 10px;
  padding: 4px 10px;
  float: right;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.post-save:after {
  content: "";
  clear: both;
  display: block;
}
.post-save {
  width: 360px;
  float: right;
}

.post-save__caption {
  text-align: center;
  line-height: 1.3;
}
.post-save__caption strong {
  display: block;
  font-size: 110%;
  margin-bottom: 5px;
  color: rgba(60, 74, 96, 0.7);
}
.post-save__caption .help-block {
  color: rgba(60, 74, 96, 0.3);
  font-size: 11px;
  margin: 0;
  margin-top: 5px;
}
.post-save__caption i {
  font-size: 20px;
  color: #B2B7BF;
}

.post-save__wip:after, .post-save__shipit:after {
  content: "";
  clear: both;
  display: block;
}
.post-save__wip, .post-save__shipit {
  float: left;
  width: 180px;
  margin-right: -1px;
}
.post-save__wip:hover strong, .post-save__shipit:hover strong {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.post-save__wip:hover .help-block, .post-save__shipit:hover .help-block {
  color: #3c4a60;
}

.post-save__btn--wip, .post-save__btn--shipit {
  background-color: #EEE;
  color: rgba(60, 74, 96, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 180px;
}
.post-save__btn--wip:hover, .post-save__btn--shipit:hover {
  background-color: rgb(212.5, 212.5, 212.5);
}
.post-save__btn--wip.current, .post-save__btn--shipit.current {
  background-color: #0a9b94;
  color: white;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding-left: 70px;
}
.post-save__btn--wip.current:hover, .post-save__btn--shipit.current:hover {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
@media (max-width: 899px) {
  .post-save__btn--wip, .post-save__btn--shipit {
    width: 100%;
  }
}

.post-save__btn--wip {
  padding-left: 50px;
  background-image: url(https://assets.esa.io/packs/static/images/icon-wip-34dc4a67ff966d69eafa.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px 6px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: -1px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.post-save__btn--wip.current {
  background-image: url(https://assets.esa.io/packs/static/images/icon-wip-34dc4a67ff966d69eafa.svg), url(https://assets.esa.io/packs/static/images/icon-check-5e4d65c279f06423d2ae.svg);
  background-size: 30px, 22px;
  background-position: 10px 6px, 44px 14px;
}
@media (max-width: 899px) {
  .post-save__btn--wip {
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
  }
}

.post-save__btn--shipit {
  padding-left: 40px;
  background-image: url(https://assets.esa.io/packs/static/images/icon-lgtm-4590c2e388d20614084c.svg);
  background-repeat: no-repeat;
  background-size: 36px;
  background-position: 10px 8px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.post-save__btn--shipit.current {
  padding-left: 60px;
  background-image: url(https://assets.esa.io/packs/static/images/icon-lgtm-4590c2e388d20614084c.svg), url(https://assets.esa.io/packs/static/images/icon-check-5e4d65c279f06423d2ae.svg);
  background-size: 36px, 22px;
  background-position: 10px 8px, 44px 14px;
}
@media (max-width: 899px) {
  .post-save__btn--shipit {
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
  }
}

.post-prev-next {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}
.post-prev-next .emoji {
  width: 17px;
  height: 17px;
}

.post-prev-next__prev {
  margin-bottom: 30px;
  margin-right: 10px;
}

.post-prev-next__next {
  margin-left: auto;
  margin-bottom: 30px;
  text-align: right;
}

.floating-header {
  display: flex;
  align-items: center;
  width: calc(100% - 80px);
  position: fixed;
  margin-left: 80px;
  background-color: white;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  top: -80px;
  left: 0;
  padding: 0 20px;
  z-index: 3;
  transition-duration: 0.3s;
  animation-timing-function: ease-in-out;
  box-sizing: border-box;
}
.floating-header.is-scrolled {
  top: 0;
}
.floating-header.is-archived {
  background-color: #fff8da;
  background-image: url(https://assets.esa.io/packs/static/images/slash-square-97799ad147956b07d906.svg);
  background-size: 80px;
}
@media (max-width: 899px) {
  .floating-header {
    display: none;
  }
}

.floating-header__left {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  margin-right: 15px;
}

.floating-header__author {
  display: flex;
}

.floating-header__id {
  font-size: 13px;
  font-weight: 700;
  color: rgba(60, 74, 96, 0.7);
  margin-right: 10px;
  display: inline-block;
}

.floating-header__title {
  display: flex;
  align-items: flex-end;
}

.floating-header__icon-wip {
  font-size: 12px;
  margin-right: 5px;
  line-height: 1;
  padding: 4px 8px;
}

.floating-header__category {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
  font-size: 13px;
  margin-right: 3px;
  flex-grow: 0;
  flex-shrink: 0;
}

.floating-header__category-item {
  margin-right: 2px;
  color: rgba(60, 74, 96, 0.7);
}
.floating-header__category-item:after {
  content: "/";
  margin-left: 1px;
  color: rgba(0, 0, 0, 0.1);
}

.floating-header__category-link {
  color: rgba(60, 74, 96, 0.7);
  overflow-wrap: break-word;
}
.floating-header__category-link:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.floating-header__category-link.is-template {
  color: #8a7f57;
  background-color: #f8eec7;
  border-radius: 15px;
  padding: 2px 10px;
  font-weight: bold;
}
.floating-header__category-link.is-template:hover, .floating-header__category-link.is-template:focus {
  text-decoration: none;
  color: rgb(106.72, 98.2133333333, 67.28);
  background-color: rgb(242.3333333333, 224.2380952381, 153.6666666667);
}
.floating-header__category-link.is-archived {
  color: #fff8da;
  background-color: rgba(60, 74, 96, 0.7);
  border-radius: 15px;
  padding: 2px 10px;
  font-weight: bold;
}
.floating-header__category-link.is-archived:hover, .floating-header__category-link.is-archived:focus {
  text-decoration: none;
  color: #fff8da;
  background-color: rgba(40.3846153846, 49.8076923077, 64.6153846154, 0.7);
}

.floating-header__title-link {
  color: #3c4a60;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.floating-header__title-link.is-wip {
  color: rgba(60, 74, 96, 0.7);
}
.floating-header__title-link:hover, .floating-header__title-link:active {
  text-decoration: none;
}

.floating-header__title-name {
  font-size: 17px;
  margin-right: 5px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floating-header__btn {
  flex-grow: 0;
  font-size: 12px;
  padding: 3px 9px;
  border-radius: 10px;
  margin-left: 7px;
  position: relative;
  top: 0;
}

.floating-header__tag {
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
  margin-left: 5px;
}
.floating-header__tag:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.floating-header__action {
  font-size: 17px;
  color: #B2B7BF;
  margin-left: 10px;
  flex-grow: 0;
  display: block;
}
.floating-header__action:hover {
  color: #0a9b94;
}

.floating-header__meta {
  display: flex;
  align-items: center;
  margin-left: auto;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
}

.floating-header__author-thumbnail-link:hover .floating-header__author-thumbnail-image {
  opacity: 0.7;
}

.floating-header__author {
  margin-right: 15px;
  line-height: 24px;
  flex-grow: 0;
  flex-shrink: 0;
}
.floating-header__author:last-child {
  margin-right: 0;
}

.floating-header__author-thumbnail-image {
  transition-duration: 0.3s;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  margin-right: 3px;
}

.floating-header__author-user {
  font-size: 11px;
}

.form-title__field {
  font-size: 140%;
  height: auto;
}

.form-title__template-icon {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 7px;
  left: 15px;
  font-size: 20px;
  color: rgba(60, 74, 96, 0.2);
  z-index: 2;
}
@media (max-width: 899px) {
  .form-title__template-icon {
    top: 5px;
    left: 12px;
    font-size: 17px;
  }
}

.form-title__template {
  margin-bottom: 10px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  height: 38px;
}
@media (max-width: 899px) {
  .form-title__template {
    height: 30px;
  }
}

.form-body__image {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 8px 20px;
  color: rgba(60, 74, 96, 0.7);
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}
.form-body__image i {
  color: #B2B7BF;
  font-size: 120%;
  margin-right: 5px;
}
.form-body__image strong {
  margin-right: 5px;
}
.form-body__image:hover {
  cursor: pointer;
  color: #3c4a60;
}
.form-body__image:hover i {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.form-body__text {
  font-size: 15px;
  border-radius: 0;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border: none;
  overflow-wrap: break-word;
}
.form-body__text:focus {
  box-shadow: none;
  border: none;
}
.posts-edit .form-body__text, .posts-new .form-body__text {
  resize: vertical;
}

.form-body {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  transition-duration: 0.3s;
}
.form-body.is-focus, .form-body .dz-drag-hover {
  border: 1px solid #66afe9;
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.7);
}
.form-body.is-focus .form-body__image, .form-body .dz-drag-hover .form-body__image {
  background-color: rgb(240.1657142857, 244.439040349, 247.8342857143);
}

.toc {
  font-size: 90%;
  overflow-wrap: break-word;
  list-style-position: outside;
  padding: 0;
  overflow-y: auto;
  scroll-behavior: smooth;
  overscroll-behavior: none;
}
.toc .emoji {
  width: 14px;
  height: 14px;
  font-size: 1em;
}
@media (max-width: 1300px) {
  .toc {
    padding: 0;
    overflow-y: visible;
    overscroll-behavior: auto;
  }
}

.toc__list {
  padding: 0;
  margin-bottom: 0;
}

.toc__box {
  margin: 15px 0 0 0;
}
@media (max-width: 1300px) {
  .toc__box {
    display: none;
  }
}

.toc__anchor-item {
  line-height: 1.5;
  margin: 0;
  padding: 4px 10px;
  color: #B2B7BF;
  list-style-position: inside;
}
.toc__anchor-item a {
  color: rgba(60, 74, 96, 0.7);
}
.toc__anchor-item a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}
.toc__anchor-item.is-current {
  background-color: #ECF5F4;
  border-radius: 3px;
  color: #0a9b94;
}
.toc__anchor-item.is-current a {
  color: #3c4a60;
}
.toc__anchor-item.is-current a:hover {
  color: #0a9b94;
}

.toc__anchor-item-h2 {
  margin-left: 15px;
}

.toc__anchor-item-h3 {
  margin-left: 30px;
}

.toc__heading {
  font-weight: 600;
  font-size: 90%;
  color: #3c4a60;
  margin-top: 30px;
}
@media (max-width: 1300px) {
  .toc__heading {
    display: none;
  }
}

.toc__close {
  cursor: pointer;
  font-weight: 600;
  padding: 25px 0 0 0;
  color: #3c4a60;
  display: none;
  transition-duration: 0.3s;
}
.toc__close:hover, .toc__close:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
@media (max-width: 1300px) {
  .toc__close {
    display: block;
  }
}
.toc__close:hover {
  color: #0a9b94;
}
.toc__close:hover .toc__icon, .toc__close:hover .toc__caret {
  color: #0a9b94;
}

.toc__icon {
  font-size: 14px;
  margin-right: 5px;
  color: #B2B7BF;
}

.toc__caret {
  font-size: 10px;
  margin-left: 5px;
  color: #B2B7BF;
}

.no-readme {
  margin-top: 10%;
  text-align: center;
}

.no-readme__tori-atama {
  display: block;
  font-size: 150px;
  color: #B2B7BF;
}

.no-readme__message {
  font-size: 20px;
  margin-bottom: 20px;
}

.no-readme__help {
  margin-top: 30px;
}

.search__sort-block {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
}
@media (max-width: 899px) {
  .search__sort-block {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }
}

.search__sort {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 899px) {
  .search__sort {
    margin-bottom: 10px;
  }
}

.search__sort-label {
  display: block;
  margin-right: 7px;
  padding-top: 3px;
  font-size: 12px;
}

.search__sort-icon {
  color: #B2B7BF;
  font-size: 130%;
  position: relative;
  top: 1px;
}

.search__sort-select {
  width: 220px;
}

.search__pagenate {
  margin-left: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
}
.search__pagenate .pagination {
  margin-bottom: 0;
  position: relative;
  top: 10px;
}
@media (max-width: 899px) {
  .search__pagenate {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
  }
}

.search__no-result {
  text-align: center;
  margin-bottom: 50px;
}

.search__no-result-tori {
  margin-bottom: 20px;
}

.search__no-result-tori-atama {
  font-size: 150px;
  color: #B2B7BF;
}

.search__no-result-message {
  font-size: 20px;
  line-height: 1.4;
}
@media (max-width: 899px) {
  .search__no-result-message {
    font-size: 16px;
  }
}

.search__help {
  font-size: 12px;
  margin-top: 20px;
}
.search__help .fa-external-link {
  font-size: 10px;
}
@media (max-width: 1439px) {
  .search__help {
    display: none;
  }
}

.search__result {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.search-menu__header {
  padding: 30px 20px;
}
@media (max-width: 480px) {
  .search-menu__header {
    padding: 30px 15px;
  }
}

.search-menu__heading-wrapper {
  display: flex;
}

.search-menu__heading {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: bold;
  overflow-wrap: break-word;
}
.search-menu__heading.is-too-long {
  font-size: 12px;
}

.search-menu__menu {
  font-size: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .search-menu__menu {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 0;
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .search-menu__menu {
    padding: 0 15px;
  }
}

@media (max-width: 899px) {
  .search-menu__item {
    margin-bottom: 10px;
  }
  .search-menu__item:first-child {
    border-top: 0;
  }
}

.search-menu__link {
  display: flex;
  align-items: center;
  padding: 12px 10px 12px 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search-menu__link:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.search-menu__link:hover .search-menu__icon {
  color: #0a9b94;
}
@media (max-width: 899px) {
  .search-menu__link {
    border-bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 15px 0 0;
    margin-right: 12px;
  }
  .search-menu__link:hover {
    background-color: white;
  }
}

.search-menu__label {
  line-height: 1;
}

.search-menu__icon {
  width: 24px;
  text-align: center;
  font-size: 110%;
  color: rgba(10, 155, 148, 0.5);
  margin-right: 3px;
}
.search-menu__icon.icon-egg, .search-menu__icon.icon-piyo {
  font-size: 125%;
}

.search-menu__count {
  margin-left: auto;
  font-size: 10px;
  line-height: 1;
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.08);
  padding: 4px 7px;
  border-radius: 10px;
  font-weight: 700;
}
@media (max-width: 899px) {
  .search-menu__count {
    margin-left: 5px;
    padding: 3px 7px;
  }
}

.search-menu__item.current .search-menu__link {
  background-color: #f5f5f5;
}
.search-menu__item.current .search-menu__icon {
  color: #B2B7BF;
}
.search-menu__item.current .search-menu__label {
  color: #3c4a60;
  font-weight: 600;
}
@media (max-width: 1439px) {
  .search-menu__item.current .search-menu__link {
    background-color: white;
  }
}
.search-menu__item.disabled .search-menu__link {
  color: rgba(60, 74, 96, 0.7);
  pointer-events: none;
}
.search-menu__item.disabled .search-menu__icon {
  color: #B2B7BF;
}
.search-menu__item.disabled .search-menu__icon, .search-menu__item.disabled .search-menu__label, .search-menu__item.disabled .search-menu__count {
  opacity: 0.5;
}

.search-menu__layer-icon {
  color: #B2B7BF;
  font-size: 11px;
  line-height: 1;
}
@media (max-width: 899px) {
  .search-menu__layer-icon {
    display: none;
  }
}

.search-menu__member {
  padding: 0 20px;
  display: flex;
}
@media (max-width: 480px) {
  .search-menu__member {
    padding: 0 15px;
  }
}

.search-menu__heading-icon {
  font-size: 18px;
  margin-right: 7px;
  color: #B2B7BF;
  width: 20px;
  position: relative;
  top: 2px;
}

.search-menu__member-list {
  list-style: none;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
}

.search-menu__member-item {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 5px;
}

.search-menu__member-image {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin-right: 5px;
}

.search-menu__footer {
  padding: 0 20px;
  font-size: 13px;
}
@media (max-width: 899px) {
  .search-menu__footer {
    padding: 10px 20px;
    font-size: 12px;
  }
}

.search-menu__member-screen-name {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
}

.search-menu__help {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 16px;
  margin-top: 20px;
}
.search-menu__help .fa-external-link {
  font-size: 10px;
}
@media (max-width: 899px) {
  .search-menu__help {
    display: none;
  }
}

.search-menu__help-heading {
  font-size: 14px;
}

.search-menu__help-list {
  margin-bottom: 0;
  padding-inline-start: 15px;
  font-size: 12px;
}
.search-menu__help-list li {
  margin-bottom: 3px;
}

.search-menu__external-link {
  font-size: 10px !important;
  margin-left: 2px;
}

.search-menu__cross-team-alert {
  margin-top: 20px;
}

.search-menu__pin {
  margin-top: 24px;
}

.search-menu__pin-button {
  display: block;
  font-size: 13px;
}

.search-suggest {
  background-color: white;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.search-suggest__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-suggest__item {
  position: relative;
}

.search-suggest__link {
  color: #3c4a60;
  display: flex;
  align-items: center;
  padding: 7px 25px 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  overflow-wrap: anywhere;
}
.is-query-history .search-suggest__link {
  padding: 10px 25px 10px 10px;
}
.is-active .search-suggest__link {
  color: #0a9b94;
  background-color: #ECF5F4;
}
.search-suggest__link:hover {
  text-decoration: none;
  color: #0a9b94;
  background-color: #ECF5F4;
}
.search-suggest__link:hover .search-suggest__remove {
  display: block;
}
.search-suggest__link:hover .search-suggest__icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.search-suggest__icon {
  color: #B2B7BF;
  font-size: 14px;
  margin-right: 10px;
}
.is-active .search-suggest__icon {
  color: #0a9b94;
}
.search-suggest__icon.fa-thumbtack {
  transform: translateX(2px);
  margin-right: 14px;
}

.search-suggest__remove {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  line-height: 22px;
  margin-left: auto;
  color: #B2B7BF;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-12px);
}
.search-suggest__remove:hover {
  color: #0a9b94;
  background-color: white;
}
.search-suggest__remove:hover .search-suggest__remove-icon.is-trash {
  color: #e95513;
}

.search-suggest__remove-icon {
  font-size: 14px;
}

.search-suggest__heading {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 7px 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.revision-heading {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 899px) {
  .revision-heading {
    display: block;
  }
}

.revision-heading__heading {
  margin-bottom: 0;
}
.revision-heading__heading .num {
  font-size: 120%;
  font-weight: 700;
  margin-left: 2px;
}

.revision-heading__heading-icon {
  color: #B2B7BF;
  margin-right: 5px;
  font-size: 100%;
  position: relative;
}
@media (max-width: 899px) {
  .revision-heading__heading-icon {
    margin-bottom: 10px;
  }
}

.revision-heading__icon-prev, .revision-heading__icon-next {
  color: #B2B7BF;
  margin: 0 5px;
}

.revision-heading__rollback {
  margin-left: auto;
}
@media (max-width: 899px) {
  .revision-heading__rollback {
    margin-top: 20px;
  }
}

@media (max-width: 899px) {
  .revision-heading__rollback-button {
    width: 100%;
  }
}

.revision-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 78px;
  margin-bottom: 30px;
}
.revision-list li {
  list-style-type: none;
}

.revision-list__item:after {
  content: "";
  clear: both;
  display: block;
}
.revision-list__item {
  margin: 0 0 15px -78px;
  padding: 0;
  position: relative;
}
@media (min-width: 900px) {
  .revision-list__item:hover .revision-list__action {
    display: block;
  }
  .revision-list__item:hover .revision-list__date {
    display: none;
  }
}

.revision-list__left {
  width: 90px;
  float: left;
}
.revision-list__left:after {
  content: "";
  clear: both;
  display: block;
}
.revision-list__left {
  margin-right: 2px;
}

.revision-list__thumbnail {
  float: right;
  width: 24px;
  height: 24px;
}
.revision-list__thumbnail .thumbnail__link {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
.revision-list__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.revision-list__thumbnail .thumbnail__image {
  height: 24px;
  width: 24px;
  border-radius: 24px;
}
.revision-list__thumbnail img {
  border: 2px solid #ddd;
}

.revision-list__count {
  float: right;
  margin-right: 5px;
}
.revision-list__count .num {
  margin-left: 2px;
  font-size: 120%;
  font-weight: 700;
}

.revision-list__right {
  overflow: hidden;
  padding-left: 8px;
}

.revision-list__message {
  background-color: #f5f5f5;
  padding: 4px 10px;
  position: relative;
}
.revision-list__message:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid transparent;
  border-right: 8px solid #f5f5f5;
  top: 6px;
  left: -16px;
}
.revision-list__message {
  min-height: 30px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.revision-list__label {
  margin-right: 5px;
  color: rgba(60, 74, 96, 0.8);
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1;
  border-radius: 10px;
}

.revision-list__date {
  font-size: 11px;
  margin-left: auto;
  color: rgba(60, 74, 96, 0.7);
}

.revision-list__message-content {
  line-height: 1.6;
  color: #3c4a60;
}

.revision-list__action {
  position: absolute;
  right: 6px;
  top: 0;
  display: none;
}

.revision-list__btn-squash {
  padding: 1px 6px;
}
.revision-list__btn-squash .fa-arrow-up {
  position: relative;
  top: 1px;
}

.revision-list__link:hover {
  text-decoration: none;
}
.revision-list__link:hover .revision-list__thumbnail {
  opacity: 0.7;
}
.revision-list__link:hover .revision-list__message {
  background-color: rgb(232.25, 232.25, 232.25);
}
.revision-list__link:hover .revision-list__message:after {
  border-right-color: rgb(232.25, 232.25, 232.25);
}

.revision-list__item.is-first:hover .revision-list__date {
  display: block;
}

.revision-message {
  display: flex;
  margin-bottom: 30px;
}

.revision-message__thumbnail {
  flex: 0 0 64px;
  margin-right: 10px;
  overflow: hidden;
}

.revision-message__right {
  flex: 1 0 0;
  overflow: hidden;
  padding-left: 10px;
}

.revision-message__wrapper {
  position: relative;
}
.revision-message__wrapper:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid transparent;
  border-right: 8px solid #f5f5f5;
  top: 20px;
  left: -16px;
}
.revision-message__wrapper {
  background-color: #f5f5f5;
  padding: 10px;
  padding-bottom: 7px;
  border-radius: 10px;
}

.revision-message__label {
  color: rgba(60, 74, 96, 0.8);
  background-color: rgba(0, 0, 0, 0.1);
  padding: 4px 7px;
  font-size: 12px;
  line-height: 1;
  border-radius: 10px;
  margin-right: 5px;
  font-weight: bold;
}

.revision-message__record {
  text-align: right;
  font-size: 12px;
}

.revision-message__date {
  color: rgba(60, 74, 96, 0.7);
  font-size: 11px;
}

.revision-message__content {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 480px) {
  .revision-message__content {
    display: block;
  }
}

.revision-message__default {
  display: flex;
  align-items: center;
}

.revision-message__static {
  font-size: 16px;
  line-height: 1.4;
  margin-right: 5px;
  overflow-wrap: break-word;
  padding: 8px 0;
}

.revision-message__trigger {
  margin-left: 5px;
  font-size: 16px;
  color: #B2B7BF;
}
.revision-message__trigger:hover {
  cursor: pointer;
}

.revision-message__editable {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
}

.revision-message__editable-form-wrap {
  flex: 1 0 0;
  position: relative;
}
@media (max-width: 480px) {
  .revision-message__editable-form-wrap {
    margin-top: 5px;
  }
}

.revision-message__input {
  width: 100%;
  flex: 1 0 0;
  padding: 7px 25px 7px 10px;
  font-size: 16px;
}

.revision-message__close {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #B2B7BF;
  font-size: 14px;
}
.revision-message__close:hover {
  cursor: pointer;
}

.revision-message__btn-update {
  margin: 0 0 0 7px;
}
@media (max-width: 899px) {
  .revision-message__btn-update i {
    margin-right: 0;
  }
}

.revision-compare__wrapper {
  position: relative;
}

.revision-compare {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 899px) {
  .revision-compare {
    display: none;
  }
}
.revision-compare .select2-container--default .select2-selection--single {
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.revision-compare .select2-container .select2-selection--single {
  height: 36px;
}
.revision-compare .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 15px;
}
.revision-compare .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #3c4a60;
}
.revision-compare .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  width: 30px;
}
.revision-compare .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #B2B7BF transparent transparent transparent;
}
.revision-compare .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #B2B7BF transparent;
}

.revision-compare__select {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.revision-compare__option {
  display: flex;
  margin-left: -10px;
}

.revision-compare__option-current .revision-compare__revision-num {
  margin-left: 2px;
}
.revision-compare__option-current .revision-compare__revision-message {
  font-weight: bold;
}

.revision-compare__revision-num {
  display: inline-block;
  font-weight: bold;
  margin-left: 24px;
  margin-right: 5px;
  line-height: 1.5;
}

.revision-compare__revision-message {
  margin-left: 5px;
  line-height: 1.5;
}

.revision-compare-message {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .revision-compare-message {
    flex-direction: column;
  }
}

.revision-compare-message__left, .revision-compare-message__right {
  flex: 1 0 0;
  display: flex;
  flex-wrap: nowrap;
}

.revision-compare-message__thumbnail {
  flex: 0 0 36px;
  margin-right: 16px;
  margin-top: 10px;
}

.revision-compare-message__content {
  flex: 1 0 0;
  background-color: #f5f5f5;
  padding: 10px 20px;
  border-radius: 10px;
  position: relative;
}
.revision-compare-message__content:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid transparent;
  border-right: 10px solid #f5f5f5;
  top: 16px;
  left: -20px;
}

.revision-compare-message__separator {
  flex: 0 0 36px;
  text-align: center;
  font-size: 24px;
  margin-left: 10px;
  margin-right: 10px;
  color: rgba(60, 74, 96, 0.7);
  padding-top: 10px;
}
@media (max-width: 480px) {
  .revision-compare-message__separator {
    transform: rotate(90deg);
  }
}

.revision-compare-message__rev {
  font-size: 18px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.revision-compare-message__footer {
  margin-top: 10px;
  text-align: right;
  font-size: 11px;
}

.revision-compare-message__date {
  color: rgba(60, 74, 96, 0.7);
}

.scopes-selector > ul {
  margin: 0;
  padding: 0;
}
.scopes-selector label.control-label {
  font-weight: normal;
}
.scopes-selector li.checkbox {
  padding-top: 0;
}
.scopes-selector li.no-checkbox {
  list-style: none;
}

.tag-index {
  margin-bottom: 20px;
  list-style: none;
  padding: 0;
}

.tag-index__item {
  position: relative;
}

.tag-index__link {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 0;
  color: #3c4a60;
}
.tag-index__link:hover {
  text-decoration: none;
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  background-color: #f5f5f5;
}
.tag-index__link:hover .tag-index__hash {
  color: #0a9b94;
}

.tag-index__hash {
  margin-right: 3px;
  color: rgba(60, 74, 96, 0.7);
}

.tag-index__num {
  font-size: 10px;
  position: relative;
  top: -1px;
}

.tag-index__delete {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
}

.team-edit__url {
  font-size: 170%;
  font-weight: bold;
}
.team-edit__url:after {
  content: "";
  clear: both;
  display: block;
}
@media (max-width: 899px) {
  .team-edit__url {
    font-size: 140%;
  }
}

.team-edit__url-text {
  color: rgba(60, 74, 96, 0.7);
  float: left;
  margin-right: 8px;
  margin-left: 3px;
  position: relative;
  top: -2px;
}
@media (max-width: 899px) {
  .team-edit__url-text {
    top: 0;
  }
}

.team-edit__url-form {
  font-size: 20px;
  float: left;
  width: auto;
  margin-right: 5px;
}
@media (max-width: 899px) {
  .team-edit__url-form {
    width: 150px;
  }
}

.new-registration__form-group {
  margin-bottom: 50px;
  text-align: center;
}

.new-registration__label {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.new-registration__required {
  text-align: center;
  color: #e95513;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.new-registration__team-url {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin-bottom: 16px;
}
@media (max-width: 899px) {
  .new-registration__team-url {
    font-size: 20px;
  }
}

.new-registration__url-form {
  width: 240px;
  margin: 0 10px;
  font-size: 24px;
  height: auto;
  font-weight: bold;
}
@media (max-width: 899px) {
  .new-registration__url-form {
    margin: 0 7px;
    font-size: 18px;
    width: 180px;
  }
}

.new-registration__url-text {
  font-weight: bold;
}

.new-registration__help-block {
  font-size: 12px;
  text-align: center;
}

.new-registration__not-required {
  text-align: center;
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
  margin-bottom: 10px;
}

.new-registration__icon-preview {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  margin: 0 auto 16px;
}

.new-registration__file-input-filename {
  margin-bottom: 10px;
}

.new-registration__file-input-button {
  margin-bottom: 10px;
}

.new-registration__submit {
  text-align: center;
  padding: 0 100px;
}
@media (max-width: 899px) {
  .new-registration__submit {
    padding: 0 30px;
  }
}

.new-registration__submit-button {
  width: 100%;
  font-weight: bold;
}

.new-registration__note {
  text-align: center;
  margin-bottom: 30px;
}

.new-registration__screen-name {
  display: flex;
  margin-bottom: 10px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}

.new-registration__screen-name-atmark {
  font-size: 24px;
  margin-right: 7px;
}

.new-registration__screen-name-form {
  width: 320px;
  height: auto;
  font-size: 24px;
}
@media (max-width: 899px) {
  .new-registration__screen-name-form {
    font-size: 18px;
    width: 240px;
  }
}

.new-registration__input {
  width: 350px;
  margin: 10px auto;
  height: auto;
}
@media (max-width: 899px) {
  .new-registration__input {
    width: 260px;
  }
}

.new-registration__email-text {
  width: 350px;
  font-weight: bold;
  margin: 0 auto 10px;
  background-color: #f5f5f5;
  border-radius: 10px;
}
@media (max-width: 899px) {
  .new-registration__email-text {
    width: 260px;
  }
}

.settings__heading-description {
  margin-bottom: 40px;
}

.settings__description {
  margin-bottom: 30px;
}

.settings__description-list {
  padding-inline-start: 15px;
}
.settings__description-list li {
  margin-top: 7px;
}
.settings__description-list li:first-child {
  margin-top: 0;
}

.settings__alert {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}
.settings__alert .alert__icon {
  display: block;
  position: relative;
  top: 4px;
  margin-right: 8px;
}
.settings__alert.is-small {
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 13px;
}

.settings__submit {
  display: flex;
  margin-top: 20px;
  align-items: center;
}
@media (max-width: 899px) {
  .settings__submit {
    display: block;
  }
}
.settings__submit .btn {
  margin-right: 10px;
}

.settings__submit-help {
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .settings__submit-help {
    margin-left: 0;
    margin-top: 20px;
  }
}

.settings__section {
  padding-bottom: 54px;
}

.settings__section.with-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 54px;
}

.settings__divider {
  margin-top: 30px;
  margin-bottom: 30px;
  height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.settings__label-beta-h2 {
  position: relative;
  top: -3px;
  margin-right: 3px;
}

.settings__action-link {
  font-size: 12px;
  color: #3c4a60;
  text-decoration: none;
}
.settings__action-link:hover, .settings__action-link:focus {
  color: #0a9b94;
  text-decoration: none;
}
.settings__action-link:hover .settings__action-link-icon, .settings__action-link:focus .settings__action-link-icon {
  color: #0a9b94;
}
.settings__action-link.is-danger {
  color: #e95513;
}
.settings__action-link.is-danger:hover, .settings__action-link.is-danger:focus {
  color: rgb(209.4226190476, 76.3988095238, 17.0773809524);
}
.settings__action-link.is-danger:hover .settings__action-link-icon, .settings__action-link.is-danger:focus .settings__action-link-icon {
  color: rgb(209.4226190476, 76.3988095238, 17.0773809524);
}

.settings__action-link-icon {
  font-size: 13px;
  margin-right: 2px;
  color: #B2B7BF;
}
.is-danger .settings__action-link-icon {
  color: #e95513;
}

.settings__external-link-icon {
  font-size: 10px;
  margin-left: 1px;
  color: #97CEC9;
  text-indent: 0;
}
.is-danger .settings__external-link-icon {
  color: #F2C0AA;
}

a:hover .settings__external-link-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.settings-form__row {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0;
  align-items: stretch;
}
.settings-form__row:first-child {
  padding-top: 0;
}
@media (max-width: 1100px) {
  .settings-form__row {
    display: block;
  }
}

.settings-form__dt {
  flex: 0 0 250px;
  padding-right: 30px;
  text-align: right;
  font-weight: bold;
  max-width: 250px;
}
.is-inline .settings-form__dt {
  padding-top: 10px;
}
.is-narrow-dt .settings-form__dt {
  flex: 0 0 200px;
  max-width: 200px;
}
@media (max-width: 1100px) {
  .settings-form__dt {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    text-align: left;
    margin-bottom: 10px;
  }
  .is-narrow-dt .settings-form__dt {
    width: 100%;
    max-width: 100%;
  }
}

.settings-form__dd {
  flex: 1;
  position: relative;
}
.settings-form__dd.is-inline {
  display: flex;
  align-items: center;
}

.settings-form__input-inline {
  width: auto;
  margin-right: 10px;
}

.settings-form__inline {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .settings-form__inline {
    display: block;
  }
}

.settings-form__inline-inputs-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1100px) {
  .settings-form__inline-inputs-wrapper {
    display: block;
  }
}

.settings-form__inline-row {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
@media (max-width: 1100px) {
  .settings-form__inline-row {
    margin-top: 8px;
  }
}

.settings-form__inline-dt {
  padding-right: 10px;
}
.settings-form__inline-dt label {
  margin-bottom: 0;
}

.settings-form__inline-submit {
  display: flex;
  margin-left: 10px;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .settings-form__inline-submit {
    margin-left: 0;
    margin-top: 10px;
  }
}

.settings-form__inline-submit-btn {
  margin-left: 10px;
}
.settings-form__inline-submit-btn:first-child {
  margin-left: 0;
}

.settings-nav-info {
  padding: 20px 15px 10px 15px;
  width: 100%;
  position: relative;
}
@media (max-width: 899px) {
  .settings-nav-info {
    padding: 0;
  }
}

.settings-nav-info__heading {
  font-size: 10px;
  color: rgba(60, 74, 96, 0.7);
  position: relative;
}

.settings-nav-info__heading-label {
  position: absolute;
  top: 13px;
  right: 4px;
}
@media (max-width: 899px) {
  .settings-nav-info__heading-label {
    top: -5px;
    right: 0;
  }
}

.settings-nav-info__heading-icon {
  font-size: 120%;
  margin-right: 2px;
}

.settings-nav-info__edit {
  margin-left: auto;
  position: relative;
}

.settings-nav-info__edit-title {
  font-size: 11px;
}

.settings-nav-info__edit-icon {
  color: #B2B7BF;
  font-size: 11px;
  margin-right: 1px;
}

.settings-nav-info__edit-button {
  display: inline-block;
  white-space: nowrap;
  color: rgba(60, 74, 96, 0.7);
}
.settings-nav-info__edit-button:hover {
  text-decoration: none;
}
.settings-nav-info__edit-button:hover .settings-nav-info__edit-icon {
  color: rgba(10, 155, 148, 0.5);
}

.settings-nav-info__main {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
}

.settings-nav-info__image {
  margin-right: 5px;
}

.settings-nav-info__thumbnail {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.settings-nav-info__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  overflow: hidden;
  word-break: break-all;
}

.settings-nav-info__link {
  display: flex;
  align-items: center;
  transition-duration: 0.3s;
}
.settings-nav-info__link:hover, .settings-nav-info__link:focus {
  text-decoration: none;
}
.settings-nav-info__link:hover .settings-nav-info__thumbnail, .settings-nav-info__link:focus .settings-nav-info__thumbnail {
  opacity: 0.8;
}

.settings-nav-info__description {
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: break-word;
}

.settings-nav-info__label {
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  padding: 0.3em 0.7em;
  border-radius: 20px;
  background-color: #f29600;
  display: inline-block;
  color: white;
  transition-duration: 0.3s;
  white-space: nowrap;
  margin: 5px 5px 5px 0;
}
.settings-nav-info__label .fa {
  color: rgba(255, 255, 255, 0.5);
  font-size: 110%;
  margin-right: 2px;
}
.settings-nav-info__label:hover, .settings-nav-info__label:focus {
  background-color: rgb(191, 118.3884297521, 0);
  color: white;
  text-decoration: none;
}
.settings-nav-info__label.is-public {
  background-color: #f8eec7;
  color: #8a7f57;
}
.settings-nav-info__label.is-public .fa {
  color: rgba(138, 127, 87, 0.5);
}
.settings-nav-info__label.is-public:hover, .settings-nav-info__label.is-public:focus {
  background-color: rgb(242.3333333333, 224.2380952381, 153.6666666667);
}
.settings-nav-info__label.is-owner {
  background-color: #0a9b94;
}
.settings-nav-info__label.is-member {
  background-color: rgba(60, 74, 96, 0.7);
}
.settings-nav-info__label.is-guest {
  background-color: #B2B7BF;
}
@media (max-width: 899px) {
  .settings-nav-info__label {
    margin: 0;
  }
}

.settings-nav-info__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.4;
  margin-top: 5px;
}

.settings-nav-info__member-name {
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
  overflow-wrap: break-word;
}

.settings-nav-info__member-email {
  font-size: 11px;
  color: rgba(60, 74, 96, 0.7);
  overflow-wrap: break-word;
}

.settings-nav-info__alert {
  display: block;
  font-size: 11px;
  transition-duration: 0.3s;
  border-radius: 0;
  color: #f29600;
  margin-top: 10px;
  vertical-align: middle;
  line-height: 1.6;
}
.settings-nav-info__alert:hover, .settings-nav-info__alert:active, .settings-nav-info__alert:focus {
  cursor: pointer;
  text-decoration: none;
  color: rgb(191, 118.3884297521, 0);
}
.settings-nav-info__alert:hover .settings-nav-info__alert-message, .settings-nav-info__alert:active .settings-nav-info__alert-message, .settings-nav-info__alert:focus .settings-nav-info__alert-message {
  text-decoration: underline;
}
.settings-nav-info__alert:hover .settings-nav-info__alert-label, .settings-nav-info__alert:active .settings-nav-info__alert-label, .settings-nav-info__alert:focus .settings-nav-info__alert-label {
  background-color: rgb(191, 118.3884297521, 0);
}

.settings-nav-info__alert-message {
  position: relative;
  top: 1px;
}

.settings-nav-info__alert-label {
  display: inline-block;
  font-size: 10px;
  background-color: #f29600;
  color: white;
  border-radius: 15px;
  padding: 0 5px;
  margin-right: 2px;
}

.settings-nav-info__alert-link-icon {
  font-size: 10px;
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.settings-panel__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f5f5f5;
}

.settings-panel__header-count {
  margin-left: 3px;
  align-self: center;
}

.settings-panel__heading {
  margin-bottom: 0;
}

.settings-panel__heading-icon {
  margin-right: 5px;
  color: #B2B7BF;
}

.settings-panel__heading-link {
  display: block;
}
.settings-panel__heading-link .settings-panel__heading-icon {
  color: #97CEC9;
}
.settings-panel__heading-link:hover, .settings-panel__heading-link:focus {
  text-decoration: none;
}
.settings-panel__heading-link:hover .settings-panel__heading-icon, .settings-panel__heading-link:focus .settings-panel__heading-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.settings-panel__body {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 30px;
}
.settings-panel__body .settings__description {
  margin-bottom: 0;
}

.member-summary {
  display: flex;
  align-items: center;
  word-break: break-all;
}

.member-summary__thumbnail {
  width: 64px;
  height: 64px;
}
.member-summary__thumbnail .thumbnail__link {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}
.member-summary__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.member-summary__thumbnail .thumbnail__image {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.member-summary__thumbnail {
  margin-right: 10px;
}

.member-summary__screen-name {
  line-height: 1;
  font-weight: 300;
  font-size: 28px;
  margin-bottom: 7px;
}
.member-summary__screen-name a:hover {
  text-decoration: none;
}

.member-summary__count {
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.09);
  padding: 3px 10px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 11px;
  font-size: 11px;
  padding-left: 9px;
  padding-right: 9px;
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.member-summary__name {
  line-height: 1;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 5px;
}

.member-summary__email {
  line-height: 1;
  font-size: 11px;
  color: rgba(60, 74, 96, 0.7);
}

.member-header {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 899px) {
  .member-header {
    padding-top: 20px;
    display: block;
    position: relative;
  }
}
@media (max-width: 899px) {
  .member-header.is-me {
    padding-top: 30px;
  }
}

.member-header__member {
  display: flex;
  align-items: center;
  word-break: break-all;
}

.member-header__thumbnail {
  width: 64px;
  height: 64px;
}
.member-header__thumbnail .thumbnail__link {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
}
.member-header__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.member-header__thumbnail .thumbnail__image {
  height: 64px;
  width: 64px;
  border-radius: 64px;
}
.member-header__thumbnail {
  margin-right: 10px;
}

.member-header__content {
  padding-top: 10px;
}

.member-header__screen-name {
  line-height: 1;
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 10px;
}
.member-header__screen-name a:hover {
  text-decoration: none;
}

.member-header__count {
  color: rgba(60, 74, 96, 0.7);
  background-color: rgba(0, 0, 0, 0.09);
  padding: 3px 10px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 11px;
  font-size: 13px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 7px;
  position: relative;
  top: -2px;
}

.member-header__name {
  line-height: 1;
  font-weight: 600;
  font-size: 15px;
  margin-right: 5px;
  display: inline-block;
}

.member-header__email {
  line-height: 1;
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
  display: inline-block;
}

.member-header__edit {
  margin-left: auto;
}
@media (max-width: 899px) {
  .member-header__edit {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.member-header__edit-button {
  font-size: 12px;
  padding: 4px 8px;
}

.member-header__sub-heading {
  font-weight: bold;
  font-size: 18px;
}

.member-header__role {
  font-size: 12px;
  background-color: #0a9b94;
  color: white;
  padding: 4px 8px;
  font-weight: normal;
  border-radius: 20px;
  display: inline-block;
  transform: translateY(-4px);
}
.member-header__role.is-removed {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(60, 74, 96, 0.7);
}

.member-index-header {
  display: flex;
}
@media (max-width: 899px) {
  .member-index-header {
    display: block;
  }
}

.member-index-header__search {
  position: relative;
  margin-left: auto;
  top: -10px;
}

.member-index-header__search-icon {
  color: #B2B7BF;
  font-size: 16px;
  position: absolute;
  top: 6px;
  left: 10px;
}

.member-index-header__search-input {
  border-radius: 18px;
  padding-left: 30px;
  padding-right: 22px;
  font-size: 13px;
  height: 30px;
}

.member-index-header__search-remove-icon {
  position: absolute;
  color: #B2B7BF;
  font-size: 18px;
  top: 6px;
  right: 7px;
}
.member-index-header__search-remove-icon:hover {
  text-decoration: none;
}

.list-nav {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 0;
  list-style: none;
  line-height: 1;
}
@media (max-width: 899px) {
  .list-nav {
    margin-bottom: 20px;
  }
}

.list-nav__item {
  padding: 0 12px;
  margin-bottom: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.list-nav__item:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.list-nav__item:hover, .list-nav__item:active, .list-nav__item:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.list-nav__item:hover .list-nav__count, .list-nav__item:active .list-nav__count, .list-nav__item:focus .list-nav__count {
  background-color: #AFB4BB;
}
.list-nav__item:hover .list-nav__count.is-danger, .list-nav__item:active .list-nav__count.is-danger, .list-nav__item:focus .list-nav__count.is-danger {
  background-color: rgb(209.4226190476, 76.3988095238, 17.0773809524);
}
.list-nav__item:hover .list-nav__chevron, .list-nav__item:active .list-nav__chevron, .list-nav__item:focus .list-nav__chevron {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.list-nav__item.current .list-nav__link {
  font-weight: bold;
  color: #3c4a60;
}
.list-nav__item.disabled .list-nav__link, .list-nav__item.deactive .list-nav__link {
  color: rgba(60, 74, 96, 0.2);
}
.list-nav__item.is-danger .list-nav__link {
  color: #e95513;
  font-weight: bold;
}
.list-nav__item.is-danger .list-nav__count {
  background-color: #e95513;
  color: white;
}
.list-nav__item.is-danger .list-nav__count {
  background-color: #e95513;
  color: white;
}
@media (max-width: 480px) {
  .list-nav__item {
    margin-top: 5px;
  }
}

.list-nav__count {
  margin-left: 3px;
  position: relative;
  top: -1px;
  padding: 2px 10px;
  font-size: 10px;
}
.list-nav__count.is-danger {
  color: white;
  background-color: #e95513;
}

.list-nav__link:hover, .list-nav__link:focus, .list-nav__link:active {
  text-decoration: none;
}

.list-nav__chevron {
  font-size: 10px;
  color: #B2B7BF;
  margin-left: 3px;
}

.list-nav__label {
  font-size: 10px;
  padding: 1px 7px 2px 8px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}

.user-info {
  display: flex;
  align-items: flex;
}

.user-info__thumbnail {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.is-inline .user-info__thumbnail {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.user-info__thumbnail .thumbnail__image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.is-inline .user-info__thumbnail .thumbnail__image {
  width: 24px;
  height: 24px;
}

.user-info__details {
  flex: 1;
}
.is-inline .user-info__details {
  display: flex;
  align-items: center;
}

.user-info__screen-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 4px;
  overflow-wrap: break-word;
}
.is-inline .user-info__screen-name {
  margin-right: 5px;
}

.user-info__name {
  font-size: 12px;
  line-height: 1.2;
  color: #3c4a60;
  overflow-wrap: break-word;
}
.is-inline .user-info__name {
  margin-right: 5px;
}

.user-info__link {
  transition-duration: 0.3s;
}
.user-info__link:hover, .user-info__link:focus {
  text-decoration: none;
}
.user-info__link:hover .user-info__name, .user-info__link:hover .user-info__screen-name, .user-info__link:focus .user-info__name, .user-info__link:focus .user-info__screen-name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.user-info__link:hover .label__role.is-owner, .user-info__link:focus .label__role.is-owner {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.user-info__link:hover .label__role.is-member, .user-info__link:focus .label__role.is-member {
  background-color: rgba(40.3846153846, 49.8076923077, 64.6153846154, 0.7);
}
.user-info__link:hover .user-info__thumbnail, .user-info__link:focus .user-info__thumbnail {
  opacity: 0.8;
}

.member-table {
  font-size: 13px;
  width: 100%;
  margin-bottom: 40px;
}
.member-table th {
  border-top: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}
@media (max-width: 899px) {
  .member-table th {
    display: none;
  }
}
.ja .member-table th {
  font-size: 12px;
}
.member-table td {
  padding: 12px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;
  line-height: 1.2;
}
.member-table td.member-table__posts-count {
  padding-left: 0;
}

.member-table__tr {
  transition-duration: 0.3s;
}
.member-table__tr.is-me {
  background-color: #f5f5f5;
}

.member-table__sort {
  color: #3c4a60;
  display: block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 4px 2px 4px 5px;
  white-space: nowrap;
  width: 100%;
}
.member-table__sort:hover {
  color: #0a9b94;
}
.member-table__sort.is-current {
  background-color: #0a9b94;
  color: white;
}
.member-table__sort.is-current .member-table__sort-icon {
  color: rgba(255, 255, 255, 0.5);
}
.member-table__role .member-table__sort {
  padding-left: 7px;
}

.member-table__sort-icon {
  color: #B2B7BF;
  margin-left: 2px;
  font-size: 10px;
}

.member-table__role {
  width: 58px;
}
@media (max-width: 899px) {
  .member-table__role {
    width: 20px;
    padding-left: 10px;
  }
}

.member-table__screen-name {
  max-width: 170px;
  width: 170px;
}
.is-removed .member-table__screen-name {
  opacity: 0.6;
}

.member-table__posts-count {
  width: 54px;
}
@media (max-width: 899px) {
  .member-table__posts-count {
    display: none;
  }
}
.is-removed .member-table__posts-count {
  opacity: 0.6;
}

.member-table__name {
  width: 130px;
}
@media (max-width: 899px) {
  .member-table__name {
    width: 100px;
    font-size: 11px;
  }
}
.is-removed .member-table__name {
  opacity: 0.6;
}

.member-table__email {
  width: 130px;
}
@media (max-width: 899px) {
  .member-table__email {
    display: none;
  }
}
.is-removed .member-table__email {
  opacity: 0.6;
}

.member-table__joined-at, .member-table__parted-at {
  width: 95px;
}
@media (max-width: 899px) {
  .member-table__joined-at, .member-table__parted-at {
    display: none;
  }
}
.is-removed .member-table__joined-at, .is-removed .member-table__parted-at {
  opacity: 0.6;
}

.member-table__last-access {
  width: 95px;
}
@media (max-width: 899px) {
  .member-table__last-access {
    width: 50px;
  }
}
.is-removed .member-table__last-access {
  opacity: 0.6;
}

.member-table__edit {
  width: 45px;
  text-align: right;
}

td.member-table__posts-count {
  text-align: right;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 600;
}

td.member-table__email {
  font-size: 11px;
}

td.member-table__joined-at {
  font-size: 12px;
}

.member-table__role-label {
  font-size: 10px;
  width: 52px;
  background-color: rgba(60, 74, 96, 0.7);
  color: white;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 2px 0 3px;
  margin-right: 2px;
}
@media (max-width: 899px) {
  .member-table__role-label {
    width: 8px;
    height: 8px;
    margin-left: 5px;
  }
}
.member-table__role-label.is-owner {
  background-color: #0a9b94;
}
.member-table__role-label.is-member {
  background-color: rgba(60, 74, 96, 0.7);
}
.member-table__role-label.is-guest {
  background-color: rgba(138, 127, 87, 0.5);
}
.member-table__role-label.is-removed {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(60, 74, 96, 0.7);
}

@media (max-width: 899px) {
  .member-table__role-text {
    display: none;
  }
}

.member-table__screen-name-link {
  display: flex;
  align-items: center;
  transition-duration: 0.3s;
}
.member-table__screen-name-link:hover .member-table__thumbnail {
  opacity: 0.8;
}

.member-table__thumbnail {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 4px;
  display: block;
  transition-duration: 0.3s;
  flex: 0 0 24px;
}

.member-table__screen-name-text {
  font-size: 17px;
  display: inline-block;
}
@media (max-width: 899px) {
  .member-table__screen-name-text {
    font-size: 14px;
  }
}

.member-table__joined-at-time {
  font-size: 11px;
  position: relative;
}

.member-table__removed {
  font-size: 11px;
  position: relative;
}

.member-table__last-access-time, .member-table__parted_at {
  font-size: 11px;
  display: inline-block;
  position: relative;
}
@media (max-width: 899px) {
  .member-table__last-access-time, .member-table__parted_at {
    display: none;
  }
}

.member-table__last-access-time:hover {
  cursor: pointer;
}

.member-table__edit-button {
  font-size: 11px;
  padding: 3px 7px;
  margin-left: auto;
}
.member-table__edit-button i {
  margin-right: 2px;
}

.member-table__removed-time {
  display: inline-block;
  position: relative;
}
@media (max-width: 899px) {
  .member-table__removed-time {
    display: none;
  }
}

.member-control__modal {
  text-align: left;
}
@media (min-width: 900px) {
  .member-control__modal .modal-dialog {
    width: 400px;
  }
}

.member-control__link {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}
.member-control__link:hover {
  text-decoration: none;
}
.member-control__link:hover .member-control__thumbnail {
  opacity: 0.8;
}
.member-control__link:hover .member-control__screen-name-text {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.member-control__link:hover .member-control__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.member-control__thumbnail {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: block;
  margin-right: 10px;
}

.member-control__screen-name {
  overflow-wrap: break-word;
}

.member-control__screen-name-text {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2;
  margin-right: 5px;
  overflow-wrap: break-word;
}

.member-control__posts-count {
  position: relative;
  top: -3px;
}

.member-control__name {
  font-weight: bold;
  font-size: 14px;
  color: #3c4a60;
}

.member-control__role {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.member-control__role-form-wrapper {
  display: flex;
  align-items: center;
}

.member-control__role-label {
  font-size: 13px;
  font-weight: bold;
}

.member-control__role-form {
  display: flex;
  margin-left: auto !important;
  margin-bottom: 0;
}

.member-control__role-select {
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 5px;
}

.member-control__role-submit {
  margin-left: 7px;
}

.member-control__remove {
  padding-top: 15px;
}

.member-control__remove-button {
  display: block;
  margin-bottom: 15px;
}

.member-control__remove-help-block {
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
}

.member-control__logout_all {
  padding-top: 15px;
}

.member-control__logout_all-button {
  display: block;
  margin-bottom: 15px;
}

.member-control__logout_all-help-block {
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
}

.member-edit__screen-name {
  display: flex;
  margin-bottom: 10px;
}

.member-edit__screen-name-atmark {
  font-size: 24px;
  color: rgba(60, 74, 96, 0.7);
  margin-right: 3px;
}

.member-edit__screen-name-field {
  width: 278px;
  height: 42px;
  font-size: 20px;
}

.member-edit__name-field {
  width: 300px;
}
@media (max-width: 899px) {
  .member-edit__name-field {
    width: 100%;
  }
}

.member-edit__current-email {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  margin-bottom: 10px;
}

.member-edit__associate-with-another-button {
  margin-bottom: 10px;
}

.member-edit__description {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 899px) {
  .member-edit__description {
    text-align: left;
  }
}

.profile-edit__header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.profile-edit__form-group {
  padding-bottom: 10px;
}

.profile-edit__submit {
  display: flex;
}
.profile-edit__submit:after {
  content: "";
  clear: both;
  display: block;
}
@media (max-width: 899px) {
  .profile-edit__submit {
    display: block;
  }
}
@media (max-width: 899px) {
  .profile-edit__submit.is-not-flex-on-mq {
    display: block;
  }
}

.profile-edit__button {
  margin-left: auto;
}
@media (max-width: 899px) {
  .profile-edit__button {
    float: right;
  }
}

.profile-edit__icon-preview {
  margin-top: 10px;
  width: 200px;
  margin-bottom: 10px;
}

.profile-edit__file-input-button {
  width: 200px;
  margin-bottom: 5px;
}

.webhook {
  list-style: none;
  padding-left: 0;
}

.webhook__item:after {
  content: "";
  clear: both;
  display: block;
}
.webhook__item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 15px;
  margin-bottom: 10px;
}
.webhook__item:hover {
  cursor: pointer;
  background: #f5f5f5;
}
.webhook__item:hover .webhook__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.webhook__item.inactive {
  color: rgba(60, 74, 96, 0.7);
}
.webhook__item.inactive .circle-thumbnail-ms {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.webhook__item.inactive span {
  font-size: 65%;
}

.webhook__name {
  margin: 0;
}

.webhook__header:after {
  content: "";
  clear: both;
  display: block;
}
.webhook__header {
  line-height: 36px;
  margin-bottom: 0;
}

.webhook__plus {
  float: left;
  margin-right: 10px;
  line-height: 36px;
}

.webhook__icon {
  float: left;
  margin-right: 5px;
}

.webhook__index--collapse .form-horizontal.collapse.in:after, .webhook__index--collapse .form-horizontal.collapsing:after {
  content: "";
  clear: both;
  display: block;
}
.webhook__index--collapse .form-horizontal.collapse.in, .webhook__index--collapse .form-horizontal.collapsing {
  padding: 10px 30px;
}

.webhook-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}

.webhook-list__item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 10px;
}
.webhook-list__item:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.webhook-list__item:hover .webhook-list__name {
  color: #0a9b94;
}
.webhook-list__item.is-inactive .webhook-list__icon, .webhook-list__item.is-inactive .webhook-list__name {
  opacity: 0.5;
}

.webhook-list__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.webhook-list__active {
  width: 65px;
}

.webhook-list__active-label {
  display: inline-block;
  width: 55px;
  text-align: center;
  font-size: 11px;
  background-color: #0a9b94;
  color: white;
  line-height: 10px;
  padding: 3px 7px;
  border-radius: 20px;
  position: relative;
  top: -2px;
}
.webhook-list__active-label.is-inactive {
  background-color: #B2B7BF;
}

.webhook-list__icon {
  margin-right: 10px;
}

.webhook-list__name {
  font-size: 18px;
  line-height: 1.4;
}

.webhook-list__header-right {
  margin-left: auto;
  align-items: center;
  display: flex;
}

.webhook-list__date {
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
  line-height: 1;
  margin-right: 10px;
}

.webhook-list__status {
  width: 30px;
  text-align: center;
}

.webhook-list__status-icon {
  font-size: 18px;
  color: #B2B7BF;
}
.webhook-list__status-icon.is-success {
  color: #0a9b94;
}
.webhook-list__status-icon.is-failure {
  color: #e95513;
  font-size: 17px;
}

.webhook-secret__password {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 7px 20px 5px 10px;
}

.webhook-secret__password-edit {
  position: relative;
  top: 5px;
  right: auto;
  bottom: auto;
  left: auto;
}

.webhook-secret__password-cancel {
  position: relative;
  top: 2px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 5px;
}

.webhook-secret__field {
  width: 430px !important;
}
@media (max-width: 899px) {
  .webhook-secret__field {
    width: 100% !important;
  }
}

.webhook-secret__field--new {
  width: 100% !important;
}

.webhook-form {
  padding: 10px;
  padding-top: 30px;
}

.webhook-form__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  padding-top: 20px;
}

.webhook-form__footer-right {
  margin-left: auto;
}

.webhook-form__save {
  margin-left: 10px;
}

.webhook-form__active {
  display: inline-block;
  padding: 0.3em;
}

.webhook-form__active-label {
  margin-left: 2px;
}

.import-request__submit {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 899px) {
  .import-request__submit {
    display: block;
  }
  .import-request__submit:after {
    content: "";
    clear: both;
    display: block;
  }
  .import-request__submit .btn {
    margin-top: 10px;
    float: right;
  }
}

.import-request__submit-note {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.import-request__bordered-section {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.import-request__right-button {
  margin-left: 10px;
}

.import-request__author-migration-form {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 899px) {
  .import-request__author-migration-form {
    display: block;
  }
  .import-request__author-migration-form:after {
    content: "";
    clear: both;
    display: block;
  }
  .import-request__author-migration-form .btn {
    margin-top: 10px;
    float: right;
  }
}

.import-table__table-responsive {
  border: 0;
}

.import-table.table thead tr th {
  display: table-cell;
  border-bottom: 0 !important;
}

.import-table__status {
  width: 130px;
}

.import-table__status-label {
  position: relative;
  top: 4px;
  line-height: 1;
}
.import-table__status-label.is-requested, .import-table__status-label.is-extracting, .import-table__status-label.is-extracted, .import-table__status-label.is-analyze_attachments, .import-table__status-label.is-importing, .import-table__status-label.is-imported, .import-table__status-label.is-csv_creating, .import-table__status-label.is-csv_created, .import-table__status-label.is-update_internal_links, .import-table__status-label.is-updated_internal_links {
  color: #f29600;
}
.import-table__status-label.is-requested .import-table__status-icon, .import-table__status-label.is-extracting .import-table__status-icon, .import-table__status-label.is-extracted .import-table__status-icon, .import-table__status-label.is-analyze_attachments .import-table__status-icon, .import-table__status-label.is-importing .import-table__status-icon, .import-table__status-label.is-imported .import-table__status-icon, .import-table__status-label.is-csv_creating .import-table__status-icon, .import-table__status-label.is-csv_created .import-table__status-icon, .import-table__status-label.is-update_internal_links .import-table__status-icon, .import-table__status-label.is-updated_internal_links .import-table__status-icon {
  color: rgba(242, 150, 0, 0.7);
}
.import-table__status-label.is-done {
  color: #0a9b94;
}
.import-table__status-label.is-done .import-table__status-icon {
  color: rgba(10, 155, 148, 0.7);
}
.import-table__status-label.is-error, .import-table__status-label.is-system_error, .import-table__status-label.is-canceled {
  color: #e95513;
}
.import-table__status-label.is-error .import-table__status-icon, .import-table__status-label.is-system_error .import-table__status-icon, .import-table__status-label.is-canceled .import-table__status-icon {
  color: rgba(233, 85, 19, 0.7);
}

.import-table__status-icon {
  font-size: 120%;
  margin-right: 3px;
}

.import-table__status-text {
  font-size: 12px;
}

.import-table__created-at {
  width: 140px;
}

.import-table__created-at-text {
  position: relative;
  top: 4px;
}

.import-table__estimate {
  width: 90px;
}

.import-table__estimate-text {
  position: relative;
  top: 4px;
}

.import-table__service-url-link {
  position: relative;
  top: 4px;
}

.import-table__count {
  width: 60px;
}

td.import-table__count {
  text-align: right;
  font-size: 120%;
  font-weight: 700;
}

.import-table__count-text {
  position: relative;
  top: 3px;
}

.import-table__log {
  padding-right: 0 !important;
}

td.import-table__log {
  display: flex;
  justify-content: flex-end;
}

.import-table__button {
  margin-left: 10px;
  width: 140px;
}
.import-table__button.is-link {
  width: 160px;
}

.billing-summary {
  background-color: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 20px;
}

.billing-summary__heading {
  font-size: 110%;
  margin-bottom: 20px;
}

.billing-summary__heading-date {
  font-size: 90%;
  color: rgba(60, 74, 96, 0.7);
  margin-left: 7px;
  font-weight: 400;
}

.billing-summary__table-wrap {
  background-color: white;
  border-radius: 6px;
  padding: 5px 20px;
}

.billing-summary__table {
  width: 100%;
}

.billing-summary__price {
  text-align: right;
  font-size: 110%;
  white-space: nowrap;
}
.billing-summary__price span {
  font-size: 140%;
  font-weight: 700;
  margin-left: 3px;
}

.billing-summary__table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.billing-summary__table tr:first-child {
  border-top: 0;
}

.card-form__description {
  padding: 0;
  margin: 30px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.card-form__description li {
  margin: 0 0 7px 12px;
}

.table-invoice__number {
  font-size: 130%;
  font-weight: 700;
  margin-right: 2px;
}

.table-invoice__price {
  font-size: 120%;
  font-weight: 700;
}

.attachment__search {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 899px) {
  .attachment__search-type {
    margin-top: 10px;
  }
}

.attachment__status i {
  color: #B2B7BF;
  font-size: 120%;
  margin-left: 5px;
}

.attachment__image {
  border: 1px solid #eee;
}

.attachment__status-label {
  font-size: 12px;
  font-weight: bold;
  color: #f29600;
}
.attachment__status-label.is-pending {
  color: rgba(60, 74, 96, 0.7);
}

.attachment__status-icon {
  color: rgba(242, 150, 0, 0.5) !important;
  margin-right: 3px;
}
.is-pending .attachment__status-icon {
  color: rgba(60, 74, 96, 0.2) !important;
}

.attachment__table-responsive {
  border: 0;
}

.attachment__table-file {
  padding-left: 0 !important;
  width: 210px;
  font-weight: bold;
}

.attachment__table-content-type {
  width: 180px;
  word-break: break-all;
}

.attachment__table-user {
  width: 180px;
  word-break: break-all;
}

.attachment__table-created-at {
  font-size: 13px;
}

.attachment__table-status {
  width: 130px;
}

.attachment__table-delete {
  width: 100px;
  text-align: right;
}

.attachment__invalidating-alert {
  margin-top: 30px;
  margin-bottom: 50px;
}

.attachment__invalidating-alert-title {
  font-size: 120%;
}

.attachment__invalidating-table {
  background-color: white;
  margin-top: 20px;
  margin-bottom: 0;
}

.application-list {
  list-style: none;
  padding: 0;
  border-top: 3px solid rgba(0, 0, 0, 0.1);
}

.application-list__item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 15px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.application-list__inner {
  display: flex;
  justify-content: flex-start;
}

.application-list__thumbnail {
  width: 86px;
  height: 86px;
}
.application-list__thumbnail .thumbnail__link {
  display: block;
  width: 86px;
  height: 86px;
  border-radius: 86px;
}
.application-list__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.application-list__thumbnail .thumbnail__image {
  height: 86px;
  width: 86px;
  border-radius: 86px;
}
.application-list__thumbnail {
  margin-right: 15px;
  width: 86px;
  flex-basis: auto;
  flex-shrink: 0;
}

.application-list__info {
  flex-grow: 1;
  flex-shrink: 1;
}

.application-list__revoke {
  margin-left: auto;
  flex-shrink: 0;
}

.application-list__headline {
  margin-bottom: 5px;
  line-height: 1.2;
}
@media (max-width: 899px) {
  .application-list__headline {
    margin-right: 20px;
  }
}

.application-list__name {
  color: #3c4a60;
  display: block;
  font-weight: bold;
  font-size: 24px;
}

.application-list__url {
  color: rgba(60, 74, 96, 0.7);
  font-size: 13px;
}

.application-list__link:hover {
  text-decoration: none;
}
.application-list__link:hover .application-list__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.application-list__link:hover .application-list__url {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}
.application-list__link:hover .application-list__edit-icon {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}

.application-list__description {
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 899px) {
  .application-list__description {
    font-size: 11px;
  }
}

.application-list__author {
  color: rgba(60, 74, 96, 0.7);
  margin-bottom: 5px;
}

.application-list__permission {
  list-style: none;
  padding: 0;
}

.application-list__permission-label {
  font-size: 12px;
}

.application-list__revoke {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 10px;
  right: 0;
}

.application-list__timestamp {
  font-size: 12px;
  text-align: right;
  color: rgba(60, 74, 96, 0.7);
}

.application-list__edit-icon {
  position: relative;
  top: -2px;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 80%;
  margin-left: 2px;
}

.app-list {
  margin-bottom: 0;
}

.app-list__name {
  align-items: center;
  padding-right: 20px;
}
.is-authorized .app-list__name {
  width: 190px;
}

.app-list__edit-icon {
  color: #97CEC9;
  margin-right: 5px;
}

.app-list__link {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.app-list__link:hover, .app-list__link:focus {
  text-decoration: none;
}

.app-list__thumbnail {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
}

.app-list__url {
  overflow-wrap: break-word;
  padding-left: 20px;
}
.is-authorized .app-list__url {
  width: 200px;
}

.app-list__name-text {
  font-weight: bold;
  overflow-wrap: break-word;
}

.app-list__description {
  overflow-wrap: break-word;
  padding-left: 20px;
}
.is-authorized .app-list__description {
  width: 190px;
}

.app-list__author {
  width: 80px;
  font-weight: bold;
  overflow-wrap: break-word;
}

.app-list__actions {
  width: 65px;
  text-align: right;
}

td.app-list__actions {
  padding-right: 0 !important;
}

.app-list__scopes {
  width: 120px;
  text-align: left;
}
@media (max-width: 1100px) {
  .app-list__scopes {
    width: 60px;
  }
}

.app-list__scope-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
}
@media (max-width: 1100px) {
  .app-list__scope-list {
    display: block;
  }
}

.app-list__scope {
  width: 55px;
  font-weight: bold;
}

.app-list__scope-icon {
  font-size: 12px;
  position: relative;
  top: 1px;
  color: #0a9b94;
  margin-right: 1px;
}

.app-list__timestamp {
  width: 120px;
}

.app-list__timestamp-num {
  font-size: 12px;
  position: relative;
  top: 1px;
}

.token-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.token-list__item:after {
  content: "";
  clear: both;
  display: block;
}
.token-list__item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 10px;
  padding-right: 80px;
}

.token-list {
  margin-bottom: 30px;
  border-top: 3px solid rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
}

.token-list__description {
  line-height: 1.3;
  font-weight: bold;
}

.token-list__delete {
  font-size: 95%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  right: 10px;
  top: 10px;
}

.token-list__label {
  margin-right: 3px;
  font-size: 90%;
}

.token-list__labels {
  float: right;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: -2px;
}

.token-list__display-token {
  margin-top: 10px;
}
.token-list__display-token .text-danger {
  margin-bottom: 5px;
}

.token-alert {
  margin: 10px 0;
}

.token-alert__icon {
  margin-right: 5px;
}

.token-alert__heading {
  font-weight: bold;
  font-size: 16px;
}

.token-alert__description {
  margin-bottom: 10px;
}

.token-alert__new-token {
  font-weight: bold;
  padding: 10px 20px;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  color: #3c4a60;
}

.table > tbody > tr.token-alert__row > td {
  border-top: 0;
  padding: 0 0 8px 0;
}

.pat-v1-index {
  margin-bottom: 0;
}

.pat-v1-index__label {
  overflow-wrap: break-word;
}

.pat-v1-index__label-link {
  font-weight: bold;
  padding-right: 20px;
}
.pat-v1-index__label-link:hover, .pat-v1-index__label-link:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}
.pat-v1-index__label-link:hover .pat-v1-index__edit-icon, .pat-v1-index__label-link:focus .pat-v1-index__edit-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.pat-v1-index__edit-icon {
  color: #97CEC9;
  margin-right: 5px;
}

.pat-v1-index__scopes {
  width: 120px;
  text-align: left;
}

.pat-v1-index__scope-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
}

.pat-v1-index__scope {
  width: 55px;
  font-weight: bold;
}

.pat-v1-index__scope-icon {
  font-size: 12px;
  position: relative;
  top: 1px;
  color: #0a9b94;
  margin-right: 1px;
}

.pat-v1-index__actions {
  width: 60px;
  padding-right: 0 !important;
  text-align: right;
}

.table > tbody > tr.pat-v1-index__alert-row > td {
  border-top: 0;
  padding: 0 0 8px 0;
}

.pat-v2-index {
  margin-bottom: 0;
}

.pat-v2-index__label {
  width: 200px;
  padding-right: 20px;
  min-width: 100px;
  max-width: 200px;
}

.pat-v2-index__label-link {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.pat-v2-index__label-link:hover, .pat-v2-index__label-link:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}
.pat-v2-index__label-link:hover .pat-v2-index__edit-icon, .pat-v2-index__label-link:focus .pat-v2-index__edit-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.pat-v2-index__edit-icon {
  color: #97CEC9;
  margin-right: 5px;
}

.pat-v2-index__label-text {
  overflow-wrap: break-word;
}

.pat-v2-index__scope-th-label {
  padding-right: 5px;
}

.pat-v2-index__scope-help-link {
  font-size: 12px;
  font-weight: normal;
}
.pat-v2-index__scope-help-link:hover, .pat-v2-index__scope-help-link:focus {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.pat-v2-index__scope-help-link:hover .pat-v2-index__scope-help-icon, .pat-v2-index__scope-help-link:focus .pat-v2-index__scope-help-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.pat-v2-index__scope-th-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.pat-v2-index__scope-help-icon {
  color: #97CEC9;
}

.pat-v2-index__teams {
  width: 200px;
}
@media (max-width: 1440px) {
  .pat-v2-index__teams {
    width: 100px;
  }
}

.pat-v2-index__team-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.pat-v2-index__team {
  width: 200px;
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.pat-v2-index__team:first-child {
  margin-top: 0;
}
@media (max-width: 1440px) {
  .pat-v2-index__team {
    display: block;
    width: 100px;
  }
}
@media (max-width: 899px) {
  .pat-v2-index__team {
    display: flex;
    width: 200px;
  }
}

.pat-v2-index__team-name {
  font-weight: bold;
  overflow-wrap: break-word;
}

.pat-v2-index__team-status-label {
  background-color: rgba(60, 74, 96, 0.7);
  display: flex;
  padding: 5px 8px 0 7px;
  line-height: 1;
  font-size: 10px;
  color: white;
  border-radius: 30px;
  align-items: center;
  width: 72px;
  flex: 0 0 72px;
  margin-right: 7px;
}
.pat-v2-index__team-status-label.is-pending {
  background-color: #e95513;
}
.pat-v2-index__team-status-label.is-pending .pat-v2-index__team-status-icon {
  color: #F2C0AA;
}
.pat-v2-index__team-status-label.is-approved {
  background-color: #0a9b94;
}
.pat-v2-index__team-status-label.is-approved .pat-v2-index__team-status-icon {
  color: #97CEC9;
}
.pat-v2-index__team-status-label.is-rejected, .pat-v2-index__team-status-label.is-revoked {
  background-color: rgba(60, 74, 96, 0.7);
}
.pat-v2-index__team-status-label.is-rejected .pat-v2-index__team-status-icon, .pat-v2-index__team-status-label.is-revoked .pat-v2-index__team-status-icon {
  color: #B2B7BF;
}

.pat-v2-index__team-status-icon {
  font-size: 10px;
  color: #B2B7BF;
  line-height: 1;
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
}

.pat-v2-index__team-status-text {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  top: -3px;
}

td.pat-v2-index__reason {
  font-size: 12px;
  overflow-wrap: break-word;
  min-width: 150px;
}
@media (max-width: 1440px) {
  td.pat-v2-index__reason {
    min-width: 100px;
  }
}
@media (max-width: 899px) {
  td.pat-v2-index__reason {
    min-width: 150px;
  }
}

.pat-v2-index__actions {
  width: 60px;
  min-width: 50px;
  padding-right: 0 !important;
  text-align: right;
}

.pat-v2-scope {
  width: 320px;
  text-align: left;
}
.pat-v2-scope.request-scopes__scope-list {
  width: 100%;
}
@media (max-width: 1100px) {
  .pat-v2-scope {
    width: 160px;
  }
}

.pat-v2-scope__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .pat-v2-scope__list {
    display: block;
  }
}

.pat-v2-scope__item {
  width: 150px;
  font-weight: bold;
  margin-bottom: 2px;
}
.request-scopes__box .pat-v2-scope__item {
  width: 100%;
}

.pat-v2-scope__icon {
  font-size: 12px;
  position: relative;
  top: 1px;
  color: #0a9b94;
  margin-right: 1px;
}
.is-requested .pat-v2-scope__icon {
  color: #f29600;
}
.is-policy .pat-v2-scope__icon {
  color: #f29600;
}

.pat-form__team-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pat-form__team {
  margin: 0;
  padding-top: 10px;
}
.pat-form__team:first-child {
  padding-top: 0;
}

.pat-form__team-checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.pat-form__team-checkbox {
  position: relative;
  top: 2px;
}

.pat-form__team-name {
  font-weight: bold;
  font-size: 16px;
  overflow-wrap: break-word;
}
.pat-form__team-name.is-disabled {
  color: #B2B7BF;
}

.pat-form__team-label {
  font-size: 11px;
  background-color: #f29600;
  color: white;
  padding: 5px 10px;
  border-radius: 20px;
  margin-left: 10px;
}
.pat-form__team-label.is-denied {
  background-color: #B2B7BF;
}

.pat-form__team-label-icon {
  margin-right: 2px;
  color: rgba(255, 255, 255, 0.5);
}

.pat-form__team-info {
  background-color: #f5f5f5;
  padding: 16px;
  border-radius: 10px;
  margin-top: 12px;
  position: relative;
}
.pat-form__team-info:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid #f5f5f5;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: -20px;
  left: 16px;
}
.pat-form__team-info.is-rejected, .pat-form__team-info.is-revoked {
  background-color: #fff8da;
}
.pat-form__team-info.is-rejected:after, .pat-form__team-info.is-revoked:after {
  border-bottom-color: #fff8da;
}
.pat-form__team-info.is-approved {
  background-color: #e8f6f4;
}
.pat-form__team-info.is-approved:after {
  border-bottom-color: #e8f6f4;
}

.pat-form__info-list {
  margin-top: 16px;
  padding-inline-start: 20px;
  font-size: 13px;
}

.pat-form__info-item {
  margin-top: 8px;
}

.pat-form__info-label {
  font-weight: bold;
}

.pat-form__info-value {
  overflow-wrap: break-word;
}

.pat-form__team-info-warning-message {
  color: #e95513;
  margin-top: 16px;
  font-size: 13px;
}

.pat-form__v1-scope-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pat-form__v1-scope {
  margin: 0;
  padding-top: 10px;
}
.pat-form__v1-scope:first-child {
  padding-top: 0;
}
.pat-form__v1-scope label {
  font-weight: bold;
}

.pat-v2-status {
  background-color: rgba(60, 74, 96, 0.7);
  display: flex;
  padding: 7px 12px 5px 11px;
  line-height: 1;
  font-size: 12px;
  color: white;
  border-radius: 30px;
  align-items: center;
  width: 100px;
  flex: 0 0 100px;
  margin-right: 7px;
  font-weight: bold;
}
.pat-v2-status.is-small {
  padding: 5px 8px 0 7px;
  font-size: 10px;
  font-weight: normal;
  width: 72px;
  flex: 0 0 72px;
}
.pat-v2-status.is-pending {
  background-color: #e95513;
}
.pat-v2-status.is-pending .pat-v2-status__icon {
  color: #F2C0AA;
}
.pat-v2-status.is-approved {
  background-color: #0a9b94;
}
.pat-v2-status.is-approved .pat-v2-status__icon {
  color: #97CEC9;
}
.pat-v2-status.is-rejected, .pat-v2-status.is-revoked {
  background-color: rgba(60, 74, 96, 0.7);
}
.pat-v2-status.is-rejected .pat-v2-status__icon, .pat-v2-status.is-revoked .pat-v2-status__icon {
  color: #B2B7BF;
}
.pat-v2-status.with-unit {
  width: auto;
  font-weight: normal;
}
.pat-v2-status.with-unit .pat-v2-status__icon {
  margin-right: 5px;
}

a .pat-v2-status:hover.is-pending, a .pat-v2-status:focus.is-pending {
  background-color: rgb(209.4226190476, 76.3988095238, 17.0773809524);
}

.pat-v2-status__icon {
  font-size: 14px;
  color: #B2B7BF;
  line-height: 1;
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
}
.is-small .pat-v2-status__icon {
  font-size: 10px;
  width: 15px;
  height: 15px;
}

.pat-v2-status__chevron {
  font-size: 10px;
  margin-left: 5px;
}

.pat-v2-status__text {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  top: -1px;
}
.is-small .pat-v2-status__text {
  top: -3px;
}

.pat-v2-status__count {
  font-size: 14px;
  font-weight: bold;
  margin: 0 2px;
  position: relative;
  top: -1px;
}

.pat-v2-status__unit {
  font-size: 10px;
  font-weight: normal;
}

.pat-v2-status.is-button {
  width: 120px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  height: 38px;
  font-size: 14px;
  font-weight: normal;
  transition-duration: 0.3s;
}
.pat-v2-status.is-button .pat-v2-status__icon {
  position: relative;
  top: -2px;
}
.pat-v2-status.is-button .pat-v2-status__icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
  margin-right: 8px;
}
.pat-v2-status.is-button .pat-v2-status__chevron {
  color: rgba(255, 255, 255, 0.5);
}
.pat-v2-status.is-button:hover, .pat-v2-status.is-button:focus {
  background-color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
  color: white;
  text-decoration: none;
}
.pat-v2-status.is-button:hover.is-pending, .pat-v2-status.is-button:focus.is-pending {
  background-color: rgb(209.4226190476, 76.3988095238, 17.0773809524);
}
.pat-v2-status.is-button:hover.is-approved, .pat-v2-status.is-button:focus.is-approved {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.pat-v2-status.is-button:hover .pat-v2-status__icon, .pat-v2-status.is-button:focus .pat-v2-status__icon {
  color: white;
}
.pat-v2-status.is-button:hover .pat-v2-status__chevron, .pat-v2-status.is-button:focus .pat-v2-status__chevron {
  color: white;
}

.pat-v2-policies__name {
  width: 200px;
}

.pat-v2-policies__name-link {
  display: flex;
  align-items: center;
}
.pat-v2-policies__name-link:hover, .pat-v2-policies__name-link:focus {
  text-decoration: none;
}
.pat-v2-policies__name-link:hover .pat-v2-policies__edit-icon, .pat-v2-policies__name-link:focus .pat-v2-policies__edit-icon {
  color: #0a9b94;
}

.pat-v2-policies__name-text {
  font-weight: bold;
  overflow-wrap: break-word;
}

.pat-v2-policies__edit-icon {
  color: #97CEC9;
  margin-right: 4px;
  display: block;
}

.pat-v2-policies__count {
  width: 80px;
}

.pat-v2-policies__scope {
  width: 300px;
}

.pat-v2-policies__category {
  width: 100px;
}

.pat-v2-policies__position {
  width: 60px;
  text-align: right;
}

.pat-v2-policies__actions {
  width: 70px;
  text-align: right;
}

.pat-v2-policies-form__radio .radio:first-child {
  margin-top: 0;
}

.pat-v2-policies-form__category-textarea {
  margin: 16px 0;
}

.pat-v2-policies-form__category-description {
  margin-bottom: 0;
}

.pat-v2-policies-form__position-input {
  width: 100px;
  margin-right: 16px;
}

.pat-v2-policies-form__category-help-block {
  margin: 0;
}
@media (max-width: 1100px) {
  .pat-v2-policies-form__category-help-block {
    margin-top: 10px;
  }
}

.pat-v2-request-index {
  margin-bottom: 0;
}

.pat-v2-request-index__status {
  width: 160px;
}

.pat-v2-request-index__requester {
  min-width: 150px;
}

.pat-v2-request-index__scopes {
  width: 300px;
}

.pat-v2-request-index__requested-at {
  width: 100px;
}

td.pat-v2-request-index__reason {
  font-size: 13px;
}

td.pat-v2-request-index__requested-at {
  font-size: 13px;
}

.request-scopes {
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  height: 100%;
}
@media (max-width: 1440px) {
  .request-scopes {
    flex-direction: column;
  }
}

.request-scopes__box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 16px;
  flex: 1 0 0;
  max-width: 230px;
}
.request-scopes__box.is-no-policy {
  border-color: #e95513;
}
.request-scopes__box.is-available {
  border-color: #0a9b94;
}
.request-scopes__box.is-long {
  max-width: 100%;
}
@media (max-width: 1440px) {
  .request-scopes__box {
    max-width: 100%;
  }
}

.request-scopes__symbol {
  display: flex;
  align-items: center;
  text-align: center;
  width: 32px;
  flex: 0 0 32px;
  justify-content: center;
}

.request-scopes__symbol-icon {
  color: rgba(60, 74, 96, 0.7);
  font-size: 16px;
}
@media (max-width: 1440px) {
  .request-scopes__symbol-icon.fa-equals {
    transform: rotate(90deg);
  }
}

.request-scopes__heading {
  font-size: 15px;
  margin-bottom: 16px;
}

.request-scopes__selected-policy {
  background-color: #ECF5F4;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 10px;
}

.request-scopes__selected-policy-label {
  font-size: 12px;
}

.request-scopes__selected-policy-link {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.request-scopes__policy-change-link {
  display: block;
  font-size: 12px;
}

.request-scopes__policy-change-form {
  padding: 10px 0 0 0;
  margin-bottom: 0;
}

.request-scopes__policy-select {
  padding: 0 10px;
  font-size: 13px;
}
.request-scopes__policy-select.is-required {
  border: 1px solid #e95513;
}

.request-scopes__policy-change-submit {
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.request-scopes__policy-change-cancel {
  font-size: 12px;
  display: block;
  margin-left: 10px;
}
.request-scopes__policy-change-cancel .link__icon {
  margin-right: 0;
}

.request-scopes__link-all-policies {
  margin-top: 16px;
}

.request-scopes__available-scope-description {
  font-size: 13px;
  margin-bottom: 0;
}

.scope-panel {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1440px) {
  .scope-panel {
    display: block;
  }
}

.scope-panel__column {
  flex: 0 0 48%;
  min-width: 350px;
}
@media (max-width: 1440px) {
  .scope-panel__column {
    min-width: 100%;
  }
}

.scope-panel__item {
  width: 100%;
  margin-bottom: 20px;
}

.scope-panel__header {
  padding: 10px 12px 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}
.is-open .scope-panel__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.scope-panel__header:hover {
  background-color: #ECF5F4;
  cursor: pointer;
}
.scope-panel__header:hover .scope-panel__heading {
  color: #0a9b94;
}
.scope-panel__header:hover .scope-panel__header-toggle-icon {
  color: #0a9b94;
}

.scope-panel__heading {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1;
  position: relative;
  top: 1px;
}

.scope-panel__content {
  display: none;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.is-open .scope-panel__content {
  display: block;
}

.scope-panel__checked-list {
  list-style: none;
  margin: 0 0 0 8px;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.scope-panel__checked {
  margin-right: 4px;
  font-size: 10px;
  background-color: #0a9b94;
  padding: 2px 6px;
  border-radius: 20px;
  color: white;
}

.scope-panel__checked-icon {
  color: #97CEC9;
  margin-right: 1px;
}

.scope-panel__header-toggle-icon {
  margin-right: 8px;
  font-size: 11px;
  color: #B2B7BF;
  position: relative;
  top: 1px;
}
.is-open .scope-panel__header-toggle-icon {
  transform: rotate(180deg);
}

.scope-panel__description {
  font-size: 12px;
  margin-bottom: 16px;
}

.scope-panel__checkbox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.api-settings__container {
  margin-left: 50px;
}

.api-settings__radio-group {
  margin-bottom: 20px;
}

.api-settings__radio {
  margin-top: 7px;
  font-size: 15px;
}
.api-settings__radio:first-child {
  margin-top: 0;
}

.api-settings__radio-label {
  font-weight: bold;
  position: relative;
  top: -3px;
}

.api-settings__description {
  font-size: 14px;
  margin-top: 2px;
  color: rgba(60, 74, 96, 0.7);
}

.api-settings__pending-label {
  margin-left: 5px;
}
.api-settings__pending-label:hover, .api-settings__pending-label:focus, .api-settings__pending-label:active {
  text-decoration: none;
}
.api-settings__pending-label:hover .pat-v2-status__chevron, .api-settings__pending-label:hover .pat-v2-status__icon, .api-settings__pending-label:focus .pat-v2-status__chevron, .api-settings__pending-label:focus .pat-v2-status__icon, .api-settings__pending-label:active .pat-v2-status__chevron, .api-settings__pending-label:active .pat-v2-status__icon {
  color: white;
}

.post-restoration__form {
  text-align: center;
  margin: 40px auto;
}

.post-restoration__form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.post-restoration__form-label {
  font-size: 16px;
  margin-bottom: 0;
}

.post-restoration__url {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.post-restoration__url-text {
  margin-right: 10px;
  font-weight: bold;
  font-size: 20px;
  color: rgba(60, 74, 96, 0.7);
}

.post-restoration__input-group {
  margin-right: 10px;
  width: 120px;
  transform: translateY(9px);
}

.post-restoration__input {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 10px;
}

.post-restoration__input-label {
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
}

.post-restoration__result {
  text-align: center;
}

.post-restoration__post {
  text-align: left;
  margin: 0 40px 40px 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 899px) {
  .post-restoration__post {
    margin: 0 0 40px 0;
  }
}

.post-restoration__post-item {
  border-bottom: 0;
  padding: 0;
}
.post-restoration__post-item .post-title {
  margin-bottom: 10px;
}

.post-restoration__latest-updated-at {
  font-size: 13px;
}

.post-restoration__latest-updated-at-label {
  font-weight: bold;
}

.post-restoration__message {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 32px;
}
.post-restoration__message.is-red {
  color: #e95513;
}

.post-restoration__sub-message {
  font-size: 14px;
}

.post-restoration__deleted {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.post-restoration__deleted-label {
  display: inline-block;
  padding: 5px 10px;
  background-color: #e95513;
  color: white;
  border-radius: 20px;
  font-size: 12px;
  margin-right: 10px;
  line-height: 1;
}

.post-restoration__deleted-by, .post-restoration__deleted-at {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}

.post-restoration__deleted-by {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .post-restoration__deleted-by {
    border-right: 0;
  }
}

.post-restoration__deleted-by-title, .post-restoration__deleted-dt-title {
  font-weight: bold;
  margin-right: 5px;
}

.post-restoration__deleted-user-icon {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 5px;
}

.post-restoration__deleted-user-link {
  display: flex;
  align-items: center;
}
.post-restoration__deleted-user-link:hover {
  text-decoration: none;
}
.post-restoration__deleted-user-link:hover .post-restoration__deleted-user-icon {
  opacity: 0.8;
}

.post-restoration__deleted-user-name {
  font-weight: bold;
  font-size: 16px;
}

.post-restoration__restore-button {
  width: 300px;
}

.post-restoration__help {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 899px) {
  .post-restoration__help {
    margin-bottom: 20px;
  }
}

.nav-tabs li {
  font-size: 110%;
}
.nav-tabs i {
  color: #B2B7BF;
}

.nav > li > a {
  padding: 10px 14px;
}

.btn-new {
  display: block;
  width: 80px;
  height: 110px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 11px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.btn-new:hover {
  color: white;
  text-decoration: none;
}
.btn-new:hover .btn-new__image {
  background-position: 4px 10px;
}
.btn-new:active {
  background-position: 4px 20px;
}
.btn-new.is-disabled {
  filter: alpha(opacity=15);
  -moz-opacity: 0.15;
  opacity: 0.15;
}
.btn-new.is-disabled:hover .btn-new__image {
  background-position: 4px 20px;
}
.btn-new.is-saving .btn-new__saving-label {
  display: block;
}
.btn-new.is-saving .btn-new__image {
  transform: rotate(20deg);
}
.btn-new.is-saved .btn-new__saved-label {
  display: block;
}
@media (max-width: 899px) {
  .btn-new {
    display: block;
    padding: 0;
    width: 64px;
    height: 64px;
    text-align: center;
    background-color: #0a9b94;
    border-radius: 32px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  }
  .btn-new:hover {
    padding: 0;
  }
  .btn-new:hover .btn-new__image {
    transform: rotate(35deg);
    background-position: 5px 12px;
  }
  .btn-new.is-saving .btn-new__saving-label {
    display: none;
  }
  .btn-new.is-saved .btn-new__saved-label {
    display: none;
  }
  .posts-new .btn-new, .posts-edit .btn-new {
    display: none;
  }
}

.btn-new__image {
  display: block;
  width: 80px;
  height: 80px;
  background-image: url(https://assets.esa.io/packs/static/images/tori-atama-new-btn-59edd8eb9413176737eb.svg);
  background-repeat: no-repeat;
  background-size: 72px 60px;
  background-position: 4px 20px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 899px) {
  .btn-new__image {
    width: 64px;
    height: 64px;
    background-size: 54px 45px;
    background-position: 5px 12px;
  }
}

@media (max-width: 899px) {
  .btn-new__label {
    display: none;
  }
}

.btn-new__saving-label, .btn-new__saved-label {
  position: relative;
}
.btn-new__saving-label:after, .btn-new__saved-label:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid transparent;
  border-right: 6px solid rgba(0, 0, 0, 0.8);
  top: 16px;
  left: -12px;
}
.btn-new__saving-label, .btn-new__saved-label {
  position: absolute;
  top: 40px;
  right: auto;
  bottom: auto;
  left: 82px;
  display: none;
  padding: 10px 20px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 120%;
  color: white;
  transition-duration: 0.3s;
  z-index: 2;
}

.nav-user {
  list-style: none;
  display: flex;
}

.nav-user__item {
  margin-left: 10px;
}
@media (max-width: 899px) {
  .nav-user__item {
    margin-left: 0;
  }
}

.nav-user__thumbnail {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  margin-right: 7px;
  transition-duration: 0.3s;
}
@media (max-width: 899px) {
  .nav-user__thumbnail {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}

.nav-user__dropdown-icon {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  line-height: 36px;
}
@media (max-width: 899px) {
  .nav-user__dropdown-icon {
    line-height: 30px;
  }
}

.nav-user__toggle {
  padding: 0;
  transition-duration: 0.3s;
  display: flex;
}
.nav-user__toggle:hover, .nav-user__toggle:active, .nav-user__toggle:focus, .nav-user__toggle.is-open {
  text-decoration: none;
}
.nav-user__toggle:hover .nav-user__thumbnail, .nav-user__toggle:active .nav-user__thumbnail, .nav-user__toggle:focus .nav-user__thumbnail, .nav-user__toggle.is-open .nav-user__thumbnail {
  opacity: 0.8;
}
.nav-user__toggle:hover .nav-user__dropdown-icon, .nav-user__toggle:active .nav-user__dropdown-icon, .nav-user__toggle:focus .nav-user__dropdown-icon, .nav-user__toggle.is-open .nav-user__dropdown-icon {
  color: #0a9b94;
}

.nav-user__notification {
  display: block;
}

.nav-user__notification-btn {
  display: block;
  cursor: pointer;
  padding: 0;
  background-image: url(https://assets.esa.io/packs/static/images/tori-notification-d64ff555a3f9d0a628d9.svg);
  background-size: 58px 70px;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 58px;
  height: 35px;
  text-align: center;
  line-height: 42px;
  margin-right: 10px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transition-duration: 0s;
}
.nav-user__notification-btn.is-active {
  background-position: 0 -35px;
}
.nav-user__notification-btn.is-active:hover {
  text-decoration: none;
}
.nav-user__notification-btn:hover {
  background-position: 0 -35px;
}
@media (max-width: 899px) {
  .nav-user__notification-btn {
    width: 50px;
    height: 30px;
    background-size: 50px 60px;
    margin-right: 15px;
  }
  .nav-user__notification-btn.is-active {
    background-position: 0 -30px;
  }
  .nav-user__notification-btn:hover {
    background-position: 0 -30px;
  }
}

.nav-user__notification-count {
  background-color: #e95513;
  color: white;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: -15px;
  left: 19px;
  padding: 2px 7px;
}

.nav-user__notification-notifier {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 1px;
  border-radius: 5px;
  background-color: #e95513;
  border: 1px solid #efede0;
}

.nav-user__sign-in {
  color: white;
  position: relative;
  top: -1px;
}
@media (max-width: 899px) {
  .nav-user__sign-in {
    margin-top: -5px;
  }
}

.team-select__button {
  display: inline-block;
  color: #3c4a60;
  background-color: white;
  text-align: center;
  height: 36px;
  line-height: 38px;
  border-radius: 10px;
  padding: 0 15px;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 899px) {
  .team-select__button {
    width: 100%;
  }
}

.team-select__button-icon {
  color: #B2B7BF;
  font-size: 12px;
  margin-left: 15px;
}

.team-select__button:hover, .team-select__button:focus {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #0a9b94;
  cursor: pointer;
}
.team-select__button:hover .team-select__button-icon, .team-select__button:focus .team-select__button-icon {
  color: #0a9b94;
}

.team-select {
  font-weight: normal;
  display: none;
  overflow-y: auto;
  max-height: 90vh;
  position: absolute;
  top: 60px;
  width: 360px;
  background-color: white;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 3;
}
@media (max-width: 480px) {
  .team-select {
    left: 10px;
    top: 50px;
    width: calc(100% - 20px);
    margin: 10px auto;
  }
}
.layout-lp .team-select {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 899px) {
  .layout-lp .team-select {
    box-shadow: none;
  }
}

.team-select__account-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
  display: flex;
  align-items: center;
  padding: 10px;
}

.team-select__account-name {
  font-weight: 600;
}

.team-select__account-logout {
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
  margin-left: auto;
}
.team-select__account-logout:hover, .team-select__account-logout:active {
  text-decoration: none;
  cursor: pointer;
}
.team-select__account-logout:hover .team-select__account-logout-icon, .team-select__account-logout:active .team-select__account-logout-icon {
  color: rgba(10, 155, 148, 0.5);
}

.team-select__account-logout-icon {
  color: #B2B7BF;
  font-size: 120%;
  position: relative;
  top: 1px;
}

.team-select__list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.team-select__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.team-select__team-link {
  display: flex;
  align-items: center;
  padding: 10px;
  transition-duration: 0.3s;
}
.team-select__team-link:hover, .team-select__team-link:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
.team-select__team-link:hover .team-select__image, .team-select__team-link:focus .team-select__image {
  opacity: 0.8;
}
.team-select__team-link:hover .team-select__name, .team-select__team-link:focus .team-select__name {
  color: #0a9b94;
}
.team-select__team-link:hover .team-select__item-caret, .team-select__team-link:focus .team-select__item-caret {
  color: #0a9b94;
}
.team-select__team-link:hover .team-select__count, .team-select__team-link:focus .team-select__count {
  background-color: rgba(10, 155, 148, 0.5);
}

.team-select__image {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  margin-right: 7px;
}

.team-select__item-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.team-select__name {
  font-size: 15px;
  font-weight: 600;
  color: #3c4a60;
  margin-right: 5px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.team-select__label {
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
  position: relative;
  top: 2px;
}

.team-select__label-icon {
  color: #B2B7BF;
  font-size: 120%;
}

.team-select__saml-label, .team-select__free-trial-label {
  display: inline-block;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 7px;
  border-radius: 16px;
}

.team-select__free-trial-label {
  color: white;
  background-color: #f29600;
  position: relative;
  text-align: right;
}

.team-select__saml-label {
  color: white;
  background-color: rgba(60, 74, 96, 0.4);
  margin-left: auto;
}

.team-select__count {
  display: flex;
  align-items: center;
  font-size: 10px;
  width: 40px;
  height: 16px;
  line-height: 16px;
  color: white;
  background-color: #B2B7BF;
  border-radius: 16px;
  padding: 0 7px;
  margin-right: 4px;
}

.team-select__count-icon {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: -1px;
}

.team-select__count-num {
  margin-left: auto;
  position: relative;
  top: 1px;
}

.team-select__item-caret {
  font-size: 12px;
  color: #B2B7BF;
}

.team-select__footer {
  background-color: #f5f5f5;
  padding: 15px 10px 5px 10px;
}

.team-select__footer-link {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #3c4a60;
}
.team-select__footer-link:hover, .team-select__footer-link:focus {
  text-decoration: none;
  color: #0a9b94;
}
.team-select__footer-link:hover .team-select__footer-link-icon, .team-select__footer-link:focus .team-select__footer-link-icon {
  color: rgba(10, 155, 148, 0.5);
}

.team-select__footer-link-icon {
  color: #B2B7BF;
  font-size: 130%;
  width: 16px;
  position: relative;
  top: 1px;
}

.team-select__orphan-account {
  padding: 20px;
  -webkit-text-decoration: center;
          text-decoration: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.team-select__orphan-account-message {
  font-size: 13px;
  text-align: left;
}

.team-select__delete-account {
  text-align: center;
}

.team-select__delete-account-button {
  font-size: 13px;
}

.team-select__orphan-account-icon {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #B2B7BF;
  margin-bottom: 10px;
}

.team-select__no-team {
  font-size: 13px;
  text-align: center;
  padding: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-nav > li > a {
  padding: 12px;
  padding-left: 0;
  line-height: 1;
  color: rgba(0, 0, 0, 0.3);
}
.navbar-nav > li > a i.fa-caret-down {
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.2);
}

.search-form {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 0;
  margin: 0;
  z-index: 1;
  height: 36px;
}

.search-form__form-group {
  margin-bottom: 0;
}

.search-form__input {
  padding: 0 30px 0 34px;
  border-radius: 20px;
  z-index: 1;
  width: 500px;
  transition: width 0.2s ease-out;
  height: 36px;
  border: 1px solid #D7D5C9;
  background-color: rgba(215, 213, 201, 0.7);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
}
.search-form__input:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input:placeholder-shown {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input::-webkit-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input::-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input:-ms-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.search-form__input:focus, .search-form__input.is-typeaheading, .search-form__input.is-shown-cheatsheet {
  width: 700px;
  background-color: white;
}
@media (max-width: 899px) {
  .search-form__input:focus, .search-form__input.is-typeaheading, .search-form__input.is-shown-cheatsheet {
    width: 100%;
  }
}
.visible-cross-team-button .search-form__input {
  padding-right: 80px;
}
@media (max-width: 899px) {
  .search-form__input {
    font-size: 16px;
    width: 100%;
  }
}

.search-form__icon {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 12px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}

.search-form__cross-team-search-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1050;
  height: 26px;
  margin: 5px 0;
  width: 50px;
  padding: 2px 0 0 11px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 22px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.3);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-duration: 0.3s;
}
.search-form__cross-team-search-button:hover, .search-form__cross-team-search-button:focus {
  text-decoration: none;
  color: #0a9b94;
}

.navbar-side {
  position: absolute;
  top: 0;
  width: 80px;
  color: rgba(255, 255, 255, 0.9);
  height: 100%;
  min-height: 100%;
}
@media (max-width: 899px) {
  .navbar-side {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 50px;
    padding: 0 10px;
  }
}

.navbar-side__nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  list-style-type: none;
  overflow: hidden;
}
@media (max-width: 899px) {
  .navbar-side__nav {
    height: 50px;
    border-top: none;
    justify-content: space-between;
    overflow: hidden;
  }
}

@media (max-width: 899px) {
  .navbar-side__item {
    text-align: left;
  }
}
.navbar-side__item.is-current .navbar-side__link {
  position: relative;
  position: relative;
}
.navbar-side__item.is-current .navbar-side__link:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid transparent;
  border-right: 10px solid #FFF;
  top: 22px;
  left: -20px;
}
.navbar-side__item.is-current .navbar-side__link:before {
  position: absolute;
  content: "";
  display: block;
  border: 11px solid transparent;
  border-right: 11px solid rgba(0, 0, 0, 0.1);
  top: 21px;
  left: -22px;
}
.navbar-side__item.is-current .navbar-side__link {
  background-color: rgba(0, 0, 0, 0.05);
  color: white;
}
.navbar-side__item.is-current .navbar-side__link:after {
  left: 60px;
}
.navbar-side__item.is-current .navbar-side__link:before {
  left: 58px;
}
.navbar-side__item.is-current .navbar-side__icon {
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 899px) {
  .navbar-side__item.is-current .navbar-side__link {
    background-color: transparent;
  }
  .navbar-side__item.is-current .navbar-side__link:before {
    display: none;
  }
  .navbar-side__item.is-current .navbar-side__link:after {
    display: none;
  }
}
.navbar-side__item.is-current.is-home .navbar-side__link {
  position: relative;
}
.navbar-side__item.is-current.is-home .navbar-side__link:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid transparent;
  border-right: 10px solid #555;
  top: 22px;
  left: -20px;
}
.navbar-side__item.is-current.is-home .navbar-side__link:after {
  left: 60px;
}
@media (max-width: 899px) {
  .navbar-side__item.is-current.is-home .navbar-side__link:after {
    display: none;
  }
}
.posts-realtime_edit .navbar-side__item.is-current .navbar-side__link {
  position: relative;
}
.posts-realtime_edit .navbar-side__item.is-current .navbar-side__link:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid transparent;
  border-right: 10px solid #EEE;
  top: 22px;
  left: -20px;
}
.posts-realtime_edit .navbar-side__item.is-current .navbar-side__link:after {
  left: 60px;
}
@media (max-width: 899px) {
  .posts-realtime_edit .navbar-side__item.is-current .navbar-side__link:after {
    display: none;
  }
}
.navbar-side__item.is-help {
  margin-top: auto;
}
@media (max-width: 899px) {
  .navbar-side__item.is-help {
    margin-top: 0;
  }
}
@media (max-width: 899px) {
  .navbar-side__item.is-new {
    display: none;
    z-index: 2;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-bottom: 0;
  }
  .categories-index .navbar-side__item.is-new, .posts-index .navbar-side__item.is-new, .post_tags-index .navbar-side__item.is-new {
    display: block;
  }
}

.navbar-side__link {
  display: block;
  width: 80px;
  height: 68px;
  padding-top: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}
.navbar-side__link:hover, .navbar-side__link:focus {
  text-decoration: none;
  color: white;
}
.navbar-side__link:hover .navbar-side__icon, .navbar-side__link:focus .navbar-side__icon {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-side__link:hover .navbar-side__label, .navbar-side__link:focus .navbar-side__label {
  text-decoration: none;
}
@media (max-width: 899px) {
  .navbar-side__link {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    border: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
  }
}

.navbar-side__label {
  font-size: 11px;
}
@media (max-width: 899px) {
  .navbar-side__label {
    line-height: 50px;
  }
}
@media (max-width: 480px) {
  .navbar-side__label {
    display: none;
  }
}

.navbar-side__icon {
  display: block;
  width: 80px;
  text-align: center;
  font-size: 26px;
  color: rgba(0, 0, 0, 0.25);
  transition-duration: 0.3s;
}
.navbar-side__icon.icon-tori-home {
  position: relative;
  top: -2px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-bottom: -4px;
  font-size: 32px;
}
@media (max-width: 899px) {
  .navbar-side__icon {
    width: 44px;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.25);
  }
  .navbar-side__icon.icon-tori-home {
    font-size: 27px;
  }
}

.navbar-side__category-toggle {
  display: none;
  cursor: pointer;
  z-index: 2;
  font-size: 22px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  background-color: #555;
  top: 10px;
  width: 50px;
  height: 41px;
  text-align: center;
  line-height: 41px;
  position: relative;
}
@media (max-width: 899px) {
  .categories-index .navbar-side__category-toggle {
    display: block;
  }
  .categories-index .navbar-side__category-toggle.collapsed {
    color: rgba(0, 0, 0, 0.15);
    background-color: white;
  }
}

.navbar-head {
  z-index: 3;
  background-color: #efede0;
  padding: 0 30px 0 20px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  height: 56px;
  display: flex;
}
@media (max-width: 899px) {
  .navbar-head {
    display: block;
    height: auto;
    padding: 0 10px;
  }
}
.navbar-head .dropdown.open a {
  background-color: transparent;
}
@media (max-width: 899px) {
  .posts-realtime_edit .navbar-head {
    display: none;
  }
}

.navbar-head__search {
  padding-right: 0;
  padding-left: 0;
}

.navbar-head__search-form {
  margin-top: 10px;
}
@media (max-width: 899px) {
  .navbar-head__search-form {
    margin: 0 0 5px 0;
    width: 100%;
  }
}

.navbar-head__user {
  position: absolute;
  top: 10px;
  right: 30px;
  bottom: auto;
  left: auto;
}
@media (max-width: 899px) {
  .navbar-head__user {
    right: 55px;
  }
}

@media (max-width: 899px) {
  .navbar-head__search {
    padding: 0;
  }
}

@media (max-width: 899px) {
  .navbar-head__search-toggle {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
  }
}

.navbar-head__search-icon {
  color: rgba(0, 0, 0, 0.3);
  font-size: 150%;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 2px;
}
@media (max-width: 899px) {
  .navbar-head__search-icon {
    top: 4px;
  }
}

.navbar-collapse.in {
  overflow-y: visible;
}

.navbar-head__team {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 10px 20px 10px 0;
  z-index: 3;
}
.navbar-head__team.open .navbar-head__team-toggle {
  background-color: #0a9b94;
  color: white;
}
@media (max-width: 899px) {
  .navbar-head__team {
    height: auto;
    padding: 10px auto auto 10px;
  }
  .navbar-head__team.is-single {
    padding-bottom: 5px;
  }
}

.navbar-head__team-link-home {
  color: rgba(0, 0, 0, 0.3);
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.navbar-head__team-link-home:hover, .navbar-head__team-link-home:focus, .navbar-head__team-link-home:active {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  text-decoration: none;
}

.navbar-head__team-thumbnail {
  height: 20px;
  width: 20px;
}
.navbar-head__team-thumbnail a {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.navbar-head__team-thumbnail a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.navbar-head__team-thumbnail img {
  height: 20px;
  width: 20px;
  border-radius: 12px;
}
.navbar-head__team-thumbnail {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}
.navbar-head__team-thumbnail a {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}
.navbar-head__team-thumbnail img {
  height: 36px;
  width: 36px;
  border-radius: 20px;
}
.navbar-head__team-thumbnail {
  margin-right: 10px;
}
@media (max-width: 899px) {
  .navbar-head__team-thumbnail {
    width: 30px;
    height: 30px;
    margin-right: 0;
  }
  .navbar-head__team-thumbnail img {
    width: 30px;
    height: 30px;
  }
}

.navbar-head__team-name {
  font-size: 150%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .navbar-head__team-name {
    display: none;
  }
}
.navbar-head__team-name.not-selected {
  font-size: 16px;
  position: relative;
  top: 6px;
  margin-right: 3px;
  color: rgba(0, 0, 0, 0.3);
}

.navbar-head__team-toggle {
  padding: 0;
  display: inline-block;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background-color: white;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  border: 1px solid rgba(215, 213, 201, 0.5);
  position: relative;
  top: 2px;
}
.navbar-head__team-toggle:hover, .navbar-head__team-toggle:active {
  background-color: #0a9b94;
  color: white;
  border: 0;
}
.navbar-head__team-toggle:hover {
  cursor: pointer;
}

.navbar-head__team-toggle-icon {
  position: relative;
  top: -1px;
}

.navbar-head__team-public-icon {
  color: rgba(138, 127, 87, 0.2);
}

.navbar-head__team-select-button {
  display: inline-block;
  background-color: white;
  border: 1px solid #D7D5C9;
  height: 36px;
  border-radius: 18px;
  padding: 5px 13px 5px 20px;
  font-size: 13px;
  vertical-align: middle;
  color: #3c4a60;
  font-weight: bold;
  transition-duration: 0.3s;
}
.navbar-head__team-select-button:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #0a9b94;
  border: 1px solid #0a9b94;
  color: white;
}
.navbar-head__team-select-button:hover .navbar-head__team-select-button-icon {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-head__team-select-button-icon {
  font-size: 10px;
  margin-left: 7px;
  position: relative;
  top: -2px;
  color: #B2B7BF;
}

.navbar-category {
  background: #555555;
  color: white;
  font-size: 90%;
  transition-duration: 0.3s;
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.navbar-category a {
  color: rgba(255, 255, 255, 0.9);
  transition-duration: 0;
}
.navbar-category ul {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  background: none;
}
.navbar-category ul > a {
  background: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.navbar-category ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  background: none;
}
.navbar-category ul > li > a {
  background: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.navbar-category ul li {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.navbar-category ul li > a {
  display: block;
  padding: 10px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-category ul li > a .title {
  display: flex;
}
.navbar-category ul li > a .title:after {
  color: rgba(255, 255, 255, 0.4);
  margin-left: 3px;
}
.navbar-category ul li > a .title .loading-icon {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  display: none;
  position: relative;
  top: 1px;
  right: auto;
  bottom: auto;
  left: auto;
  margin-left: 2px;
}
.navbar-category ul li > a .title.loading:after {
  content: "";
}
.navbar-category ul li > a .title.loading .loading-icon {
  display: inline-block;
}
.navbar-category ul li > a .count-num {
  position: absolute;
  top: 13px;
  right: 20px;
  bottom: auto;
  left: auto;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  width: 32px;
  padding: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.25);
}
.navbar-category ul li > a .notifier {
  position: absolute;
  top: 18px;
  right: 10px;
  bottom: auto;
  left: auto;
}
.navbar-category ul li > a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.navbar-category ul li > a:hover .notifier.active {
  box-shadow: 0 0 5px #e95513;
}
.navbar-category ul li > a:hover .count-num {
  background: rgba(0, 0, 0, 0.4);
}
.navbar-category ul li > a.is-parent .title .fa-plus-square, .navbar-category ul li > a.is-parent .title .fa-minus-square {
  color: rgba(255, 255, 255, 0.2);
  margin-left: 2px;
}
@media (max-width: 899px) {
  .navbar-category ul li > a.is-parent .title .fa-plus-square, .navbar-category ul li > a.is-parent .title .fa-minus-square {
    margin-left: 3px;
    font-size: 18px;
    position: relative;
    top: 2px;
  }
}
.navbar-category ul li > a.is-parent:hover .title .fa-plus-square, .navbar-category ul li > a.is-parent:hover .title .fa-minus-square {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-category ul li:hover > .new-post-to-category {
  display: inline;
  background: transparent;
}
.navbar-category ul li > a.active {
  background: #333;
  color: white;
}
.navbar-category ul li > a.active .count-num {
  background: rgba(0, 0, 0, 0.5);
}
.navbar-category > ul > li > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.navbar-category > ul li.item[data-nest-level="1"] > ul > li > a .title {
  padding-left: 10px;
}
.navbar-category > ul li.item[data-nest-level="1"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="1"] > ul > li > a .navbar-category__title-name {
  max-width: 185px;
}
.navbar-category > ul li.item[data-nest-level="2"] > ul > li > a .title {
  padding-left: 20px;
}
.navbar-category > ul li.item[data-nest-level="2"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="2"] > ul > li > a .navbar-category__title-name {
  max-width: 175px;
}
.navbar-category > ul li.item[data-nest-level="3"] > ul > li > a .title {
  padding-left: 30px;
}
.navbar-category > ul li.item[data-nest-level="3"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="3"] > ul > li > a .navbar-category__title-name {
  max-width: 165px;
}
.navbar-category > ul li.item[data-nest-level="4"] > ul > li > a .title {
  padding-left: 40px;
}
.navbar-category > ul li.item[data-nest-level="4"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="4"] > ul > li > a .navbar-category__title-name {
  max-width: 155px;
}
.navbar-category > ul li.item[data-nest-level="5"] > ul > li > a .title {
  padding-left: 50px;
}
.navbar-category > ul li.item[data-nest-level="5"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="5"] > ul > li > a .navbar-category__title-name {
  max-width: 145px;
}
.navbar-category > ul li.item[data-nest-level="6"] > ul > li > a .title {
  padding-left: 60px;
}
.navbar-category > ul li.item[data-nest-level="6"] > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item[data-nest-level="6"] > ul > li > a .navbar-category__title-name {
  max-width: 135px;
}
.navbar-category > ul li.item > ul > li > a .title {
  padding-left: 70px;
}
.navbar-category > ul li.item > ul > li > a .title:before {
  content: "└";
  color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
.navbar-category > ul li.item > ul > li > a .navbar-category__title-name {
  max-width: 125px;
}

.navbar-category__title-name {
  display: inline-block;
  max-width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 2px;
}

.navbar-category__toggles {
  display: inline-block;
}

@media (max-width: 899px) {
  .navbar-category {
    left: 0;
    position: absolute;
    padding-bottom: 55px;
  }
  .navbar-category.collapsed {
    left: -100%;
  }
}

.user-menu {
  position: absolute;
  top: 45px;
  left: -30px;
  width: 220px;
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  border-bottom: 0;
  display: none;
  z-index: 3;
}
@media (max-width: 899px) {
  .user-menu {
    top: 39px;
    left: -60px;
  }
}

.user-menu__item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.user-menu__item:last-child .user-menu__link {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.user-menu__icon {
  color: #B2B7BF;
  display: inline-block;
  text-align: center;
  width: 22px;
  font-size: 105%;
  margin-right: 3px;
}
.user-menu__icon.icon-watch {
  font-size: 120%;
  position: relative;
  top: 2px;
}

.user-menu__label {
  font-size: 13px;
}

.user-menu__link {
  display: block;
  padding: 7px 10px;
  color: #3c4a60;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.user-menu__link:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #0a9b94;
}
.user-menu__link:hover .user-menu__icon {
  color: rgba(10, 155, 148, 0.5);
}

.user-menu__no-link {
  display: block;
  padding: 7px 10px 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.social-buttons:after {
  content: "";
  clear: both;
  display: block;
}
.social-buttons {
  list-style: none;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.social-buttons li {
  float: left;
  margin-right: 10px;
}

.notification__modal-header {
  margin-bottom: 0;
}

.notification__title-icon {
  width: 40px;
  height: 24px;
  float: left;
  background-image: url(https://assets.esa.io/packs/static/images/tori-notification-d64ff555a3f9d0a628d9.svg);
  background-size: 40px;
  background-position: 0 -72px;
}

.notification__modal-body {
  padding: 0;
}

.notification__list {
  margin: 0;
  padding: 0;
}

.notification__item {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 38px 12px 24px;
  position: relative;
  display: flex;
}
.notification__item.unread {
  background: #fff8da;
}
.notification__item.unread .notifier, .notification__item.saw .notifier {
  background: #e95513;
}

.notification__notifier {
  position: absolute;
  top: 24px;
  left: 10px;
}

.notification__left {
  position: relative;
  margin-right: 16px;
}

.notification__thumbnail:hover {
  opacity: 0.9;
}

.notification__thumbnail-image {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}

.notification__icon {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: 20px;
  left: 20px;
  color: white;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  background-color: #0a9b94;
  border: 1px solid white;
}
.notification__icon.fa-pen {
  font-size: 9px;
}
.notification__icon.is-update {
  background-color: #0a9b94;
}
.notification__icon.is-archive {
  background-color: #B2B7BF;
}
.notification__icon.is-star {
  background-color: #f29600;
}
.notification__icon.is-mention {
  background-color: #e95513;
}
.notification__icon.is-comment {
  background-color: #0491b7;
}

.notification__right {
  flex: 1 0 0;
}

.notification__header {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 7px;
}

.notification__user-name {
  color: #3c4a60;
  font-size: 13.6px;
  font-weight: bold;
}

.notification__team-name {
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
  margin-left: 5px;
}

.notification__date {
  color: rgba(60, 74, 96, 0.7);
  font-size: 10px;
  margin-left: auto;
}

.notification__body {
  font-size: 12.6px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.notification__body a {
  text-decoration: none;
  color: #3c4a60;
  font-weight: bold;
}
.notification__body a:hover, .notification__body a:focus {
  color: #0a9b94;
}

.notification__diff {
  font-size: 10px;
  line-height: 1;
  color: white !important;
  font-weight: normal !important;
  background-color: #B2B7BF;
  padding: 2px 7px;
  display: inline-block;
  border-radius: 10px;
  margin-left: 2px;
  transform: translateY(-1px);
}
.notification__diff:hover, .notification__diff:focus {
  text-decoration: none;
  background-color: #0a9b94;
}

.notification__diff-icon {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 2px;
  transform: translateY(-1px);
}

.notification__delete {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #B2B7BF;
  font-size: 13px;
  position: absolute;
  top: 9px;
  right: 10px;
  text-align: center;
  line-height: 20px;
}
.notification__delete:hover, .notification__delete:focus {
  color: #0a9b94;
  background-color: #ECF5F4;
}

.notification__footer {
  display: flex;
  color: rgba(60, 74, 96, 0.7);
  margin-top: 5px;
  font-size: 11px;
  line-height: 1;
}

.notification__footer-period {
  margin: 0 7px;
  transform: translateY(-3px);
  font-size: 10px;
}

.notification__clear-all:after {
  content: "";
  clear: both;
  display: block;
}

.notifications-index .pagination {
  margin-bottom: 0;
}

.notification__nothing {
  color: #B2B7BF;
  text-align: center;
  margin: 100px auto 120px;
}
.notification__nothing:after {
  content: "";
  clear: both;
  display: block;
}
.notification__nothing i {
  font-size: 160px;
  line-height: 1;
  color: rgba(178, 183, 191, 0.2);
}
.notification__nothing p {
  font-size: 26px;
}

.notification__index-footer {
  padding: 20px 0;
}
.notification__modal-body .notification__index-footer {
  padding: 16px 20px;
}

.notification__paginate {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.notification__index-footer-lower {
  display: flex;
  justify-content: center;
}

.notification__more {
  margin-bottom: 20px;
  transform: translateY(5px);
  margin-left: auto;
}

.home__main-column {
  margin: 0;
  padding: 0;
  padding: 20px 60px 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.home__main-column .main-column {
  width: 100%;
}
@media (max-width: 1439px) {
  .home__main-column {
    width: auto;
    padding: 20px;
    -webkit-overflow-scrolling: auto;
  }
}
@media (max-width: 899px) {
  .home__main-column {
    margin-left: 0;
    padding: 15px;
    width: auto;
  }
}

.home__loading-esadori {
  width: 100%;
  height: 150px;
  margin-top: 30%;
  padding-top: 120px;
  text-align: center;
  color: #B2B7BF;
  font-size: 12px;
  background-image: url(https://assets.esa.io/packs/static/images/loading-esadori-36ac799d4ac30039a275.gif);
  background-size: 120px;
  background-repeat: no-repeat;
  background-position: center;
}

.home__right {
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: white;
  padding-top: 20px;
}
@media (max-width: 1100px) {
  .home__right {
    display: none;
  }
}

.home__right-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
  font-size: 100%;
  margin-bottom: 0;
}

.home__right-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.home__right-heading-icon {
  font-size: 120%;
  color: #B2B7BF;
  margin-right: 2px;
  transform: translateY(1px);
}

.home__right-heading-caret {
  margin-left: 1px;
  font-size: 80%;
  color: #B2B7BF;
  transform: translateY(-1px);
}

.home__right-heading-link {
  color: #3c4a60;
}
.home__right-heading-link:hover {
  text-decoration: none;
}
.home__right-heading-link:hover .home__right-heading-caret, .home__right-heading-link:hover .home__right-heading-icon {
  color: rgba(10, 155, 148, 0.5);
}

.category-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 16px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 120%;
}
@media (max-width: 899px) {
  .category-heading {
    padding-bottom: 10px;
  }
}
.category-heading.is-readme {
  padding-top: 6px;
  padding-bottom: 26px;
}

.category-heading__default {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 899px) {
  .category-heading__default {
    display: block;
  }
}

.category-heading__break-wrapper {
  display: block;
  word-break: break-all;
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .category-heading__break-wrapper {
    margin-bottom: 20px;
  }
  .is-readme .category-heading__break-wrapper {
    margin-bottom: 0;
  }
}

.category-heading__icon, .category-heading__icon--readme {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 22px;
  margin-right: 5px;
  color: #B2B7BF;
  top: 1px;
}

@media (max-width: 899px) {
  .category-heading__icon {
    display: none;
  }
}

.category-edit .category-heading__icon {
  margin-right: 10px;
}

.category-heading__icon--readme {
  font-size: 22px;
  margin-left: 3px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.category-heading__count {
  font-size: 12px;
  margin-right: 10px;
  line-height: 1;
}

.category-heading__button {
  border-radius: 20px;
  padding: 5px 10px;
}
@media (max-width: 899px) {
  .category-heading__button {
    width: 100%;
  }
}
.category-heading__button:hover, .category-heading__button:active {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-heading__button:hover .category-heading__button-icon, .category-heading__button:active .category-heading__button-icon {
  color: white;
}

.category-heading__button-wrapper {
  padding-left: 15px;
}
@media (max-width: 899px) {
  .category-heading__button-wrapper {
    margin-left: auto;
  }
}

.category-heading__button-icon {
  margin-right: 0 !important;
}

.category-heading__readme-edit-wrapper {
  padding-left: 15px;
}

.category-heading__edit:hover {
  cursor: pointer;
}
.category-heading__edit:hover .category-heading__edit-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273) !important;
}

.category-heading__edit-icon {
  margin-left: 2px;
  font-size: 14px;
  color: #B2B7BF;
}

.category-heading__title--readme {
  font-size: 120%;
  font-weight: bold;
  color: #3c4a60;
}
.category-heading__title--readme:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.category-heading__right {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
@media (max-width: 899px) {
  .category-heading__right {
    padding-left: 0;
  }
}

.category-heading__on-check {
  font-weight: normal;
  font-size: 13px;
}
.category-heading__on-check label {
  font-weight: normal;
  margin-left: 2px;
}
.category-heading__on-check input {
  position: relative;
  top: 2px;
}

h2 .category-heading__on-check-count {
  font-size: 10px;
  padding: 2px 8px;
  top: -1px;
  margin-left: 0;
}

.category-edit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}

.category-edit__form {
  width: 350px;
  margin-right: 8px;
  font-size: 18px;
}

.category-edit__button {
  margin-right: 10px;
}

.category-edit__cancel {
  display: flex;
  justify-content: flex-start;
  font-size: 85%;
}
.category-edit__cancel:hover {
  cursor: pointer;
}

.category-readme {
  background-color: #f5f5f5;
  margin: 20px 0;
  padding: 16px 20px;
  border-radius: 10px;
  position: relative;
}
.category-readme.is-collapse:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.category-readme.is-collapse:hover .category-readme__toggle {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-readme.is-collapse:hover .category-readme__toggle-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-readme.is-collapse:hover .category-readme__footer:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f1f1f1);
}

.category-readme__header {
  display: flex;
  margin-bottom: 10px;
}

.category-readme__heading {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: bold;
}

.category-readme__heading-icon {
  color: #B2B7BF;
  margin-right: 3px;
}

.category-readme__heading-caret {
  color: #B2B7BF;
  margin-left: 3px;
  position: relative;
  top: -1px;
}

.category-readme__heading-link {
  color: #3c4a60;
}
.category-readme__heading-link:hover .category-readme__heading-icon, .category-readme__heading-link:hover .category-readme__heading-caret {
  color: rgba(10, 155, 148, 0.5);
}

.category-readme__header-right {
  margin-left: auto;
}

.category-readme__edit-button {
  font-size: 12px;
  padding: 4px 10px;
  position: relative;
  top: 0;
  left: 6px;
}
@media (max-width: 899px) {
  .category-readme__edit-button {
    font-size: 10px;
    padding: 2px 8px;
  }
}

.category-readme__body {
  overflow: hidden;
  overflow-wrap: break-word;
  overflow-x: hidden;
}
.is-collapse .category-readme__body {
  max-height: 300px;
}
@media (max-width: 899px) {
  .is-collapse .category-readme__body {
    max-height: 200px;
  }
}

.category-readme__footer {
  padding-top: 10px;
  position: relative;
}
.is-collapse .category-readme__footer:after {
  position: absolute;
  content: "";
  display: block;
  height: 50px;
  width: 100%;
  top: -50px;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5);
}

.category-readme__toggle {
  color: #0a9b94;
}
.category-readme__toggle:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  cursor: pointer;
}
.category-readme__toggle:hover .category-readme__toggle-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.category-readme__toggle.show-less {
  display: none;
}

.category-readme__toggle-icon {
  color: rgba(10, 155, 148, 0.5);
  margin-right: 5px;
}

.category-readme .markdown {
  font-size: 13px;
}
.category-readme .markdown .emoji {
  width: 15px;
  height: 15px;
  min-width: 15px;
}
.category-readme .markdown h1 .anchor, .category-readme .markdown h2 .anchor, .category-readme .markdown h3 .anchor {
  display: none;
}
.category-readme .markdown h1:first-child, .category-readme .markdown h2:first-child, .category-readme .markdown h3:first-child {
  margin-top: 0;
}
.category-readme .markdown h1 {
  font-size: 150%;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  margin-top: 15px;
}
.category-readme .markdown h1 .emoji {
  width: 22px;
  height: 22px;
  top: -2px;
}
.category-readme .markdown h2 {
  font-size: 130%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-top: 15px;
}
.category-readme .markdown h2 .emoji {
  width: 18px;
  height: 18px;
  top: -2px;
}
.category-readme .markdown h3 {
  font-size: 110%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.category-readme .markdown h3 .emoji {
  width: 16px;
  height: 16px;
  top: 0;
}
.category-readme .markdown h4 {
  font-size: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.category-readme .markdown h5 {
  font-size: 100%;
}
.category-readme .markdown > ul, .category-readme .markdown > ol {
  margin: 10px 0;
}
.category-readme .markdown li {
  margin: 3px 0;
}
.category-readme .markdown li.task-list-item {
  margin-left: -1.4em;
}
.category-readme .markdown p {
  margin: 10px 0;
}
.category-readme .markdown pre code {
  background-color: white;
}
.category-readme .markdown pre {
  background-color: white;
}
.category-readme .markdown .code-filename {
  background-color: white;
}
.category-readme .markdown blockquote {
  margin-bottom: 10px;
}
.category-readme .markdown table {
  margin: 10px 0;
}

.footer-brand__logo {
  margin-bottom: 10px;
}

.footer-brand__logo-image {
  width: 130px;
}

.footer-brand__link:hover {
  text-decoration: none;
}
@media (max-width: 899px) {
  .footer-brand__link {
    text-align: center;
    display: block;
  }
}

.footer-nav {
  padding: 0;
  list-style: none;
  font-size: 110%;
  margin: 10px 0 30px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 899px) {
  .footer-nav {
    font-size: 100%;
  }
}

.footer-nav__link {
  color: rgba(0, 0, 0, 0.3);
}

.footer-nav__item {
  float: left;
  margin: auto 10px 15px 0;
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1;
}
.footer-nav__item:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 10px;
}
@media (max-width: 899px) {
  .footer-nav__item {
    margin-bottom: 15px;
    margin-right: 7px;
    padding-left: 7px;
  }
  .footer-nav__item:last-child {
    padding-right: 7px;
  }
}

.footer-notification__link {
  display: inline-block;
  background-color: white;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
.footer-notification__link:after {
  position: absolute;
  content: "";
  display: block;
  border: 10px solid white;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -20px;
  left: 18px;
}
.footer-notification__link:hover {
  text-decoration: none;
}

.footer-notification__updated {
  color: rgba(60, 74, 96, 0.7);
  margin-right: 5px;
}

.footer-notification__icon {
  font-size: 130%;
  color: #B2B7BF;
  margin-right: 3px;
}

textarea.feedback-form__textarea {
  height: 200px;
}
textarea.feedback-form__textarea.is-signed-in {
  height: 280px;
}

.feedback-form__content {
  padding-bottom: 30px;
  transition-duration: 0.3s;
}

.feedback-form__form-group {
  margin-bottom: 10px;
}

.feedback-form__email-label {
  color: rgba(60, 74, 96, 0.7);
  font-weight: normal;
}

.feedback-form__faq {
  color: rgba(60, 74, 96, 0.7);
}
.feedback-form__faq .fa {
  font-size: 120%;
  color: #B2B7BF;
}
.feedback-form__faq:hover, .feedback-form__faq:focus {
  color: #0a9b94;
  text-decoration: none;
}
.feedback-form__faq:hover .fa, .feedback-form__faq:focus .fa {
  color: rgba(10, 155, 148, 0.5);
}

.feedback-form__recaptcha {
  margin-bottom: 15px;
}

.feedback-email-edit {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.feedback-email-edit__default {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.feedback-email-edit__label {
  font-weight: normal;
  margin-right: 5px;
  transform: translateY(3px);
}

.feedback-email-edit__static {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
  overflow-wrap: break-word;
  height: 38px;
  line-height: 38px;
}

.feedback-email-edit__trigger {
  color: #B2B7BF;
}
.feedback-email-edit__trigger:hover {
  cursor: pointer;
}

.feedback-email-edit__editable {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.feedback-email-edit__input {
  flex: 1 0 0;
  width: auto;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: bold;
}

.feedback-email-edit__close {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #B2B7BF;
  font-size: 14px;
}
.feedback-email-edit__close:hover {
  cursor: pointer;
}

.footer {
  display: flex;
  padding: 50px;
  padding-bottom: 60px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  background-color: #efede0;
}
@media (max-width: 899px) {
  .footer {
    display: block;
    padding: 30px 15px 50px;
  }
}

.footer__right {
  margin-left: auto;
  text-align: right;
}
@media (max-width: 899px) {
  .footer__right {
    text-align: center;
  }
}

.footer__copyright {
  font-size: 11px;
  margin-bottom: 20px;
}

.footer__copyright-link {
  color: rgba(0, 0, 0, 0.3);
}

.status-info {
  margin-left: auto;
  position: relative;
}
.status-info a {
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 899px) {
  .status-info {
    text-align: center;
  }
}

li.task-list-item {
  list-style-type: none;
  margin-left: -1.4em;
}
li.task-list-item input {
  margin-right: 8px;
}
li.task-list-item > ul > li {
  margin-left: 1.4em;
}
li.task-list-item > ul > li.task-list-item {
  margin-left: 0;
}

.share-post-modal__header-icon {
  transform: translateY(2px);
}

.share-post-modal__body {
  padding-top: 20px;
}

.share-post-modal__url {
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 16px;
  margin: 20px 0;
  word-break: break-all;
  overflow-wrap: break-word;
  line-height: 1.4;
  font-weight: bold;
}

.share-post-modal__note {
  text-align: center;
  margin-bottom: 20px;
}

.share-post-modal__button-box {
  text-align: center;
  padding: 0 80px;
}
@media (max-width: 480px) {
  .share-post-modal__button-box {
    padding: 0;
  }
}
@media (max-width: 899px) {
  .share-post-modal__stop-sharing-alert .share-post-modal__button-box {
    padding: 0;
  }
}

.share-post-modal__button {
  display: block;
  font-weight: bold;
  font-size: 15px;
  padding: 10px 16px;
  border-radius: 24px;
}

.share-post-modal__help {
  margin-top: 20px;
  text-align: center;
}

.share-post-modal__notice-status {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #0a9b94;
}

.share-post-modal__notice-status-icon {
  color: rgba(10, 155, 148, 0.5);
  font-size: 24px;
  margin-right: 5px;
}

.share-post-modal__stop-sharing-alert {
  margin-top: 30px;
  margin-bottom: 0;
}

.share-post-modal__stop-sharing-alert-note {
  margin-bottom: 20px !important;
  font-size: 13px;
  text-align: center;
}

.change-log:after {
  content: "";
  clear: both;
  display: block;
}
.change-log {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
}
.change-log .control-label {
  text-align: left;
}
.posts-realtime_edit .change-log {
  border-bottom: 0;
  padding-bottom: 0;
}
.change-log__label {
  float: left;
}
.change-log__form {
  padding-right: 0 !important;
}
.change-log__skip {
  color: #B2B7BF;
  margin-left: 5px;
}
.change-log__skip:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.change-log__input {
  width: 75%;
  float: right;
}
@media (max-width: 899px) {
  .change-log__label, .change-log__input {
    float: none;
  }
  .change-log__input {
    width: 100%;
  }
}

.child-team {
  margin-top: 30px;
}

.child-team__list {
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}

.child-team__item {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.child-team__remove {
  margin-left: auto;
  margin-right: 10px;
}

.child-team__thumbnail {
  margin-right: 10px;
}

.child-team__name {
  font-weight: bold;
  font-size: 16px;
}

.child-team__form {
  margin: 10px 0 10px !important;
}

.custom-emoji__section {
  margin-bottom: 20px;
  display: flex;
}
.custom-emoji__section .field_with_errors {
  display: inline;
}
@media (max-width: 899px) {
  .custom-emoji__section {
    display: block;
  }
}

.custom-emoji__form {
  display: flex;
}
.custom-emoji__form .field_with_errors {
  display: contents;
}

.custom-emoji__right, .custom-emoji__left {
  width: 50%;
}
@media (max-width: 899px) {
  .custom-emoji__right, .custom-emoji__left {
    width: 100%;
  }
}

.custom-emoji__form-input {
  font-size: 140%;
  height: 42px;
  font-weight: 900;
  width: 100% !important;
  margin: 0 5px;
}

.custom-emoji__form-additional-text {
  font-size: 140%;
  line-height: 42px;
  font-weight: 900;
  display: inline-block;
}

.custom-emoji__caret {
  font-size: 160%;
  line-height: 1;
  color: #B2B7BF;
}

.custom-emoji__name-help {
  padding-left: 10px;
  padding-right: 50px;
}
@media (max-width: 899px) {
  .custom-emoji__name-help {
    padding-right: 10px;
    margin-bottom: 30px;
  }
}

.custom-emoji__upload-button {
  font-weight: 800;
  margin-right: 10px;
  width: 100%;
}

.custom-emoji__upload-label {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.custom-emoji__upload-preview {
  width: 34px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}

.custom-emoji__td-image {
  width: 28px;
  vertical-align: top;
}

.custom-emoji__index-image {
  width: 24px;
  height: 24px;
  margin-bottom: 0;
}

.custom-emoji__alias-image {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 2px;
}

.custom-emoji__td-delete {
  width: 28px;
}

.custom-emoji__table td {
  padding-bottom: 6px !important;
}

.custom-emoji__arrow {
  color: #B2B7BF;
  font-size: 30px;
  margin-left: 20px;
  position: relative;
  top: 5px;
  left: -10px;
}
@media (max-width: 899px) {
  .custom-emoji__arrow {
    display: none;
  }
}

.custom-emoji__author {
  width: auto;
  position: relative;
  top: 2px;
}
.custom-emoji__author .thumbnail__link {
  width: auto;
}
.custom-emoji__author .thumbnail__link:hover {
  text-decoration: none;
}

.custom-emoji__author-name {
  margin-left: 3px;
  line-height: 20px;
}

.search-option {
  padding: 0 20px;
  position: absolute;
  z-index: 1000;
  width: 100%;
}
@media (max-width: 899px) {
  .search-option {
    padding: 0 16px;
  }
}

.search-option__body {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  padding: 20px;
  padding-bottom: 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media (max-width: 899px) {
  .search-option__body {
    padding: 16px;
  }
}

.search-option__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.search-option__item {
  margin-bottom: 15px;
  margin-right: 10px;
}
@media (max-width: 899px) {
  .search-option__item {
    margin-bottom: 10px;
    margin-right: 5px;
  }
}

.search-option__option {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  background-color: #E8E8E8;
  border-radius: 6px;
  padding: 5px 6px;
  transition-duration: 0.3s;
}
@media (max-width: 899px) {
  .search-option__option {
    font-size: 11px;
  }
}
.search-option__option:hover {
  color: #0a9b94;
  background-color: #C7EBE6;
  cursor: pointer;
}
.search-option__option:hover .search-option__icon {
  color: #0a9b94;
}

.search-option__icon {
  font-size: 10px;
  margin-left: 3px;
  color: #B2B7BF;
}

.search-option__help {
  margin-top: 6px;
  text-align: right;
  font-size: 12px;
}

.side-search-option {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 20px 20px 20px 0;
  border-radius: 10px;
  padding: 10px;
  position: sticky;
  top: 10px;
  left: 0;
}

.side-search-option__heading {
  padding: 2px 0 12px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.side-search-option__dl {
  margin: 10px 0;
}
.side-search-option__dl code {
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
  font-size: 12px;
  font-weight: bold;
  color: #3c4a60;
  background-color: #f5f5f5;
}
.side-search-option__dl dt {
  margin-bottom: 5px;
}
.side-search-option__dl dt span {
  font-size: 12px;
  font-weight: normal;
  color: rgba(60, 74, 96, 0.6);
}
.side-search-option__dl dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  font-size: 10px;
  color: rgba(60, 74, 96, 0.8);
}

.side-search-option__help {
  text-align: right;
  font-size: 10px;
}

.invitation-list__heading {
  margin-bottom: 20px;
}

.invitation-list__table-responsive {
  border: 0;
}
.invitation-list__table-responsive.is-rejected {
  margin-top: 10px;
}

.invitation-list {
  margin: 10px 0 0;
}

.invitation-list__count {
  position: relative;
  top: -2px;
  margin-left: 2px;
}

.invitation-list__box {
  margin-top: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px;
}
@media (max-width: 899px) {
  .invitation-list__box {
    padding: 20px;
  }
}

.invitation-list__checkbox {
  padding-left: 20px !important;
  padding-right: 0 !important;
  text-align: left;
  width: 16px;
}

.invitation-list__status {
  padding-left: 0 !important;
  width: 70px;
}

.invitation-list__label {
  color: white;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  background-color: #0a9b94;
  border-radius: 10px;
  width: 60px;
  padding: 1px 0;
}
.invitation-list__label.is-pending {
  background-color: #f29600;
}
.invitation-list__label.is-expired {
  background-color: #B2B7BF;
}
.invitation-list__label.is-rejected {
  background-color: #e95513;
}

.invitation-list__email {
  font-weight: bold;
  font-size: 100%;
}

.invitation-list__email-address {
  overflow-wrap: break-word;
}

.invitation-list__expires-at {
  padding-top: 10px !important;
  font-size: 12px;
  margin-left: 10px;
  width: 200px;
}
.invitation-list__expires-at span {
  font-weight: 700;
}

.invitation-list__delete {
  font-size: 10px;
  width: 90px;
  padding-right: 0;
  text-align: right;
  vertical-align: middle;
}

.invitation-list__remove .link__icon {
  color: rgba(10, 155, 148, 0.5);
  margin-right: 2px;
}
.invitation-list__remove:hover {
  text-decoration: none;
}
.invitation-list__remove:hover .link__icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.invitation-list__remove.is-gray {
  color: rgba(60, 74, 96, 0.7);
}
.invitation-list__remove.is-gray .link__icon {
  color: #B2B7BF;
}
.invitation-list__remove.is-gray:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.invitation-list__remove.is-gray:hover .link__icon {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}
.invitation-list__remove.is-white {
  color: rgba(255, 255, 255, 0.9);
}
.invitation-list__remove.is-white .link__icon {
  color: rgba(255, 255, 255, 0.5);
}
.invitation-list__remove.is-white:hover {
  color: white;
}
.invitation-list__remove.is-white:hover .link__icon {
  color: white;
}
.invitation-list__remove.is-danger {
  color: #e95513;
}
.invitation-list__remove.is-danger .link__icon {
  color: rgba(233, 85, 19, 0.5);
}
.invitation-list__remove.is-danger:hover {
  color: rgb(185.8452380952, 67.7976190476, 15.1547619048);
}
.invitation-list__remove.is-danger:hover .link__icon {
  color: #e95513;
}
.invitation-list__remove {
  position: relative;
  top: 2px;
}

.invitation-list__select-all-th {
  font-size: 12px;
  font-weight: normal;
  padding: 0 !important;
  border-top: 0 !important;
}

.invitation-list__select-all {
  margin-left: 2px;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.invitation-list__rejected-box {
  margin-top: 30px;
  padding: 30px;
}
@media (max-width: 899px) {
  .invitation-list__rejected-box {
    padding: 20px;
  }
}
.invitation-list__rejected-box .form-submit {
  margin-top: 20px;
  margin-bottom: 0;
}

.invitation-list__rejected-heading {
  font-size: 15px;
  margin-bottom: 20px;
}

.invitation-list__rejected-count {
  position: relative;
  top: -2px;
  margin-left: 2px;
}

.invitation-list__help-about-expired {
  font-size: 10px;
  text-align: right;
  margin-top: 12px;
  margin-bottom: 0;
}

.restrict-domain__box {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  .restrict-domain__box {
    display: block;
  }
}

.restrict-domain__label {
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 0;
  min-width: 120px;
}
@media (max-width: 1100px) {
  .restrict-domain__label {
    margin-bottom: 10px;
  }
}

.restrict-domain__domains {
  font-size: 18px;
  font-weight: 600;
  padding: 3px 0;
  overflow-wrap: break-word;
}

.restrict-domain__unspecified {
  font-size: 14px;
  font-weight: 400;
  padding: 7px 0 6px;
}

.restrict-domain__right {
  margin-left: auto;
  font-size: 11px;
  min-width: 40px;
  text-align: right;
}
@media (max-width: 1100px) {
  .restrict-domain__right {
    margin-top: 10px;
  }
}

.restrict-domain__cancel:hover, .restrict-domain__edit:hover {
  cursor: pointer;
}

.restrict-domain__form-group {
  display: flex;
  margin-right: 10px;
}
@media (max-width: 1100px) {
  .restrict-domain__form-group {
    margin-right: 0;
  }
}

.restrict-domain__form-input {
  width: 400px;
}
@media (max-width: 1100px) {
  .restrict-domain__form-input {
    width: 100%;
  }
}

.restrict-domain__form-button {
  margin-left: 10px;
}

.nav-settings {
  padding-left: 0;
  padding-right: 0;
  width: 300px;
  position: sticky;
  top: 10px;
  overflow: scroll;
}
@media (max-width: 899px) {
  .nav-settings {
    top: 0;
    position: relative;
    width: auto;
    margin-bottom: 20px;
  }
}

.nav-settings__wrapper {
  padding-bottom: 20px;
}
.nav-settings__wrapper:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .nav-settings__wrapper:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 899px) {
  .nav-settings__header {
    padding: 12px;
  }
}

.nav-settings__nav {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.nav-settings__item {
  font-size: 13px;
  font-weight: bold;
  position: relative;
}
@media (max-width: 899px) {
  .nav-settings__item {
    font-size: 12px;
  }
}
.ja .nav-settings__item {
  font-size: 13px;
}

.nav-settings__link {
  display: flex;
  align-items: center;
  padding: 7px 7px 7px 17px;
  color: #3c4a60;
  transition-duration: 0.3s;
}
.nav-settings__link:hover, .nav-settings__link:active {
  color: #0a9b94;
  background-color: #f5f5f5;
  text-decoration: none;
}
.nav-settings__link:hover .nav-settings__child-icon, .nav-settings__link:active .nav-settings__child-icon {
  color: #0a9b94;
}
.nav-settings__link:hover .nav-settings__icon, .nav-settings__link:active .nav-settings__icon {
  color: #0a9b94;
}
@media (max-width: 899px) {
  .nav-settings__link {
    padding: 6px 12px;
  }
}
.nav-settings__item.is-active .nav-settings__link {
  background-color: #ECF5F4;
}
.nav-settings__item.is-active .nav-settings__link .nav-settings__icon {
  color: #0a9b94;
}

.nav-settings__label {
  margin-left: auto;
  opacity: 0;
}
.nav-settings__link:hover .nav-settings__label, .nav-settings__child-link:hover .nav-settings__label, .nav-settings__item.is-active .nav-settings__label {
  opacity: 1;
}

.nav-settings__toggle {
  float: none;
  padding: 0 12px;
  margin-right: 0;
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
}

.nav-settings__toggle-icon {
  color: #B2B7BF;
  font-size: 120%;
  position: relative;
  top: 3px;
  margin-right: 3px;
}

.nav-settings__switch {
  margin-top: 10px;
  font-size: 12px;
  padding-left: 15px;
}

.nav-settings__switch-icon {
  color: #B2B7BF;
  margin-right: 3px;
}

.nav-settings__switch-link {
  display: block;
  color: rgba(60, 74, 96, 0.7);
}
.nav-settings__switch-link:hover {
  text-decoration: none;
}
.nav-settings__switch-link:hover .nav-settings__switch-icon {
  color: rgba(10, 155, 148, 0.5);
}

.nav-settings__child {
  list-style: none;
  padding: 0 0 0 34px;
  overflow: hidden;
  display: none;
}
.nav-settings__child.is-open {
  display: block;
}

.nav-settings__child-icon {
  color: #B2B7BF;
  margin-left: 5px;
}

.nav-settings__child-link {
  display: flex;
  align-items: center;
  padding: 5px 9px 5px 12px;
  color: #3c4a60;
  position: relative;
}
.nav-settings__child-link:hover, .nav-settings__child-link:focus, .nav-settings__child-link:active {
  color: #0a9b94;
  background-color: #f5f5f5;
  text-decoration: none;
}
@media (max-width: 899px) {
  .nav-settings__child-link {
    padding: 6px 12px;
  }
}
.nav-settings__item.is-active .nav-settings__child-link {
  background-color: #ECF5F4;
}

.nav-settings__child-title {
  font-size: 12px;
}

.nav-settings__icon {
  width: 22px;
  text-align: center;
  font-size: 15px;
  color: #B2B7BF;
  margin-right: 7px;
}

.nav-settings__label-beta {
  margin-left: 5px;
}

.nav-settings__notifier {
  width: 6px;
  height: 6px;
  background-color: #e95513;
  border-radius: 50%;
  position: absolute;
  left: 2px;
}

.related-help {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 30px;
  margin-top: 40px;
  text-align: left;
  font-weight: normal;
}
@media (max-width: 899px) {
  .related-help {
    padding: 20px;
  }
}
.related-help.is-small {
  margin-top: 20px;
  padding: 20px;
  font-size: 13px;
}
.related-help.is-xsmall {
  padding: 16px 12px;
  margin-top: 20px;
  font-size: 12px;
}

.related-help__heading {
  font-size: 14px;
  margin-bottom: 20px;
}
.is-small .related-help__heading {
  font-size: 13px;
}
.is-xsmall .related-help__heading {
  font-size: 12px;
  margin-bottom: 12px;
}
.related-help__heading a:hover .related-help__heading-icon, .related-help__heading a:focus .related-help__heading-icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.related-help__heading-icon {
  color: #B2B7BF;
}
.pat-form__scope-help .related-help__heading-icon {
  color: #97CEC9;
}

.related-help__list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-inline-start: 0;
}

.related-help__item {
  margin-bottom: 6px;
  margin-left: 14px;
  text-indent: -14px;
}
.is-small .related-help__item {
  margin-left: 13px;
  text-indent: -13px;
}
.is-xsmall .related-help__item {
  margin-left: 12px;
  text-indent: -12px;
}
.related-help__item:before {
  content: "・";
  color: #B2B7BF;
}

.tori a {
  display: block;
  width: 450px;
  height: 360px;
  margin: 0 auto 30px;
}
.tori a img {
  width: 450px;
}
.tori a {
  background-image: url(https://assets.esa.io/packs/static/images/shadow-ad54a7b41e70d9b822d1.svg);
  background-repeat: no-repeat;
  background-position: 85px bottom;
  background-size: 280px;
}
.tori a:hover {
  padding-top: 30px;
  background-size: 350px;
  background-position: 50px bottom;
}
.tori a:active {
  background-position: 75px bottom;
  background-size: 300px;
}
.tori a:active img {
  transform: rotate(5deg);
}
@media (max-width: 899px) {
  .tori a {
    width: 100%;
    height: 240px;
    margin: 0 auto 20px;
  }
  .tori a img {
    width: 300px;
  }
  .tori a {
    background-size: 200px;
    background-position: 45px bottom;
  }
  .tori a:hover {
    background-size: 240px;
    background-position: 30px bottom;
  }
  .tori a:active {
    background-size: 240px;
    background-position: 30px bottom;
  }
}

.authorization__body {
  background-color: #efede0;
}
.authorization__body .navbar-lp {
  background-color: #0a9b94;
  margin-top: 0;
  border-radius: 0;
}
@media (max-width: 899px) {
  .authorization__body .navbar-lp {
    margin-bottom: 0;
  }
}

.authorization__container {
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 899px) {
  .authorization__container {
    width: 100%;
    padding: 0 10px;
  }
}

.authorization__page-body {
  padding-top: 0 !important;
  padding-bottom: 100px;
}

.authorization__headline {
  text-align: center;
  font-size: 24px;
  margin: 50px 0;
}

.authorization__app-info {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-top: -70px;
  margin-bottom: 30px;
  position: relative;
  padding: 15px;
}

.authorization__item {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 15px 0 10px;
  border-bottom: 0;
}

.authorization__inner {
  display: flex;
  justify-content: flex-start;
}

.authorization__thumbnail {
  width: 86px;
  height: 86px;
}
.authorization__thumbnail .thumbnail__link {
  display: block;
  width: 86px;
  height: 86px;
  border-radius: 86px;
}
.authorization__thumbnail .thumbnail__link:hover .thumbnail__image {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.authorization__thumbnail .thumbnail__image {
  height: 86px;
  width: 86px;
  border-radius: 86px;
}
.authorization__thumbnail {
  margin-right: 15px;
  width: 86px;
  flex-basis: 86px;
  flex-shrink: 0;
}

.authorization__info {
  flex-grow: 1;
  flex-shrink: 1;
}

.authorization__headline-title {
  margin-bottom: 5px;
  line-height: 1.2;
}
@media (max-width: 899px) {
  .authorization__headline-title {
    margin-right: 20px;
  }
}

.authorization__name {
  color: #3c4a60;
  display: block;
  font-weight: bold;
  font-size: 24px;
}

.authorization__url {
  color: rgba(60, 74, 96, 0.7);
  font-size: 13px;
}

.authorization__link:hover {
  text-decoration: none;
}
.authorization__link:hover .authorization__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.authorization__link:hover .authorization__url {
  color: rgba(8.4545454545, 131.0454545455, 125.1272727273, 0.5);
}

.authorization__description {
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 899px) {
  .authorization__description {
    font-size: 11px;
  }
}

.authorization__author {
  color: rgba(60, 74, 96, 0.7);
  margin-bottom: 5px;
}

.container--authorization {
  margin-left: auto !important;
}
@media (max-width: 899px) {
  .container--authorization .navbar-lp__user {
    margin-right: 20px;
  }
  .container--authorization .navbar-lp__sign-out {
    margin-right: 10px;
  }
}

.authorization__pre {
  overflow: visible;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.authorization__permissions-title {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.authorization__scopes {
  list-style: none;
}

.authorization__scope-item {
  margin-bottom: 5px;
}

.authorization__scope-label {
  display: inline-block;
  width: 60px;
  font-size: 15px;
}

.authorization__scope-icon {
  color: #0a9b94;
  margin-right: 3px;
}

.authorization__scope-text {
  font-weight: bold;
}

.authorization__scope-description {
  font-size: 13px;
}

.auth-fine-grained-scope__app-info {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-top: -50px;
  margin-bottom: 30px;
  position: relative;
  padding: 15px 30px;
}

.auth-fine-grained-scope__item {
  padding: 0;
  border-bottom: 0;
}

.auth-fine-grained-scope__inner {
  display: flex;
  justify-content: flex-start;
}

.auth-fine-grained-scope__thumbnail {
  height: 120px;
  width: 120px;
  border-radius: 120px;
  margin-right: 20px;
  flex-basis: auto;
  flex-shrink: 0;
}

.auth-fine-grained-scope__thumbnail-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 120px;
  background-color: #f5f5f5;
}

.auth-fine-grained-scope__info {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 20px 0;
}

.auth-fine-grained-scope__app-name {
  color: #3c4a60;
  display: block;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 5px;
}

.auth-fine-grained-scope__description {
  font-size: 16px;
}

.auth-fine-grained-scope__section-heading {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

.auth-fine-grained-scope__section {
  margin: 0 15px 30px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}

.auth-fine-grained-scope__team-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 134px;
  overflow-y: auto;
}

.auth-fine-grained-scope__team {
  margin-top: 0 !important;
  margin-right: 30px;
}
.auth-fine-grained-scope__team:last-child {
  margin-right: 0;
}

.auth-fine-grained-scope__team-name {
  font-weight: bold;
  font-size: 15px;
  transform: translateY(-3px);
}

.auth-fine-grained-scope__scope-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
  justify-content: center;
}

.auth-fine-grained-scope__scope-item {
  width: 150px;
  font-weight: bold;
  margin-bottom: 2px;
}

.auth-fine-grained-scope__scope-icon {
  font-size: 12px;
  position: relative;
  top: 1px;
  color: #0a9b94;
  margin-right: 1px;
}

.emoji-palette {
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 10px;
  position: absolute;
  width: 325px;
  height: 290px;
  z-index: 6;
}
@media (max-width: 899px) {
  .emoji-palette {
    width: 290px;
  }
}

.emoji-palette__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 100%;
  background-color: #f5f5f5;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.emoji-palette__content {
  position: absolute;
  top: 0;
  left: 55px;
  width: 270px;
  padding-top: 15px;
  height: 290px;
  overflow-y: scroll;
}
@media (max-width: 899px) {
  .emoji-palette__content {
    width: 230px;
  }
}

.emoji-palette__nav-menu {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-left: 3px;
}

.emoji-palette__nav-link {
  color: #B2B7BF;
  width: 36px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
}
.emoji-palette__nav-link:hover {
  color: #0a9b94;
  text-decoration: none;
}
.emoji-palette__nav-link.is-active {
  color: #0a9b94;
  position: relative;
  position: relative;
}
.emoji-palette__nav-link.is-active:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid #f5f5f5;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 8px;
  right: -12px;
}
.emoji-palette__nav-link.is-active:before {
  position: absolute;
  content: "";
  display: block;
  border: 7px solid rgba(0, 0, 0, 0.1);
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  top: 7px;
  right: -14px;
}
.emoji-palette__nav-link.is-active:before {
  right: -16px;
}
.emoji-palette__nav-link.is-active:after {
  right: -14px;
}

.emoji-palette__nav-icon {
  font-size: 16px;
}

.emoji-palette__headline {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 800;
}

.emoji-palette__list {
  list-style: none;
  padding: 0;
}

.emoji-palette__item {
  display: inline-block;
  background-size: 20px 20px;
  width: 33px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  padding-top: 5px;
}
.emoji-palette__item[data-raw] {
  margin-top: 5px;
  padding-top: 0;
}
.emoji-palette__item {
  cursor: pointer;
}
.emoji-palette__item.is-hover {
  background-color: rgba(10, 155, 148, 0.2);
}
.emoji-palette__item.is-loading {
  background-image: url(https://assets.esa.io/packs/static/images/spinner-2b40de1bf96963275cf7.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.emoji-palette__item img, .emoji-palette__item span {
  vertical-align: inherit;
}

.slash-commands {
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 10px;
  background-color: #f5f5f5;
  position: absolute;
  top: 300px;
  left: 100px;
  width: 340px;
  height: 310px;
  z-index: 7;
  display: none;
}
.slash-commands.is-active {
  display: block;
}

.slash-commands__content {
  position: absolute;
  width: 100%;
  height: 255px;
  overflow-y: auto;
}

.slash-commands__item {
  list-style: none;
  margin-left: -40px;
  padding: 9px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
}
.slash-commands__item:hover {
  background-color: #f5f5f5;
}
.slash-commands__item.is-selected {
  background-color: #C7EBE6;
}
.slash-commands__item.slash-commands__item--alert:hover.is-note, .slash-commands__item.slash-commands__item--alert.is-selected.is-note {
  background-color: #f5f5f5;
}
.slash-commands__item.slash-commands__item--alert:hover.is-note .slash-commands__name, .slash-commands__item.slash-commands__item--alert.is-selected.is-note .slash-commands__name {
  color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
}
.slash-commands__item.slash-commands__item--alert:hover.is-tip, .slash-commands__item.slash-commands__item--alert.is-selected.is-tip {
  background-color: #e8f6f4;
}
.slash-commands__item.slash-commands__item--alert:hover.is-tip .slash-commands__name, .slash-commands__item.slash-commands__item--alert.is-selected.is-tip .slash-commands__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.slash-commands__item.slash-commands__item--alert:hover.is-important, .slash-commands__item.slash-commands__item--alert.is-selected.is-important {
  background-color: #efe8f7;
}
.slash-commands__item.slash-commands__item--alert:hover.is-important .slash-commands__name, .slash-commands__item.slash-commands__item--alert.is-selected.is-important .slash-commands__name {
  color: #58439d;
}
.slash-commands__item.slash-commands__item--alert:hover.is-warning, .slash-commands__item.slash-commands__item--alert.is-selected.is-warning {
  background-color: #fff8da;
}
.slash-commands__item.slash-commands__item--alert:hover.is-warning .slash-commands__name, .slash-commands__item.slash-commands__item--alert.is-selected.is-warning .slash-commands__name {
  color: rgb(211.4, 131.0330578512, 0);
}
.slash-commands__item.slash-commands__item--alert:hover.is-caution, .slash-commands__item.slash-commands__item--alert.is-selected.is-caution {
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.slash-commands__item.slash-commands__item--alert:hover.is-caution .slash-commands__name, .slash-commands__item.slash-commands__item--alert.is-selected.is-caution .slash-commands__name {
  color: #e95513;
}

.slash-commands__header {
  padding: 7px 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
}

.slash-commands__header-icon {
  font-size: 14px;
  font-weight: 900;
  color: #B2B7BF;
  margin-right: 5px;
}

.slash-commands__header-help {
  margin-left: auto;
}

.slash-commands__headline {
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
  font-weight: bold;
}

.slash-commands__beta {
  font-size: 10px;
  color: #f5f5f5;
  font-weight: normal;
  background-color: #B2B7BF;
  border-radius: 10px;
  padding: 1px 7px 3px;
  display: inline-block;
  line-height: 1;
  margin-left: 3px;
  transform: translateY(-1px);
}

.slash-commands__name {
  font-size: 14px;
  font-weight: bold;
  flex: 0 0 40%;
  display: flex;
}
.slash-commands__item--alert.is-note .slash-commands__name {
  color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
}
.slash-commands__item--alert.is-tip .slash-commands__name {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.slash-commands__item--alert.is-important .slash-commands__name {
  color: #58439d;
}
.slash-commands__item--alert.is-warning .slash-commands__name {
  color: rgb(211.4, 131.0330578512, 0);
}
.slash-commands__item--alert.is-caution .slash-commands__name {
  color: #e95513;
}

.slash-commands__description {
  margin-left: 20px;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(60, 74, 96, 0.7);
  display: flex;
}
.is-selected .slash-commands__description {
  color: #3c4a60;
}

.slash-commands__icon {
  font-size: 14px;
  width: 20px;
  display: block;
  text-align: center;
  transform: translate(-3px, 0);
}
.slash-commands__item--alert.is-note .slash-commands__icon {
  color: rgba(50.1923076923, 61.9038461538, 80.3076923077, 0.7);
}
.slash-commands__item--alert.is-tip .slash-commands__icon {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
  font-size: 14px;
  transform: translate(-3px, -2px);
}
.slash-commands__item--alert.is-important .slash-commands__icon {
  color: #58439d;
}
.slash-commands__item--alert.is-warning .slash-commands__icon {
  color: rgb(211.4, 131.0330578512, 0);
  font-size: 13px;
}
.slash-commands__item--alert.is-caution .slash-commands__icon {
  color: #e95513;
  font-size: 13px;
}

.slash-commands__description-icon {
  font-size: 10px;
  color: #B2B7BF;
  margin-left: 3px;
}

.lp-navbar {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #0a9b94;
  padding: 10px 50px;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 899px) {
  .lp-navbar {
    padding: 10px;
  }
}

.lp-navbar__left {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 899px) {
  .lp-navbar__left {
    display: block;
    width: 100%;
  }
}

.lp-navbar__brand {
  padding: 5px 0;
  margin-right: 10px;
}
@media (max-width: 899px) {
  .lp-navbar__brand {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}

.lp-navbar__logo {
  width: 110px;
}

.lp-navbar__nav-wrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  border-top: 0;
  box-shadow: none;
}

.lp-navbar__toggle {
  color: rgba(255, 255, 255, 0.5);
  padding: 0;
  background-color: none;
  font-size: 24px;
}

.lp-navbar__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 15px;
  letter-spacing: 0.02em;
  width: 100%;
  font-weight: bold;
}
.en .lp-navbar__nav {
  font-size: 18px;
  letter-spacing: 0.04em;
}
@media (max-width: 899px) {
  .lp-navbar__nav {
    display: block;
    text-align: left;
    width: 100%;
    margin-top: 10px;
  }
}

.lp-navbar__nav-link {
  padding: 10px 15px;
  display: block;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 899px) {
  .lp-navbar__nav-link {
    padding: 7px 10px 5px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.lp-navbar__nav-link:hover, .lp-navbar__nav-link:active, .lp-navbar__nav-link:focus {
  color: white;
  text-decoration: none;
  background-color: transparent;
}
.lp-navbar__nav-link:hover .lp-navbar__icon-target-blank, .lp-navbar__nav-link:active .lp-navbar__icon-target-blank, .lp-navbar__nav-link:focus .lp-navbar__icon-target-blank {
  color: white;
}

.lp-navbar__icon-target-blank {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.lp-navbar__nav-right {
  list-style: none;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  padding: 0;
}
@media (max-width: 899px) {
  .lp-navbar__nav-right {
    position: absolute;
    top: 0;
    right: 0;
  }
  .lp-navbar__nav-right li {
    margin-left: 0;
  }
}

.lp-navbar__sign-out {
  margin-left: auto;
}
.lp-navbar__sign-out i {
  font-size: 20px;
  position: relative;
  top: 2px;
  right: auto;
  bottom: auto;
  left: auto;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 2px;
}
.lp-navbar__sign-out a:hover i {
  color: white;
}

.lp-navbar__sign-in {
  margin-top: 5px;
  font-size: 100%;
  font-weight: bold;
}
@media (max-width: 899px) {
  .lp-navbar__sign-in {
    margin-top: 10px;
    margin-right: 20px;
  }
}

.lp-navbar__team-select {
  margin-left: auto;
}
@media (max-width: 899px) {
  .lp-navbar__team-select {
    padding-top: 10px;
  }
}

.lp-navbar__team-select-button-icon {
  color: #B2B7BF;
  font-size: 12px;
  margin-left: 15px;
}

.lp-navbar__team-select-button {
  display: inline-block;
  color: #3c4a60;
  background-color: white;
  text-align: center;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 160px;
  letter-spacing: 0;
}
.en .lp-navbar__team-select-button {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 899px) {
  .lp-navbar__team-select-button {
    width: 100%;
  }
}
.lp-navbar__team-select-button:hover, .lp-navbar__team-select-button:focus {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #0a9b94;
  cursor: pointer;
}
.lp-navbar__team-select-button:hover .team-select__button-icon, .lp-navbar__team-select-button:focus .team-select__button-icon {
  color: #0a9b94;
}

.lp-navbar__nav-team {
  right: 50px;
  top: 60px;
  border-radius: 10px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
}
@media (max-width: 899px) {
  .lp-navbar__nav-team {
    width: 100%;
    position: relative;
    top: 10px;
    left: 0;
    right: auto;
  }
  .lp-navbar__nav-team .navbar-head__team-dropdown-link {
    width: 100%;
  }
}

.markdown-option__allow_specific_tags_and_scripts-form {
  margin-left: 25px !important;
}

.markdown-option__allow_specific_tags_and_scripts-whitelist {
  display: block;
  width: 330px;
}
@media (max-width: 899px) {
  .markdown-option__allow_specific_tags_and_scripts-whitelist {
    width: 100%;
  }
}

.markdown-option__allow_specific_tags_and_scripts-add-domain-form {
  display: block;
  width: 330px !important;
  height: 222px !important;
}
@media (max-width: 899px) {
  .markdown-option__allow_specific_tags_and_scripts-add-domain-form {
    width: 100% !important;
  }
}

.markdown-option__default-whitelist {
  white-space: pre-wrap;
}

.status-error.is-404 {
  color: white;
  background-color: #0a9b94;
}
.status-error.is-500 {
  color: white;
  background-color: #f29600;
}
.status-error.is-402 {
  color: #3c4a60;
  background-color: rgb(230.3191489362, 227.2340425532, 207.1808510638);
}
.status-error .lp-navbar .container, .status-error .lp-navbar .container--authorization {
  margin: 0 auto;
}

.status-error__container {
  text-align: center;
  width: 600px;
  margin: 0 auto;
  padding: 80px 0 50px;
}
@media (max-width: 899px) {
  .status-error__container {
    width: 100%;
    padding: 60px 0;
  }
}

.status-error__code {
  font-family: "HUE Medium", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  letter-spacing: 0.06em;
  font-size: 150px;
  margin-bottom: 10px;
  line-height: 0.6;
  letter-spacing: 0;
}
@media (max-width: 899px) {
  .status-error__code {
    font-size: 110px;
  }
}

.status-error__message {
  font-size: 20px;
}
@media (max-width: 899px) {
  .status-error__message {
    font-size: 16px;
  }
}

.status-error__tori {
  display: block;
  text-align: center;
  width: 360px;
  height: 370px;
  margin: 0 auto 30px;
  background-image: url(https://assets.esa.io/packs/static/images/shadow-ad54a7b41e70d9b822d1.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 260px;
  transition-duration: 0.3s;
}
.status-error__tori:hover {
  background-size: 240px;
}
.status-error__tori:hover .status-error__tori-image {
  margin-top: 30px;
}
@media (max-width: 899px) {
  .status-error__tori {
    width: 260px;
    height: 260px;
    background-size: 200px;
    margin: 0 auto 20px;
  }
  .status-error__tori.is-nenadori {
    height: 220px;
  }
  .status-error__tori:hover {
    background-size: 160px;
  }
  .status-error__tori:hover .status-error__tori-image {
    margin-top: 20px;
  }
}

.status-error__tori-image {
  width: 360px;
  transition-duration: 0.3s;
}
@media (max-width: 899px) {
  .status-error__tori-image {
    width: 260px;
  }
}

.status-error__tori.is-nenadori {
  width: 260px;
  height: 200px;
  background-size: 200px;
}
.status-error__tori.is-nenadori .status-error__tori-image {
  width: 260px;
}
.status-error__tori.is-nenadori:hover {
  background-size: 160px;
}
.status-error__tori.is-nenadori:hover .status-error__tori-image {
  margin-top: 20px;
}

.status-error__footer-logo-image {
  width: 160px;
}
@media (max-width: 899px) {
  .status-error__footer-logo-image {
    width: 120px;
  }
}

.status-error__footer a {
  color: white;
}
.status-error.is-402 .status-error__footer a {
  color: #3c4a60;
}

.status-error__footer-copyright {
  margin-top: 5px;
  font-size: 11px;
}
@media (max-width: 899px) {
  .status-error__footer-copyright {
    font-size: 10px;
  }
}

.status-error__section {
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 899px) {
  .status-error__section {
    font-size: 12px;
    padding: 0 20px;
  }
}

.status-error__table {
  margin-top: 40px;
  margin-bottom: 50px;
}

.status-error__payment-button-box {
  text-align: center;
  margin-bottom: 30px;
}

.status-error__payment-button {
  width: 400px;
}
@media (max-width: 899px) {
  .status-error__payment-button {
    width: 100%;
  }
}

.status-error__request-button-box {
  text-align: center;
  margin: 30px 0;
}

.status-error__request-button {
  width: 400px;
}
@media (max-width: 899px) {
  .status-error__request-button {
    width: 100%;
  }
}

.status-error__zatsu-tori-image {
  width: 460px;
}
@media (max-width: 899px) {
  .status-error__zatsu-tori-image {
    width: 100%;
  }
}

.status-error__sign-in {
  margin: 40px auto;
}

.status-error__footer-status-info {
  margin-top: 30px;
}

.status-error__suspended-at {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #e95513;
}

.status-error__not-paid-invoices {
  background-color: white;
  border-radius: 10px;
  padding: 10px 20px 20px 20px;
  margin: 30px 0;
}
.status-error__not-paid-invoices .status-error__table {
  margin: 0;
}

.status-error__heading {
  font-weight: bold;
  line-height: 1.4;
  padding: 0 20px;
}
@media (max-width: 899px) {
  .status-error__heading {
    font-size: 18px;
  }
}

.status-error__footer-help {
  font-size: 13px;
  margin-top: 30px;
}

.status-error__switch-to-paid-plan {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.status-error__switch-to-paid-plan-heading {
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 899px) {
  .status-error__switch-to-paid-plan-heading {
    font-size: 16px;
  }
}

.name-on-receipt-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.name-on-receipt-form__label {
  font-size: 16px;
  margin-right: 10px;
}

.name-on-receipt-form__field {
  margin-right: 10px;
}

.name-on-receipt-form__input {
  width: 400px;
  height: 42px;
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 480px) {
  .name-on-receipt-form__input {
    width: 100%;
  }
}

.name-on-receipt-form__right-text {
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

.name-on-receipt-form__button {
  font-weight: bold;
}

@media print {
  .receipts-show .navbar-side, .receipts-show .navbar-head, .receipts-show .profiler-results, .receipts-show .container-alert, .receipts-show .footer, .receipts-show .print-button, .receipts-show .receipt-show__header, .receipts-show .receipt-show__breadcrumb {
    display: none;
  }
}

.receipt-show__header {
  display: flex;
}

.receipt-show__print {
  margin-left: auto;
}

.receipt-show__print-button {
  margin-left: auto;
}

.receipt-show__content {
  width: 600px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .receipt-show__content {
    width: 100%;
  }
}

.receipt-show__heading {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}

.receipt-show__meta {
  display: flex;
  margin-bottom: 30px;
}

.receipt-show__meta-content {
  margin-left: auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}

.receipt-show__addressee {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 8px;
  margin-bottom: 30px;
}

.receipt-show__message {
  margin-bottom: 30px;
}

.receipt-show__receipt {
  margin-bottom: 50px;
}

.receipt-show__table {
  width: 100%;
}
.receipt-show__table td, .receipt-show__table th {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.receipt-show__table th {
  text-align: left;
  vertical-align: top;
}

.receipt-show__table-th-total {
  font-size: 20px;
  vertical-align: middle !important;
}

.receipt-show__table-td-amount {
  text-align: right;
  font-weight: bold;
}

.receipt-show__total-amount {
  font-size: 30px;
}

.receipt-show__details {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #f5f5f5;
  padding: 20px 20px 8px 20px;
  margin-bottom: 50px;
}
.receipt-show__details .receipt-show__table td, .receipt-show__details .receipt-show__table th {
  border-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.receipt-show__details-heading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.receipt-show__footer {
  margin-bottom: 50px;
  text-align: center;
}

.receipt-show__company {
  margin: 20px 0 30px;
}

.receipt-show__company-name {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 8px;
}

.receipt-show__address {
  margin-bottom: 8px;
}

.receipt-show__invoice-code {
  font-weight: bold;
}

.help-nav__balloon {
  width: 46px;
  height: 36px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.25);
  display: block;
  border-radius: 8px;
  text-align: center;
  font-family: "HUE Medium", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  letter-spacing: 0.06em;
  font-size: 22px;
  position: relative;
}
.help-nav__balloon:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid rgba(0, 0, 0, 0.25);
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 17px;
}
.help-nav__balloon {
  left: 17px;
}
@media (max-width: 899px) {
  .help-nav__balloon {
    width: 22px;
    height: 19px;
    line-height: 22px;
    font-size: 14px;
    top: -2px;
    left: 2px;
    border-radius: 4px;
  }
  .help-nav__balloon:after {
    left: 8px;
    border: 3px solid inherit;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: -9px;
  }
}
.help-nav__balloon.is-lp {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.help-nav__balloon.is-lp:after {
  border-top-color: white;
}
.help-nav__balloon.is-lp:before {
  left: 16px;
  position: absolute;
  content: "";
  display: block;
  border: 7px solid rgba(0, 0, 0, 0.1);
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -14px;
}

.help-nav__tori {
  width: 40px;
  height: 30px;
  display: none;
  background-image: url(https://assets.esa.io/packs/static/images/help-nav__tori-b524557183e9d3af651c.svg);
  background-size: 40px;
  background-position: 0 0;
  position: relative;
  top: 14px;
  left: 19px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 899px) {
  .help-nav__tori {
    display: none;
  }
}
.help-nav__tori.is-lp {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}

.help-nav {
  position: fixed;
  width: 80px;
  height: 80px;
  bottom: -30px;
  left: 0;
  color: #0a9b94;
  display: block;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
@media (max-width: 899px) {
  .help-nav {
    position: relative;
    width: 30px;
    height: 50px;
    margin: 0 auto;
    border: 0;
    padding-top: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
  }
}
.help-nav:hover {
  bottom: 0;
  text-decoration: none;
  cursor: pointer;
}
.help-nav:hover .help-nav__balloon {
  background-color: white;
}
.help-nav:hover .help-nav__balloon:after {
  border-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.help-nav:hover .help-nav__tori {
  display: block;
  animation: purupuru 0.1s infinite;
}
@media (max-width: 899px) {
  .help-nav:hover {
    top: 0;
  }
  .help-nav:hover .help-nav__balloon {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .help-nav:hover .help-nav__balloon:after {
    border-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .help-nav:hover .help-nav__tori {
    display: none;
  }
}
.help-nav.is-lp {
  position: fixed;
  top: auto;
  left: 20px;
  bottom: -30px;
}
.help-nav.is-lp:hover {
  bottom: -5px;
  text-decoration: none;
  cursor: pointer;
}

.help-nav__question {
  position: relative;
  left: 1px;
}

.help-box {
  width: 500px;
  min-height: 600px;
  border-radius: 10px;
  background-color: white;
  bottom: 10px;
  left: 17px;
  z-index: 5;
  padding: 20px 15px 10px;
  position: relative;
}
.help-box:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid white;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 17px;
}
.help-box {
  position: fixed;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  transform-origin: left bottom;
}
.help-box.is-hidden {
  opacity: 0;
  bottom: 60px;
  transform-origin: left bottom;
  transform: scale(0.1);
}
@media (max-width: 899px) {
  .help-box {
    position: fixed;
    width: calc(100% - 20px);
    top: 10px;
    bottom: auto;
    left: 10px;
    padding-bottom: 5px;
    min-height: auto;
  }
  .help-box:after {
    display: none;
  }
  .help-box.is-hidden {
    top: 10px;
    bottom: auto;
    opacity: 0;
    transform: scale(1);
    transform-origin: right top;
  }
}
.is-tablet .help-box {
  position: fixed;
  width: calc(100% - 20px);
  top: 10px;
  bottom: auto;
  left: 10px;
  padding-bottom: 5px;
  min-height: auto;
}
.is-tablet .help-box:after {
  display: none;
}
.is-tablet .help-box.is-hidden {
  top: 10px;
  bottom: auto;
  opacity: 0;
  transform: scale(1);
  transform-origin: right top;
}
.help-box.is-lp {
  min-height: 500px;
  position: relative;
  position: relative;
}
.help-box.is-lp:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid white;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 17px;
}
.help-box.is-lp:before {
  position: absolute;
  content: "";
  display: block;
  border: 7px solid rgba(0, 0, 0, 0.1);
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -14px;
  left: 16px;
}
.help-box.is-lp {
  position: fixed;
}
@media (max-width: 899px) {
  .help-box.is-lp {
    top: auto;
    bottom: 10px;
  }
}

.help-box__headline {
  margin-bottom: 15px;
  font-size: 16px;
}
.help-box__headline .fa {
  font-size: 18px;
}
@media (max-width: 899px) {
  .help-box__headline {
    font-size: 14px;
  }
  .help-box__headline .fa {
    font-size: 16px;
  }
}

.help-box__form-group {
  margin-bottom: 10px;
}

.help-box__form-textarea {
  margin-bottom: 0;
}

textarea.help-box__textarea {
  height: 250px;
  resize: vertical;
}
@media (max-width: 899px) {
  textarea.help-box__textarea {
    height: 180px;
  }
}
textarea.help-box__textarea.is-short {
  height: 180px;
}
@media (max-width: 899px) {
  textarea.help-box__textarea.is-short {
    height: 140px;
  }
}

.help-box__close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  color: #B2B7BF;
  transition-duration: 0.3s;
}
@media (max-width: 899px) {
  .help-box__close-button {
    font-size: 20px;
    top: 10px;
    right: 10px;
  }
}
.help-box__close-button:hover {
  color: #0a9b94;
  cursor: pointer;
}

.help-box__form-clear {
  margin-top: 2px;
}

.help-box__form-footer {
  margin-top: 5px;
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 899px) {
  .help-box__form-footer {
    flex-direction: column;
  }
}

@media (max-width: 899px) {
  .help-box__recaptcha {
    margin-bottom: 10px;
  }
}

.help-box__submit {
  margin-left: auto;
}

.help-box__clear {
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
}
.help-box__clear:hover {
  color: #0a9b94;
  text-decoration: none;
}
.help-box__clear:hover .help-box__clear-icon {
  color: rgba(10, 155, 148, 0.5);
}

.help-box__clear-icon {
  color: #B2B7BF;
  font-size: 110%;
}

.help-box__footer-nav {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.help-box__footer-item {
  margin-right: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 8px;
  line-height: 1;
  margin-bottom: 12px;
  font-size: 13px;
}
@media (max-width: 899px) {
  .help-box__footer-item {
    font-size: 12px;
    margin-right: 9px;
    padding-left: 9px;
  }
}
.help-box__footer-item a {
  color: rgba(60, 74, 96, 0.8);
}
.help-box__footer-item a:hover {
  color: #0a9b94;
  text-decoration: none;
}
.help-box__footer-item.is-more:hover .help-box__footer-more-icon {
  color: rgba(10, 155, 148, 0.5);
}
.help-box__footer-item.is-toggle {
  display: none;
}

.help-box__footer-more-icon {
  color: #B2B7BF;
  position: relative;
  font-size: 10px;
}

.help-box__brand {
  display: flex;
  align-items: center;
}

.help-box__brand-image {
  width: 90px;
  margin-right: 7px;
}

.help-box__copyright {
  font-size: 10px;
  color: rgba(60, 74, 96, 0.7);
}

.help-box__copyright-link {
  color: rgba(60, 74, 96, 0.7);
}

.help-box__alert {
  font-size: 12px;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.help-box__alert .fa-external-link {
  font-size: 10px;
  margin-left: 2px;
}

.danger-zone-panel {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (max-width: 899px) {
  .danger-zone-panel {
    flex-direction: column;
  }
}
.danger-zone-panel.is-danger {
  color: #e95513;
  background-color: rgb(252.8511904762, 236.1130952381, 228.6488095238);
}
.danger-zone-panel.is-warning {
  color: #3c4a60;
  background-color: #fff8da;
}

.danger-zone-panel__button {
  width: 250px;
}
@media (max-width: 899px) {
  .danger-zone-panel__button {
    width: 100%;
  }
}

.danger-zone-panel__message {
  margin-bottom: 0;
  margin-left: 20px;
}
@media (max-width: 899px) {
  .danger-zone-panel__message {
    margin-left: 0;
    margin-top: 15px;
  }
}

.danger-zone-panel__icon {
  font-size: 120%;
  color: rgba(233, 85, 19, 0.5);
}
.is-danger .danger-zone-panel__icon {
  color: rgba(233, 85, 19, 0.5);
}
.is-warning .danger-zone-panel__icon {
  color: rgba(60, 74, 96, 0.5);
}

.stop-sharing-table__outer {
  background-color: white;
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 5px;
}

.stop-sharing-table {
  margin: 0;
  margin-bottom: 10px;
}

.stop-sharing-table__status {
  width: 130px;
}

.stop-sharing-table__status-label {
  position: relative;
  line-height: 1;
}
.stop-sharing-table__status-label.is-in_progress, .stop-sharing-table__status-label.is-pending {
  color: #f29600;
}
.stop-sharing-table__status-label.is-in_progress .stop-sharing-table__status-icon, .stop-sharing-table__status-label.is-pending .stop-sharing-table__status-icon {
  color: rgba(242, 150, 0, 0.7);
}
.stop-sharing-table__status-label.is-complete {
  color: #0a9b94;
}
.stop-sharing-table__status-label.is-complete .stop-sharing-table__status-icon {
  color: rgba(10, 155, 148, 0.7);
}
.stop-sharing-table__status-label.is-failure {
  color: #e95513;
}
.stop-sharing-table__status-label.is-failure .stop-sharing-table__status-icon {
  color: rgba(233, 85, 19, 0.7);
}

.stop-sharing-table__status-icon {
  font-size: 110%;
  margin-right: 3px;
}

.stop-sharing-table__status-text {
  font-size: 13px;
  font-weight: bold;
}

.stop-sharing-table__time {
  width: 160px;
}

.stop-sharing-table__time-text {
  position: relative;
}

.stop-sharing-table__count-num {
  font-size: 16px;
  font-weight: 700;
}

.stop-sharing-table__completed-count {
  color: #3c4a60;
}

.stop-sharing-table__devide-count {
  color: rgba(60, 74, 96, 0.7);
}

.stop-sharing-table__total-count {
  color: rgba(60, 74, 96, 0.7);
}

.lp-page-header {
  background-color: #0a9b94;
  padding: 60px 0 100px;
  text-align: center;
  color: white;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.lp-page-header.is-short {
  padding: 40px 0;
}
.lp-page-header.is-short .lp-page-header-title {
  font-size: 200%;
}

.lp-page-header-title {
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 32px;
  margin-bottom: 0;
}
.lp-page-header-title.is-small {
  font-size: 200%;
}

.lp-page-header-image {
  width: 500px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  bottom: -30px;
  left: 50%;
  margin-left: -250px;
}
@media (max-width: 480px) {
  .lp-page-header-image {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 0 10px;
  }
}

.lp-page-body {
  padding-top: 50px;
  padding-bottom: 50px;
  background: white;
}

.lp-create-team {
  z-index: 1;
  padding: 120px 0 60px;
  position: relative;
  background-color: #efede0;
  text-align: center;
}
@media (max-width: 899px) {
  .lp-create-team {
    padding: 60px 0;
  }
}

.lp-create-team__message {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 30px;
}
.lp-create-team__message span {
  font-weight: normal;
}
.en .lp-create-team__message {
  font-size: 130%;
}
@media (max-width: 899px) {
  .lp-create-team__message {
    font-size: 100%;
  }
}

.lp-create-team__form {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
}
@media (max-width: 899px) {
  .lp-create-team__form {
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }
}

.lp-create-team__url {
  font-size: 200%;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 27px 0 0 0;
}
@media (max-width: 899px) {
  .lp-create-team__url {
    font-size: 160%;
    text-align: center;
    justify-content: center;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.lp-create-team__form-url {
  color: #3c4a60;
  width: 180px;
  display: inline-block;
  font-size: 100%;
  height: auto;
  font-weight: 300;
  line-height: 1;
  margin: 0 5px;
}
@media (max-width: 899px) {
  .lp-create-team__form-url {
    width: 140px;
  }
}

.lp-create-team__form-caret {
  color: rgba(0, 0, 0, 0.2);
  margin: 0 20px;
}
@media (max-width: 899px) {
  .lp-create-team__form-caret {
    display: none;
  }
}

.lp-create-team__btn-wrapper {
  text-align: left;
}
@media (max-width: 899px) {
  .lp-create-team__btn-wrapper {
    text-align: center;
  }
}

.lp-create-team__term {
  font-size: 12px;
  margin-bottom: 5px;
}

.lp-create-team__btn {
  font-size: 130%;
  font-weight: bold;
  padding: 13px 20px;
  width: 300px;
}
@media (max-width: 899px) {
  .lp-create-team__btn {
    font-size: 100%;
    padding: 11px 20px;
  }
}
.en .lp-create-team__btn {
  font-size: 140%;
  padding: 11px 30px;
}

.lp-create-team__description {
  font-size: 11px;
  text-align: center;
}

.lp-create-team__benefit {
  border: 1px solid #0a9b94;
  color: #0a9b94;
  font-size: 110%;
  display: inline-block;
  border-radius: 10px;
  padding: 10px 10px 10px 50px;
  margin: 20px auto 0;
  position: relative;
}
.lp-create-team__benefit:after {
  content: "\f219";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  top: 0;
  left: 5px;
  font-size: 24px;
}
@media (max-width: 899px) {
  .lp-create-team__benefit {
    font-size: 100%;
    margin: 20px 10px 0;
  }
}

.lp-create-team__pricing-link {
  font-size: 90%;
  margin-top: 20px;
}

.lp-concept__title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.lp-concept__heading {
  margin-bottom: 40px;
}
.lp-concept__heading.is-in-concept-page {
  margin-bottom: 0;
}

.lp-concept__heading--en {
  text-align: center;
  color: #0a9b94;
  font-size: 56px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: 7px;
}

.lp-concept__heading--sub {
  text-align: center;
  color: #0a9b94;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: 10px;
}

.lp-concept__heading--ja {
  margin-top: 30px;
  text-align: center;
  font-weight: 800;
  font-size: 19px;
  letter-spacing: 5px;
  color: #0a9b94;
}
@media (max-width: 899px) {
  .lp-concept__heading--ja {
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}

.lp-concept__title-icon {
  font-size: 20px !important;
  position: relative;
  top: -4px;
}

.lp-concept {
  padding-top: 50px;
  background-color: white;
  color: #3c4a60;
  text-align: center;
}

.lp-concept__figures {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 899px) {
  .lp-concept__figures {
    display: block;
  }
}

.lp-concept__col {
  z-index: 1;
  width: 270px;
  flex: 0 0 270px;
  text-align: center;
}
@media (max-width: 899px) {
  .lp-concept__col {
    width: 100%;
  }
}

.lp-concept__copy--en {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.3;
  font-size: 300%;
  font-weight: 200;
  color: #0a9b94;
}
@media (max-width: 899px) {
  .lp-concept__copy--en {
    margin: 0 10px 10px;
    text-align: center;
    font-size: 180%;
  }
}

.lp-concept__image-wrapper {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 270px;
  height: 270px;
  margin: 0 auto;
  margin-left: -5px;
}
@media (max-width: 899px) {
  .lp-concept__image-wrapper {
    margin: 0 auto;
  }
}

.lp-concept__circle {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 20px;
  left: 15px;
  border-radius: 230px;
  width: 230px;
  height: 230px;
  background-color: #efede0;
  transition-duration: 0.3s;
}

.lp-concept__image {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 0;
  left: 0;
  width: 270px;
}

.lp-concept__content {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 3;
  margin-top: -50px;
}

.lp-concept__content-headline {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 3px;
  color: #0a9b94;
}

.lp-concept__content-description {
  margin-bottom: 5px;
}
.en .lp-concept__content-description {
  margin-top: 5px;
  line-height: 1.3;
}

.lp-concept__content-description--en {
  color: rgba(60, 74, 96, 0.7);
  line-height: 1.3;
  font-size: 13px;
}

.lp-concept__link:hover, .lp-concept__link:focus {
  text-decoration: none;
}
.lp-concept__link:hover .lp-concept__circle, .lp-concept__link:focus .lp-concept__circle {
  width: 270px;
  height: 270px;
  top: 0;
  left: 0;
  background-color: rgba(239, 237, 224, 0.5);
}
.lp-concept__link:hover .lp-concept__content-headline, .lp-concept__link:focus .lp-concept__content-headline {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.lp-concept__link:hover .lp-concept__content-description, .lp-concept__link:focus .lp-concept__content-description {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.lp-concept__link:hover .lp-concept__content-description--en, .lp-concept__link:focus .lp-concept__content-description--en {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.lp-concept__link:active .lp-concept__circle {
  width: 230px;
  height: 230px;
  top: 20px;
  left: 20px;
}

.lp-concept__arrow-box {
  flex: 100;
  color: #0a9b94;
  padding-left: 10px;
  padding-right: 20px;
}
@media (max-width: 899px) {
  .lp-concept__arrow-box {
    display: none;
  }
}

.lp-concept__arrow {
  width: 100%;
  height: 140px;
  position: relative;
  border-bottom: 2px dashed #0a9b94;
}

.lp-concept__arrow-end {
  line-height: 1;
  font-size: 18px;
  position: absolute;
  right: -9px;
  bottom: -11px;
}

.lp-concept__container {
  padding-bottom: 30px;
}
.lp-concept__container .col-sm-8 {
  margin-top: 20px;
}
.lp-concept__container.is-last {
  padding-bottom: 50px;
}

a > .lp-concept__col {
  color: #3c4a60;
}

.lp-concept__learn-more {
  margin-top: 40px;
  text-align: center;
  font-size: 12px;
}

.lp-concept-page {
  padding: 60px 0;
}
@media (max-width: 480px) {
  .lp-concept-page {
    padding: 30px 0;
  }
}
.lp-concept-page.is-2 {
  background-color: rgba(239, 237, 224, 0.5);
}

.lp-concept-page__container {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 899px) {
  .lp-concept-page__container {
    display: block;
    width: 100%;
  }
}

.lp-concept-page__figure {
  margin-right: 30px;
  flex: 0 0 270px;
}
@media (max-width: 899px) {
  .lp-concept-page__figure {
    margin-right: 0;
  }
}

.lp-concept-page__body {
  flex: 100;
}

.lp-concept-page__heading {
  font-weight: bold;
  line-height: 1.6;
}

.lp-concept-page__description {
  font-size: 15px;
  line-height: 2;
}

.lp-features {
  background-color: #efede0;
  padding: 60px 0;
}
@media (max-width: 899px) {
  .lp-features {
    padding: 30px 0;
  }
}

.lp-features__title-heading {
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #3c4a60;
}

.lp-features__heading {
  text-align: center;
  font-weight: 800;
  color: #3c4a60;
  font-size: 18px;
  letter-spacing: 4px;
  margin-bottom: 45px;
}
.en .lp-features__heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.lp-features__items-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .lp-features__items-list {
    width: 100%;
    display: block;
  }
}

.lp-features__item {
  text-align: center;
  margin-bottom: 30px;
  max-width: 240px;
}
@media (max-width: 480px) {
  .lp-features__item {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

.lp-features__icon img {
  height: 160px;
  width: 160px;
}

.lp-features__title {
  font-size: 15px;
  margin-bottom: 0;
  margin-top: -5px;
}

.lp-features__title--sub {
  color: rgba(60, 74, 96, 0.7);
  font-size: 90%;
  margin-bottom: 0;
}

.lp-esa-supporters {
  background: white;
}

.lp-esa-supporters__container {
  padding: 50px 0 50px;
}
@media (max-width: 899px) {
  .lp-esa-supporters__container {
    padding: 50px 10px 0;
  }
}

.lp-esa-supporters__title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(60, 74, 96, 0.7);
}

.lp-esa-supporters__heading {
  text-align: center;
  font-weight: 800;
  color: #3c4a60;
  font-size: 18px;
  letter-spacing: 3px;
  margin-bottom: 55px;
}
.en .lp-esa-supporters__heading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.lp-esa-supporters__interviews {
  display: none;
  list-style: none;
  padding: 0;
  width: 700px;
  margin: 0 auto 40px;
}
@media (max-width: 899px) {
  .lp-esa-supporters__interviews {
    width: 100%;
  }
}
.slick-initialized .lp-esa-supporters__interviews {
  display: block;
}

.lp-esa-supporters__interview {
  padding: 0;
}
.lp-esa-supporters__interview:after {
  content: "";
  clear: both;
  display: block;
}
.lp-esa-supporters__interview {
  margin-bottom: 10px;
  outline: none;
}

.lp-esa-supporters__photo {
  width: 150px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
@media (max-width: 899px) {
  .lp-esa-supporters__photo {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

.lp-esa-supporters__photo-img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
}
@media (max-width: 899px) {
  .lp-esa-supporters__photo-img {
    margin: 0 auto 10px;
  }
}

.lp-esa-supporters__content {
  overflow: hidden;
  margin-top: 10px;
}
@media (max-width: 899px) {
  .lp-esa-supporters__content {
    margin: 0 20px;
  }
}

.lp-esa-supporters__interview-wrapper {
  margin-bottom: 70px;
}

.lp-esa-supporters__comment {
  font-size: 110%;
  margin-bottom: 10px;
  font-weight: 300;
}

.lp-esa-supporters__footer {
  color: rgba(60, 74, 96, 0.7);
}
@media (max-width: 899px) {
  .lp-esa-supporters__footer {
    line-height: 1.3;
  }
}

.lp-esa-supporters__id {
  font-weight: 800;
  font-size: 110%;
  margin-left: 4px;
  margin-right: 5px;
}

.lp-esa-supporters__name {
  margin-right: 4px;
}

.lp-esa-supporters__company {
  margin-right: 3px;
}

.lp-esa-supporters__role {
  margin-left: 3px;
}

.lp-esa-supporters__name {
  font-size: 90%;
}

.lp-esa-supporters__affiliation {
  font-size: 90%;
}

.lp-esa-supporters__talk {
  margin-top: 20px;
}
.lp-esa-supporters__talk i {
  color: #B2B7BF;
  font-size: 130%;
  margin-right: 5px;
}

.lp-esa-supporters__logo-block {
  width: 900px;
  margin: 0 auto;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo-block {
    width: 100%;
  }
}

.lp-esa-supporters__logos {
  list-style: none;
  padding: 0;
  margin: 0 auto 10px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.lp-esa-supporters__logos:nth-child(3) {
  justify-content: space-around;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logos {
    display: block;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.lp-esa-supporters__logo {
  padding: 0;
  margin-bottom: 15px;
}
.lp-esa-supporters__logo img {
  width: 120px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo {
    text-align: center;
    padding: 5px 0;
  }
}
.lp-esa-supporters__logo--pixiv {
  width: 110px !important;
  top: 10px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--pixiv {
    margin-left: 0;
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--cyber-agent {
  top: 23px !important;
  width: 145px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--cyber-agent {
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--misoca {
  top: 25px !important;
  width: 130px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--misoca {
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--tom {
  width: 100px !important;
}
.lp-esa-supporters__logo--innovator-japan {
  top: 5px !important;
  width: 130px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--innovator-japan {
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--mf {
  top: 17px !important;
  width: 170px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--mf {
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--fjord {
  top: 5px !important;
  width: 140px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--fjord {
    top: 0 !important;
    left: 0 !important;
  }
}
.lp-esa-supporters__logo--opt {
  top: -7px !important;
  width: 120px !important;
  margin-bottom: 10px;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--opt {
    top: 0 !important;
    left: 0 !important;
  }
}
.lp-esa-supporters__logo--lapras {
  top: -4px !important;
  width: 180px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--lapras {
    top: 0 !important;
    left: 0 !important;
  }
}
.lp-esa-supporters__logo--pixta {
  width: 145px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--pixta {
    top: 0 !important;
  }
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--pixelgrid {
    top: 0 !important;
    left: 0 !important;
  }
}
.lp-esa-supporters__logo--nohana {
  width: 110px !important;
}
.lp-esa-supporters__logo--abema-tv {
  width: 150px !important;
  top: -8px !important;
}
@media (max-width: 899px) {
  .lp-esa-supporters__logo--abema-tv {
    top: 0 !important;
  }
}
.lp-esa-supporters__logo--repro {
  width: 100px !important;
}

.lp-esa-supporters__dogfooding {
  margin-top: 20px;
  text-align: center;
}
.lp-esa-supporters__dogfooding span {
  display: block;
  color: rgba(0, 0, 0, 0.5);
}
.lp-esa-supporters__dogfooding span i {
  color: #B2B7BF;
}

.lp-esa-supporters__logo-esa {
  width: 150px;
}

.lp-pricing__hero {
  display: flex;
  align-items: stretch;
  padding: 50px 0 50px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
@media (max-width: 899px) {
  .lp-pricing__hero {
    flex-direction: column;
  }
}

.lp-pricing__column {
  padding: 20px 20px 20px;
  border-radius: 10px;
  border: 2px solid #3c4a60;
  flex: 1 0 0;
}
.lp-pricing__column.is-free-trial {
  border-color: #f29600;
}

.lp-pricing__column-heading-wrapper {
  text-align: center;
  margin-top: -50px;
  margin-bottom: 10px;
}

.lp-pricing__column-heading {
  display: inline-block;
  padding: 12px 5px 20px 45px;
  margin: 0 auto;
  background-image: url(https://assets.esa.io/packs/static/images/pricing/standard-e5a97472644708faa89b.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 2px 0;
  height: 60px;
  background-color: white;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
.is-free-trial .lp-pricing__column-heading {
  color: #f29600;
  background-image: url(https://assets.esa.io/packs/static/images/pricing/trial-cf3de028bf806cddc61d.svg);
}
.en .lp-pricing__column-heading {
  font-size: 30px;
}

.lp-pricing__column-heading-balloon {
  display: block;
  position: relative;
}
.lp-pricing__column-heading-balloon:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid #f29600;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 59px;
}
.lp-pricing__column-heading-balloon {
  position: absolute;
  top: -40px;
  left: calc(50% - 65px);
  width: 130px;
  padding: 10px;
  font-size: 15px;
  background-color: #f29600;
  color: white;
  border-radius: 20px;
}

.lp-pricing__column-description {
  margin-bottom: 30px;
  line-height: 1.6;
}

.lp-pricing__figure-heading {
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
}
.lp-pricing__figure-heading strong {
  background-color: rgba(242, 150, 0, 0.3);
}

.lp-pricing__figure-heading-icon {
  margin-left: 5px;
}

.lp-pricing__column-sub-heading {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.is-free-trial .lp-pricing__column-sub-heading {
  color: #f29600;
}
.en .lp-pricing__column-sub-heading {
  font-size: 20px;
}

.lp-pricing__column-underline {
  background-color: rgba(242, 150, 0, 0.3);
  padding: 0 2px;
  margin: 0 2px;
}
.is-pricing .lp-pricing__column-underline {
  background-color: rgba(60, 74, 96, 0.2);
}

.lp-pricing__column-list {
  padding: 0;
  padding-left: 15px;
  margin-bottom: 20px;
}
.lp-pricing__column-list li {
  margin-bottom: 10px;
  line-height: 1.6;
}

.lp-pricing__column-figure {
  margin-top: 10px;
}

.lp-pricing__column-figure-image {
  width: 100%;
}

.lp-pricing__credit-card {
  text-align: center;
  flex: 0 0 260px;
}
@media (max-width: 899px) {
  .lp-pricing__credit-card {
    margin: 30px 0 0 0;
  }
}

.lp-pricing__credit-card-content {
  transform: translate(0, 40%);
  padding: 0 30px;
}
@media (max-width: 899px) {
  .lp-pricing__credit-card-content {
    transform: translate(0, 0);
  }
}

.lp-pricing__credit-card-icon {
  color: #B2B7BF;
  font-size: 50px;
  text-shadow: 3px 3px white;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.lp-pricing__credit-card-icon:before {
  z-index: 1;
}
.lp-pricing__credit-card-icon:after {
  content: "";
  display: block;
  width: 50px;
  height: 44px;
  border-radius: 3px;
  background-color: #f5f5f5;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
@media (max-width: 899px) {
  .lp-pricing__credit-card-icon {
    margin-bottom: 20px;
  }
}

.lp-pricing__credit-card-arrow {
  border-top: 14px solid #B2B7BF;
  margin-bottom: 30px;
  position: relative;
  position: relative;
}
.lp-pricing__credit-card-arrow:after {
  position: absolute;
  content: "";
  display: block;
  border: 20px solid #B2B7BF;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: -27px;
  right: -40px;
}
.lp-pricing__credit-card-arrow {
  margin-right: 20px;
}
@media (max-width: 899px) {
  .lp-pricing__credit-card-arrow {
    border-top: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .lp-pricing__credit-card-arrow:after {
    border-left-color: transparent;
    border-top-color: #B2B7BF;
    top: 0;
    right: calc(50% - 20px);
  }
}

.lp-pricing__credit-card-note {
  font-size: 13px;
  line-height: 1.4;
}

.lp-pricing__credit-card-heading {
  font-size: 18px;
  font-weight: bold;
}
.en .lp-pricing__credit-card-heading {
  font-size: 20px;
}

.lp-pricing__price {
  margin-top: 10px;
  text-align: center;
  line-height: 1;
}

.lp-pricing__price-unit {
  font-family: "HUE Medium", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  letter-spacing: 0.06em;
  font-size: 80px;
  letter-spacing: -4px;
}

.lp-pricing__price-num {
  font-family: "HUE Medium", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  letter-spacing: 0.06em;
  font-size: 100px;
  line-height: 1;
  letter-spacing: -3px;
}

.lp-pricing__price-tax {
  font-size: 14px;
  font-weight: bold;
  margin-left: -6px;
  transform: translateY(-5px);
}

.lp-pricing__price-per {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 20px;
}

.lp-pricing__heading {
  font-weight: bold;
  font-size: 20px;
}

.lp-pricing__create-team {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

.lp-pricing__middle {
  display: flex;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
@media (max-width: 899px) {
  .lp-pricing__middle {
    flex-direction: column;
  }
}

.lp-pricing__information {
  flex: 1 0 0;
  padding-right: 30px;
}
@media (max-width: 899px) {
  .lp-pricing__information {
    padding-right: 0;
    margin-bottom: 30px;
  }
}

.lp-pricing__information-pdf {
  margin-top: 30px;
}

.lp-pricing__list {
  padding: 0;
  margin-left: 15px;
  font-size: 15px;
  line-height: 1.5;
}
.lp-pricing__list li {
  margin-bottom: 10px;
}

.lp-pricing__consolidation-billing {
  flex: 1 0 0;
  padding-left: 30px;
  margin-left: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .lp-pricing__consolidation-billing {
    padding-left: 0;
    border-left: 0;
  }
}

.lp-pricing__consolidation-billing-image {
  border-radius: 10px;
}

.lp-pricing__consolidation-billing-description {
  margin-top: 20px;
}

.lp-pricing__footer {
  text-align: center;
}

.lp-pricing__footer-faq-box {
  margin-bottom: 20px;
}

.lp-pricing__footer-faq {
  font-size: 20px;
  font-weight: bold;
}

.lp-pricing__feedback-box {
  margin-bottom: 30px;
}

.lp-pricing__feedback-button {
  padding: 12px 30px;
}

.free-trial-figure {
  padding: 50px 0 30px;
}

.free-trial-figure__columns {
  display: flex;
  align-items: center;
}

.free-trial-figure__column {
  flex: 1 0 0;
  position: relative;
  border-left: 1px dashed #3c4a60;
  height: 50px;
}

.free-trial-figure__calendar-column {
  padding-right: 10px;
  flex: 0 0 30px;
}

.free-trial-figure__calendar-icon {
  color: #B2B7BF;
  font-size: 18px;
}

.free-trial-figure__caption {
  position: absolute;
  bottom: 50%;
  right: 0;
  width: 90px;
  height: 80px;
}

.free-trial-figure__balloon {
  width: 90px;
  height: 50px;
  border-radius: 10px;
  background-color: #f29600;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.en .free-trial-figure__balloon {
  padding: 0 5px;
}
.free-trial-figure__balloon.has-text-color {
  background-color: #3c4a60;
}
.free-trial-figure__balloon.is-right-shift {
  transform: translateX(10px);
}
@media (max-width: 1100px) {
  .free-trial-figure__balloon.is-right-shift {
    transform: translateX(0);
  }
}
@media (max-width: 899px) {
  .free-trial-figure__balloon.is-right-shift {
    transform: translateX(10px);
  }
}
@media (max-width: 1100px) {
  .is-trial-start .free-trial-figure__balloon {
    transform: translateX(-50px);
  }
}
@media (max-width: 899px) {
  .is-trial-start .free-trial-figure__balloon {
    transform: translateX(0);
  }
}

.free-trial-figure__line {
  position: absolute;
  bottom: 10px;
  right: -20px;
  display: block;
  width: 45px;
  height: 45px;
  border-bottom: 1px dashed #f29600;
  transform: rotate(45deg);
}
.free-trial-figure__line.has-text-color {
  border-bottom-color: #3c4a60;
}

.free-trial-figure__caption.has-align-left {
  right: auto;
  left: 0;
}
.free-trial-figure__caption.has-align-left .free-trial-figure__line {
  transform: rotate(-45deg);
  right: auto;
  left: -20px;
}

.free-trial-figure__date {
  position: absolute;
  text-align: center;
  font-size: 15px;
  left: -10px;
  bottom: -27px;
  font-weight: bold;
}

.free-trial-figure__arrow {
  position: relative;
  top: calc(50% - 3px);
  width: 100%;
  height: 3px;
  background-color: #f29600;
}
.free-trial-figure__arrow.has-left-arrow {
  margin-left: 3px;
}
.free-trial-figure__arrow.has-left-arrow:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid transparent;
  border-right: 8px solid #f29600;
  top: -7px;
  left: -11px;
}
.free-trial-figure__arrow.has-right-arrow {
  margin-right: 3px;
}
.free-trial-figure__arrow.has-right-arrow:after {
  position: absolute;
  content: "";
  display: block;
  border: 8px solid transparent;
  border-left: 8px solid #f29600;
  top: -7px;
  right: -8px;
}
.free-trial-figure__arrow.has-text-color {
  background-color: #3c4a60;
}
.free-trial-figure__arrow.has-text-color.has-left-arrow:after {
  border-right-color: #3c4a60;
}
.free-trial-figure__arrow.has-text-color.has-right-arrow:after {
  border-left-color: #3c4a60;
}
.free-trial-figure__arrow.is-continue {
  background-color: transparent;
  background-image: linear-gradient(90deg, #3c4a60 0 70%, transparent 70% 100%);
  border-bottom: 1px dashed #3c4a60;
}
.free-trial-figure__arrow.has-align-right {
  left: auto;
  margin-left: auto;
  right: 0;
}

.lp-news {
  background-color: white;
  position: relative;
}

.lp-news__container {
  padding: 0 0 50px;
}

.lp-news__row {
  display: flex;
}
@media (max-width: 899px) {
  .lp-news__row {
    display: block;
  }
}

.lp-news__col {
  flex: 100;
}
@media (max-width: 899px) {
  .lp-news__col {
    width: 100%;
    padding: 30px 10px;
  }
}
.lp-news__col iframe {
  width: 740px !important;
}

.lp-news__col.is-center {
  width: 320px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .lp-news__col.is-center {
    width: 100%;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.lp-news__title-heading {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(60, 74, 96, 0.7);
}

.lp-news__content {
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
}
.is-twitter .lp-news__content {
  max-width: 280px;
}

.lp-docs__list {
  list-style: none;
  padding: 0;
}

.lp-docs__item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.lp-docs__categories {
  list-style: none;
  padding: 0;
  font-size: 12px;
  color: rgba(60, 74, 96, 0.7);
}

.lp-docs__category {
  display: inline-block;
}
.lp-docs__category:after {
  margin-left: 2px;
  content: "/";
}

.lp-docs__title {
  font-size: 15px;
  color: #3c4a60;
  margin-bottom: 0;
}

.lp-docs__link {
  transition-duration: 0.3s;
}
.lp-docs__link:hover {
  text-decoration: none;
}
.lp-docs__link:hover .lp-docs__category, .lp-docs__link:hover .lp-docs__title {
  color: #0a9b94;
}

.lp-esa-talk__list {
  list-style: none;
  padding: 0;
}
@media (max-width: 899px) {
  .lp-esa-talk__list {
    width: 260px;
    margin: 0 auto;
  }
}

.lp-esa-talk__item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.lp-esa-talk__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 260px;
  height: 120px;
}

.lp-esa-talk__shoulder {
  color: rgba(60, 74, 96, 0.7);
  font-size: 12px;
}

.lp-esa-talk__number {
  font-weight: 700;
  font-size: 120%;
}

.lp-esa-talk__title {
  font-size: 15px;
  margin-bottom: 0;
  color: #3c4a60;
}

.lp-esa-talk__link:hover {
  text-decoration: none;
}
.lp-esa-talk__link:hover .lp-esa-talk__shoulder, .lp-esa-talk__link:hover .lp-esa-talk__title {
  color: #0a9b94;
}
.lp-esa-talk__link:hover .lp-esa-talk__image {
  opacity: 0.9;
}

.lp-feedback__balloon {
  width: 46px;
  height: 36px;
  line-height: 40px;
  background-color: #0a9b94;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 8px;
  text-align: center;
  font-family: "HUE Medium", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  letter-spacing: 0.06em;
  font-size: 22px;
  position: relative;
  position: relative;
}
.lp-feedback__balloon:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid #0a9b94;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 17px;
}
.lp-feedback__balloon:before {
  position: absolute;
  content: "";
  display: block;
  border: 7px solid rgba(0, 0, 0, 0.1);
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -14px;
  left: 16px;
}
.lp-feedback__balloon {
  top: 0;
  left: 17px;
  padding-left: 2px;
}

.lp-feedback__tori {
  width: 40px;
  height: 30px;
  display: none;
  background-image: url(https://assets.esa.io/packs/static/images/help-nav__tori-b524557183e9d3af651c.svg);
  background-size: 40px;
  background-position: 0 0;
  position: relative;
  top: 10px;
  left: 19px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.lp-feedback__nav {
  color: white;
  display: block;
  width: 80px;
  height: 80px;
  position: fixed;
  left: 0;
  bottom: -30px;
  z-index: 2;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.lp-feedback__nav:hover {
  bottom: -5px;
  text-decoration: none;
  cursor: pointer;
}
.lp-feedback__nav:hover .lp-feedback__tori {
  display: block;
  animation: purupuru 0.1s infinite;
}
@media (max-width: 899px) {
  .lp-feedback__nav {
    left: -7px;
  }
}

.lp-hero-image__wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.lp-hero-image {
  padding-top: 30px;
  position: relative;
  z-index: 2;
  height: 460px;
  min-height: 460px;
  background-color: #0a9b94;
}
@media (max-width: 1440px) {
  .lp-hero-image {
    min-height: 400px;
    height: 400px;
  }
}
@media (max-width: 899px) {
  .lp-hero-image {
    padding-top: 10px;
    min-height: auto;
    height: auto;
  }
}

.lp-hero-image__bg-create-team {
  width: 100%;
  background-color: #efede0;
}

.lp-hero-image__container {
  position: relative;
  width: 100%;
  display: flex;
  color: white;
  z-index: 2;
}
@media (max-width: 899px) {
  .lp-hero-image__container {
    flex-direction: column-reverse;
  }
}

.lp-hero-image__left {
  flex: 0 0 40%;
  text-align: right;
  padding: 60px 50px 0 0;
  z-index: 3;
}
@media (max-width: 1440px) {
  .lp-hero-image__left {
    padding: 30px 50px 0 0;
  }
}
@media (max-width: 899px) {
  .lp-hero-image__left {
    padding: 0;
    text-align: center;
  }
}

.lp-hero-image__tagline {
  font-size: 22px;
  letter-spacing: 12px;
  position: relative;
  right: -12px;
  margin-bottom: 20px;
}
@media (max-width: 899px) {
  .lp-hero-image__tagline {
    right: auto;
    font-size: 18px;
    letter-spacing: 10px;
    margin-bottom: 10px;
  }
}
.en .lp-hero-image__tagline {
  letter-spacing: 5px;
}

.lp-hero-image__right {
  flex: 0 0 60%;
  position: relative;
  padding: 30px 0 30px 30px;
  height: 500px;
  z-index: 3;
}
@media (max-width: 899px) {
  .lp-hero-image__right {
    height: auto;
  }
}
@media (max-width: 480px) {
  .lp-hero-image__right {
    padding: 16px;
  }
}

.lp-hero-image__logo {
  margin-bottom: 0;
}

.lp-hero-image__logo-image {
  width: 320px;
  margin-bottom: 20px;
}
@media (max-width: 899px) {
  .lp-hero-image__logo-image {
    width: 220px;
    margin-bottom: 10px;
  }
}

.lp-hero-image__message {
  width: 300px;
  text-align: left;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 50px auto;
}
@media (max-width: 1440px) {
  .lp-hero-image__message {
    margin: 0 0 30px auto;
  }
}
@media (max-width: 899px) {
  .lp-hero-image__message {
    width: auto;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
  }
}
.en .lp-hero-image__message {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}
@media (max-width: 899px) {
  .en .lp-hero-image__message {
    font-size: 14px;
  }
}

.lp-hero-image__birds {
  width: 460px;
}
@media (max-width: 1440px) {
  .lp-hero-image__birds {
    width: calc(100% - 30px);
  }
}
@media (max-width: 899px) {
  .lp-hero-image__birds {
    width: auto;
    max-width: 320px;
    position: relative;
    top: 30px;
  }
}

.lp-hero-image__screen-shot {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 899px) {
  .lp-hero-image__screen-shot {
    position: relative;
  }
}

.lp-hero-image__screen-shot-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1440px) {
  .lp-hero-image__screen-shot-image {
    width: 850px;
  }
}
@media (max-width: 899px) {
  .lp-hero-image__screen-shot-image {
    position: relative;
    width: calc(100% + 100px);
  }
}

.term__container {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 899px) {
  .term__container {
    width: 100%;
    padding: 0 10px;
  }
}

.term__message {
  margin-bottom: 30px;
}
@media (max-width: 899px) {
  .term__message {
    text-align: left;
  }
}

.term__term-container {
  width: 100%;
  height: 400px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  text-align: left;
  overflow: scroll;
  padding: 0;
}
@media (max-width: 899px) {
  .term__term-container {
    height: 300px;
  }
}

.term__term-body {
  margin: 10px;
}
.term__term-body .anchor {
  display: none;
}
.term__term-body h1 {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
}
.term__term-body h2 {
  margin-top: 30px;
  font-weight: bold;
  font-size: 130%;
}
.term__term-body li {
  margin-bottom: 5px;
}
@media (max-width: 899px) {
  .term__term-body {
    font-size: 13px;
  }
}

.term__already-agreed {
  margin-bottom: 0;
}

.term__submit-btn {
  margin-left: auto;
}

.withdrawal {
  font-size: 110%;
}
.withdrawal p {
  text-align: center;
}

.withdrawal__team-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 20px 0 30px 0;
  padding: 0;
}
.withdrawal__team-list li {
  margin-right: 10px;
}
.withdrawal__team-list li:after {
  content: ",";
}
.withdrawal__team-list li:last-child:after {
  content: "";
}

.withdrawal__help {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
}

.withdrawal__submit {
  padding-top: 50px;
  text-align: center;
}
@media (max-width: 899px) {
  .withdrawal__submit {
    margin-bottom: 50px;
  }
}

.withdrawal__caution {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
}

.withdrawal__caution-list {
  text-align: left;
  margin: 20px auto;
  width: 650px;
}
@media (max-width: 899px) {
  .withdrawal__caution-list {
    width: 100%;
  }
}
.withdrawal__caution-list li {
  margin-bottom: 7px;
}

.simple-layout {
  background-color: #0a9b94;
  padding: 50px 0;
}
.simple-layout .container-alert {
  margin-left: 0;
}
@media (max-width: 899px) {
  .simple-layout {
    padding: 50px 16px;
  }
}

.simple__navbar {
  margin-top: 0;
  text-align: center;
}
@media (max-width: 899px) {
  .simple__navbar {
    margin-bottom: 0;
  }
}

.simple__navbar-brand {
  width: 150px;
  margin: auto 0;
}

.simple__page-header {
  background-color: #0a9b94;
  padding-top: 40px;
  text-align: center;
  color: white;
}

.simple__page-header-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
}

.simple__page-body {
  padding-top: 40px;
  padding-bottom: 50px;
}

.simple__container {
  width: 700px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  padding: 50px;
}
@media (max-width: 899px) {
  .simple__container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.simple__section {
  margin-bottom: 50px;
}

.simple__heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}

.simple__sub-heading {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}

.simple__note {
  text-align: center;
  margin-bottom: 30px;
}

.simple__footer {
  text-align: center;
  color: white;
  font-size: 12px;
}
.simple__footer a {
  color: white;
}

.simple__submit {
  text-align: center;
  padding: 0 100px;
}
@media (max-width: 899px) {
  .simple__submit {
    padding: 0 30px;
  }
}

.simple__submit-button {
  width: 100%;
  font-weight: bold;
}

.simple__top-icon {
  margin-top: -30px;
  color: #B2B7BF;
  font-size: 24px;
  text-align: center;
}

.simple__tori-atama {
  text-align: center;
  font-size: 150px;
  color: rgba(0, 0, 0, 0.1);
  display: block;
}

.status-info__lamp {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  border-radius: 12px;
  border: 1px solid #eee;
  background-color: #76dd23;
  box-shadow: 0 0 2px rgb(70.937007874, 133.3858267717, 20.6141732283) inset, 0 0 3px rgba(0, 0, 0, 0.2);
}

.status-info.critical .status-info__lamp {
  background-color: #e95513;
  box-shadow: 0 0 2px rgb(138.6904761905, 50.5952380952, 11.3095238095) inset, 0 0 3px rgba(0, 0, 0, 0.2);
}
.status-info.major .status-info__lamp {
  background-color: #f29600;
  box-shadow: 0 0 2px rgb(140, 86.7768595041, 0) inset, 0 0 3px rgba(0, 0, 0, 0.2);
}
.status-info.minor .status-info__lamp {
  background-color: #ede622;
  box-shadow: 0 0 2px rgb(156.2719665272, 151.3221757322, 12.7280334728) inset, 0 0 3px rgba(0, 0, 0, 0.2);
}

.mini-nav {
  background-color: #0a9b94;
  padding: 10px 50px;
  color: white;
}
.mini-nav a {
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 899px) {
  .mini-nav {
    padding: 10px;
  }
}

.mini-nav__container {
  display: flex;
}

.mini-nav__left {
  width: 110px;
  text-align: left;
}

.mini-nav__logo {
  width: 110px;
}

.mini-nav__nav {
  margin-left: auto;
  list-style: none;
  padding: 0;
  display: flex;
}

.mini-nav__item {
  margin-left: 10px;
  line-height: 34px;
}
.mini-nav__item i {
  font-size: 140%;
  margin-right: 3px;
  position: relative;
  top: 2px;
  color: rgba(255, 255, 255, 0.5);
}
.mini-nav__item a:hover {
  color: white;
  text-decoration: none;
}
.mini-nav__item a:hover i {
  color: white;
}

.theme-color-switch {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 10px;
}

.theme-color-switch__icon {
  transition-duration: 0.3s;
  font-size: 17px;
}
.is-default .theme-color-switch__icon {
  color: #0a9b94 !important;
}
.is-navy .theme-color-switch__icon {
  color: #0f6c96 !important;
}
.is-sky .theme-color-switch__icon {
  color: #0491b7 !important;
}
.is-grass .theme-color-switch__icon {
  color: #7daa02 !important;
}
.is-rose .theme-color-switch__icon {
  color: #bc5053 !important;
}
.is-dark .theme-color-switch__icon {
  color: rgba(255, 255, 255, 0.9) !important;
}

.theme-color-switch__link {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 31px;
  text-align: center;
  border-radius: 3px;
  transition-duration: 0.3s;
  cursor: pointer;
  margin-right: 2px;
}
.is-dark .theme-color-switch__link {
  background-color: #B2B7BF;
}
.theme-color-switch__link:hover {
  text-decoration: none;
  background-color: #f5f5f5 !important;
}
.theme-color-switch__link:hover .theme-color-switch__icon {
  font-size: 18px;
}
.is-dark .theme-color-switch__link:hover {
  background-color: #3c4a60 !important;
}
.is-active .theme-color-switch__link .theme-color-switch__icon {
  color: rgba(255, 255, 255, 0.8) !important;
}
.is-active.is-default .theme-color-switch__link {
  background-color: #0a9b94 !important;
}
.is-active.is-navy .theme-color-switch__link {
  background-color: #0f6c96 !important;
}
.is-active.is-sky .theme-color-switch__link {
  background-color: #0491b7 !important;
}
.is-active.is-grass .theme-color-switch__link {
  background-color: #7daa02 !important;
}
.is-active.is-rose .theme-color-switch__link {
  background-color: #bc5053 !important;
}
.is-active.is-dark .theme-color-switch__link {
  background-color: white !important;
}
.is-active.is-dark .theme-color-switch__link .theme-color-switch__icon {
  color: #3c4a60 !important;
}

.editor-header {
  background-color: #f5f5f5;
  padding: 15px 10px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
@media (max-width: 899px) {
  .editor-header {
    border-top: 0;
    padding: 10px 10px 0 10px;
  }
}

.editor-header__template {
  margin-bottom: 10px;
}
@media (max-width: 899px) {
  .editor-header__template {
    margin-bottom: 5px;
  }
}

.editor-header__title-input:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}

.editor-header__title-input:placeholder-shown {
  color: rgba(60, 74, 96, 0.3);
}
.editor-header__title-input::-webkit-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.editor-header__title-input:-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.editor-header__title-input::-moz-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.editor-header__title-input:-ms-input-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.editor-header__title-input {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06) inset;
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.editor-header__title-input:focus {
  background-color: white;
}
@media (max-width: 899px) {
  .editor-header__title-input {
    font-size: 16px;
  }
}
.editor-header__title-input {
  font-size: 140%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 6px 12px;
  line-height: 1.6;
  color: #3c4a60;
  border-radius: 10px;
  width: 100%;
  transition-duration: 0.3s;
  outline: 0;
}
.editor-header__title-input:focus {
  background: white;
  border-color: #66afe9;
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.7);
}
@media (max-width: 899px) {
  .editor-header__title-input {
    font-size: 110%;
    padding: 3px 10px;
  }
}

.editor-header__toolbar {
  display: flex;
}
@media (max-width: 899px) {
  .editor-header__toolbar {
    display: none;
  }
}

.editor-footer {
  display: flex;
  padding-right: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  box-shadow: 0 1px 0 rgb(255, 255, 255) inset;
}
@media (max-width: 899px) {
  .editor-footer {
    padding-right: 0;
    display: block;
    width: 100%;
  }
}
.is-android .editor-footer.is-focus {
  display: none;
}

.editor-footer__change-log {
  flex: 100;
  margin: 22px auto auto 10px;
  display: flex;
}
@media (max-width: 899px) {
  .editor-footer__change-log {
    margin: 10px 10px 7px 10px;
  }
}

.editor-footer__change-log-label {
  flex: 0 0 110px;
  margin-bottom: 0;
  line-height: 34px;
}
@media (max-width: 899px) {
  .editor-footer__change-log-label {
    font-size: 11px;
    flex: 0 0 60px;
  }
}

.editor-footer__change-log-skip {
  color: #B2B7BF;
  margin-left: 5px;
  font-size: 115%;
}
@media (max-width: 899px) {
  .editor-footer__change-log-skip {
    display: none;
  }
}

.editor-footer__change-log-form {
  flex: 100;
}

.editor-footer__change-log-input {
  height: 34px;
  padding: 7px 10px;
}
@media (max-width: 899px) {
  .editor-footer__change-log-input {
    font-size: 12px;
    padding: 4px 10px;
  }
}

.editor-footer__last-backup {
  flex: 0 0 140px;
  padding-top: 26px;
  padding-left: 20px;
}
@media (max-width: 899px) {
  .editor-footer__last-backup {
    display: none;
  }
}

.editor-footer__last-backup-label {
  font-size: 10px;
  margin-right: 2px;
}

.editor-footer__last-backup-time {
  font-size: 13px;
  font-weight: 700;
}

.editor-footer__editor-submit {
  flex: 0 0 450px;
  margin: 14px auto auto auto;
  padding-left: 20px;
}
@media (max-width: 899px) {
  .editor-footer__editor-submit {
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

.editor-footer__leave {
  padding-top: 15px;
  margin-left: 10px;
}
@media (max-width: 899px) {
  .editor-footer__leave {
    display: none;
  }
}

.editor-footer__leave-button {
  display: block;
  height: 44px;
  line-height: 44px;
  padding-left: 12px;
  color: rgba(60, 74, 96, 0.7);
  font-weight: 500;
  font-size: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.editor-footer__leave-button:hover {
  text-decoration: none;
}
.editor-footer__leave-button:hover .editor-footer__leave-icon {
  color: rgba(10, 155, 148, 0.5);
}

.editor-footer__leave-icon {
  font-size: 20px;
  color: #B2B7BF;
  position: relative;
  top: 1px;
  margin-right: 2px;
}

.editing-users {
  flex: 0 0 90px;
  margin-right: auto;
  margin-top: 5px;
  z-index: 3;
  text-align: right;
  line-height: 1;
  height: 20px;
}
.editing-users.open .editing-users__label-icon, .editing-users.open .editing-users__label-caret {
  color: rgba(10, 155, 148, 0.5);
}
@media (max-width: 899px) {
  .editing-users {
    flex: 0 0 auto;
    background-color: #f5f5f5;
    padding-left: 5px;
    margin-top: 0;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
  }
}

.editing-users__label {
  color: #b6bdc6;
  line-height: 1;
  font-size: 12px;
}
.editing-users__label:hover {
  text-decoration: none;
}
.editing-users__label:hover .editing-users__label-icon, .editing-users__label:hover .editing-users__label-caret {
  color: rgba(10, 155, 148, 0.5);
}
@media (max-width: 899px) {
  .editing-users__label {
    font-size: 11px;
  }
}

.editing-users__label-icon {
  color: rgba(60, 74, 96, 0.2);
  font-size: 130%;
  margin-right: 3px;
  position: relative;
  animation: blink-online-icon ease-out 5s infinite;
}
@media (max-width: 899px) {
  .editing-users__label-icon {
    top: 3px;
  }
}

.editing-users__num {
  font-weight: 700;
  font-size: 140%;
  margin-right: 2px;
  position: relative;
  top: 2px;
  animation: blink-online ease-out 5s infinite;
}
@media (max-width: 899px) {
  .editing-users__num {
    top: 5px;
  }
}

.editing-users__online {
  font-size: 10px;
  transform: scale(0.9);
  margin-right: 2px;
  position: relative;
  top: 2px;
  animation: blink-online ease-out 5s infinite;
}
@media (max-width: 899px) {
  .editing-users__online {
    display: none;
    top: 5px;
  }
}

@keyframes blink-online {
  40% {
    color: inherit;
    text-shadow: inherit;
  }
  44% {
    color: #0a9b94;
    text-shadow: inherit;
  }
  50% {
    color: #0a9b94;
    text-shadow: 0 0 3px rgba(10, 155, 148, 0.3);
  }
  52% {
    color: #0a9b94;
    text-shadow: inherit;
  }
  60% {
    color: inherit;
    text-shadow: inherit;
  }
}
@keyframes blink-online-icon {
  40% {
    color: inherit;
  }
  48% {
    color: rgba(10, 155, 148, 0.5);
  }
  50% {
    color: rgba(10, 155, 148, 0.5);
  }
  52% {
    color: rgba(10, 155, 148, 0.5);
  }
  60% {
    color: inherit;
  }
}
.editing-users__label-caret {
  color: rgba(60, 74, 96, 0.2);
  font-size: 90%;
  position: relative;
  top: 2px;
}
@media (max-width: 899px) {
  .editing-users__label-caret {
    top: 5px;
  }
}

.editing-users__user {
  display: block !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.editing-users__link {
  color: #3c4a60 !important;
}
.editing-users__link:hover, .editing-users__link:focus {
  color: #0a9b94 !important;
}

.editing-users__line {
  display: flex;
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  padding-left: 5px;
  height: 30px;
}

.editing-users__image {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 5px;
}

.editing-users__list {
  z-index: 4;
  width: 200px;
  top: 29px;
  left: -99px;
  max-height: 350px;
  overflow-y: scroll;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  border-color: #ddd;
}
@media (max-width: 899px) {
  .editing-users__list {
    top: 30px;
    left: -149px;
  }
}

.editing-users__name {
  display: block;
  line-height: 30px;
  font-size: 16px;
  height: 30px;
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.editor-codemirror {
  margin-top: 0;
  z-index: 1;
  position: relative;
}

.editor-toolbar {
  display: flex;
  flex: 100;
  overflow-x: scroll;
  padding-bottom: 10px;
}

.editor-toolbar__list {
  list-style: none;
  display: flex;
  padding: 0;
  margin-bottom: 0;
  padding-right: 7px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  margin-right: 7px;
}

.editor-toolbar__item {
  margin-right: 1px;
}
@media (max-width: 480px) {
  .editor-toolbar__item .tooltip {
    display: none !important;
  }
}

.editor-toolbar__btn.active, .editor-toolbar__btn:hover {
  color: #0a9b94;
  background-color: #e8e8e8;
  text-decoration: none;
}

.editor-toolbar__btn {
  display: block;
  width: 30px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #b6bdc6;
  text-align: center;
  border-radius: 6px;
}
.editor-toolbar__btn .fa {
  position: relative;
}
@media (max-width: 899px) {
  .editor-toolbar__btn {
    width: 22px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
}
.editor-toolbar__btn.is-bold {
  font-weight: 900;
}
.editor-toolbar__btn.is-italic {
  font-weight: 500;
  font-style: italic;
}
.editor-toolbar__btn.is-strike {
  font-weight: 500;
  text-decoration: line-through;
}
.editor-toolbar__btn.is-heading {
  font-weight: 700;
}
.editor-toolbar__btn.is-quote .fa {
  font-size: 13px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-quote .fa {
    font-size: 11px;
    top: -1px;
  }
}
.editor-toolbar__btn.is-ul .fa {
  font-size: 14px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-ul .fa {
    font-size: 12px;
  }
}
.editor-toolbar__btn.is-ol .fa {
  font-size: 14px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-ol .fa {
    font-size: 12px;
  }
}
.editor-toolbar__btn.is-task .fa {
  font-size: 14px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-task .fa {
    font-size: 12px;
  }
}
.editor-toolbar__btn.is-link .fa {
  font-size: 15px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-link .fa {
    font-size: 13px;
  }
}
.editor-toolbar__btn.is-image .fa {
  font-size: 15px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-image .fa {
    font-size: 13px;
  }
}
.editor-toolbar__btn.is-table .fa {
  font-size: 16px;
  top: 1px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-table .fa {
    font-size: 14px;
  }
}
.editor-toolbar__btn.is-hr span {
  font-size: 15px;
  position: relative;
  top: -1px;
  font-weight: 900;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-hr span {
    font-size: 13px;
  }
}
.editor-toolbar__btn.is-help .fa {
  font-size: 16px;
}
@media (max-width: 899px) {
  .editor-toolbar__btn.is-help .fa {
    font-size: 14px;
  }
}
.is-touch-device .editor-toolbar__btn:not(.active):focus, .is-touch-device .editor-toolbar__btn:not(.active):hover {
  color: #b6bdc6 !important;
  background-color: inherit;
}

.editor-attach__button {
  transition-duration: 0.3s;
  display: block;
  height: 42px;
  line-height: 41px;
  padding: 0 20px 0 9px;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  color: rgba(60, 74, 96, 0.7);
  vertical-align: middle;
}
@media (max-width: 899px) {
  .editor-attach__button {
    height: 36px;
    line-height: 35px;
  }
}
.editor-attach__button:hover {
  text-decoration: none;
}
.editor-attach__button:hover .editor-attach__icon {
  color: rgba(10, 155, 148, 0.5);
}
.editor-attach__button.is-focus {
  background-color: #eee;
}

.editor-attach__icon {
  transition-duration: 0.3s;
  margin-right: 5px;
  font-size: 17px;
  color: #B2B7BF;
}
@media (max-width: 899px) {
  .editor-attach__icon {
    font-size: 15px;
  }
}

.editor-attach__title {
  font-size: 15px;
  font-weight: 600;
  margin-right: 3px;
}
@media (max-width: 899px) {
  .editor-attach__title {
    font-size: 14px;
  }
}

.editor-attach__caption {
  font-size: 12px;
}
@media (max-width: 899px) {
  .editor-attach__caption {
    font-size: 11px;
  }
}

.editor-submit {
  display: flex;
}
@media (max-width: 899px) {
  .editor-submit {
    width: 320px;
    margin: 0 auto;
  }
}

.editor-submit__wip, .editor-submit__shipit {
  flex: 1;
}

.editor-submit__btn {
  width: 100%;
  height: 46px;
  line-height: 38px;
  background-color: #E6E6E6;
  color: rgba(60, 74, 96, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
  transition-duration: 0.3s;
  text-align: left;
}
@media (max-width: 899px) {
  .editor-submit__btn {
    font-size: 15px;
    line-height: 34px;
    height: 38px;
  }
}
.editor-submit__btn:hover {
  background-color: rgb(204.5, 204.5, 204.5);
}
.editor-submit__btn.current {
  background-color: #0a9b94;
  color: white;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding-left: 70px;
}
.editor-submit__btn.is-wip {
  padding-left: 75px;
  background-image: url(https://assets.esa.io/packs/static/images/icon-wip-34dc4a67ff966d69eafa.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 37px 4px;
  border-radius: 0;
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
}
.editor-submit__btn.is-wip.current {
  background-image: url(https://assets.esa.io/packs/static/images/icon-wip-34dc4a67ff966d69eafa.svg), url(https://assets.esa.io/packs/static/images/icon-check-5e4d65c279f06423d2ae.svg);
  background-size: 32px 32px, 22px 16px;
  background-position: 37px 4px, 12px 14px;
}
.editor-submit__btn.is-wip.current:hover {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}
@media (max-width: 899px) {
  .editor-submit__btn.is-wip {
    padding-left: 52px;
    background-size: 26px 26px;
    background-position: 23px 4px;
  }
  .editor-submit__btn.is-wip.current {
    background-size: 26px 26px, 14px 10px;
    background-position: 23px 4px, 7px 13px;
  }
}
.editor-submit__btn.is-shipit {
  padding-left: 95px;
  background-image: url(https://assets.esa.io/packs/static/images/icon-lgtm-4590c2e388d20614084c.svg);
  background-repeat: no-repeat;
  background-size: 40px 32px;
  background-position: 48px 6px;
  border-radius: 0;
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
}
.editor-submit__btn.is-shipit.current {
  background-image: url(https://assets.esa.io/packs/static/images/icon-lgtm-4590c2e388d20614084c.svg), url(https://assets.esa.io/packs/static/images/icon-check-5e4d65c279f06423d2ae.svg);
  background-size: 40px 32px, 22px 16px;
  background-position: 48px 6px, 12px 14px;
}
.editor-submit__btn.is-shipit.current:hover {
  background-color: rgb(6.9090909091, 107.0909090909, 102.2545454545);
}
@media (max-width: 899px) {
  .editor-submit__btn.is-shipit {
    padding-left: 65px;
    background-size: 34px 27px;
    background-position: 24px 5px;
  }
  .editor-submit__btn.is-shipit.current {
    background-size: 34px 27px, 14px 10px;
    background-position: 24px 5px, 7px 13px;
  }
}

.editor-submit__balloon-inner {
  width: 160px;
  padding: 3px 0 5px;
}

.editor-submit__balloon-text {
  font-size: 15px;
  font-weight: 800;
}

.editor-submit__balloon-sub-text {
  font-size: 12px;
  font-weight: 300;
}

.editor-submit__balloon-sub-text-strong {
  font-weight: 600;
}

.editor-cursor__tag {
  display: inline-block;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  padding: 4px 6px;
  line-height: 1;
  font-size: 11px;
  position: relative;
  top: 8px;
  left: 0;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  visibility: hidden;
  word-break: break-all;
  height: 20px;
}
.editor-cursor__tag.visible {
  visibility: visible;
  animation-duration: 0.5s;
  animation-name: fade-in;
}
.editor-cursor__tag.visible--immediate {
  visibility: visible;
  opacity: 1;
}
.editor-cursor__tag.invisible {
  visibility: hidden;
  animation-duration: 0.5s;
  animation-name: fade-out;
}
.editor-cursor__tag.is-hover {
  max-width: 200px;
}

@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: visible;
    opacity: 0.5;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes fade-out {
  100% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: visible;
    opacity: 0.5;
  }
  0% {
    visibility: visible;
    opacity: 1;
  }
}
.editor-cursor__bar {
  border-radius: 0;
}

.editor-nav-single {
  display: none;
  padding-top: 10px;
  position: relative;
}
.layout-editor.is-single .editor-nav-single {
  display: flex;
}
@media (max-width: 899px) {
  .layout-editor.is-single .editor-nav-single {
    display: none;
  }
}
@media (max-width: 899px) {
  .editor-nav-single {
    display: none;
  }
}

.editor-nav-single__tab {
  padding-left: 10px;
}

.editor-nav-single__tab.nav-tabs > li.active > a, .editor-nav-single__tab.nav-tabs > li.active > a:hover, .editor-nav-single__tab.nav-tabs > li.active > a:focus {
  border-bottom-color: transparent;
}

.editor-nav-single__link i {
  position: relative;
  color: rgba(10, 155, 148, 0.5);
  margin-right: 4px;
}
.active .editor-nav-single__link i {
  color: #B2B7BF;
}
.editor-nav-single__link i.icon-watch {
  font-size: 120%;
  top: 2px;
}
.editor-nav-single__link:hover i {
  color: #0a9b94;
}
.active .editor-nav-single__link:hover i {
  color: #B2B7BF;
}
.active .editor-nav-single__link.is-edit {
  background-color: #f5f5f5 !important;
}

.editor-nav-sp {
  background-color: #efede0;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 900px) {
  .editor-nav-sp {
    display: none;
  }
}

.editor-nav-sp__team {
  width: 40px;
}

.editor-nav-sp__team-icon {
  padding-top: 5px;
  padding-left: 10px;
}
.editor-nav-sp__team-icon img {
  height: 30px;
  width: 30px;
  border-radius: 15px;
}

.editor-nav-sp__tab {
  width: 100%;
}

.editor-nav-sp__leave {
  cursor: pointer;
}

.editor-nav-sp__leave-button {
  height: 40px;
  line-height: 40px;
  width: 26px;
  display: inline-block;
  text-align: left;
}
.editor-nav-sp__leave-button:hover .editor-nav-sp__leave-icon, .editor-nav-sp__leave-button:focus .editor-nav-sp__leave-icon {
  color: #0a9b94;
}

.editor-nav-sp__leave-icon {
  font-size: 20px;
  color: #B2B7BF;
  position: relative;
  top: 2px;
}

.editor-tab-sp {
  display: flex;
  padding: 0 10px;
  justify-content: space-between;
  align-items: flex-end;
  height: 40px;
  font-size: 12px;
  border-bottom: 0;
}
@media (min-width: 900px) {
  .editor-tab-sp {
    display: none;
  }
}

.editor-tab-sp__item {
  width: 100%;
}
.editor-tab-sp__item.active .editor-tab-sp__link.is-edit {
  background-color: #f5f5f5 !important;
}

.editor-tab-sp__link {
  width: 100%;
  border: 0;
  text-align: center;
  padding: 5px 7px 4px !important;
  color: #3c4a60;
}
.editor-tab-sp__link i {
  position: relative;
  color: rgba(10, 155, 148, 0.5);
  margin-right: 4px;
}
.active .editor-tab-sp__link i {
  color: #B2B7BF;
}
.editor-tab-sp__link i.icon-watch {
  font-size: 120%;
  top: 2px;
}
.editor-tab-sp__link:hover i {
  color: #0a9b94;
}
.active .editor-tab-sp__link:hover i {
  color: #B2B7BF;
}
.editor-tab-sp__link i {
  color: #B2B7BF;
}
.editor-tab-sp__link:hover {
  color: #3c4a60;
  background-color: #f5f5f5;
}
.editor-tab-sp__link:hover i {
  color: #B2B7BF;
}

.editor-tab-preview {
  margin: 10px 10px 0 10px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 899px) {
  .editor-tab-preview {
    display: none;
  }
}
.layout-editor.is-single .editor-tab-preview {
  display: none;
}

.editor-tab-preview__link i {
  position: relative;
  color: rgba(10, 155, 148, 0.5);
  margin-right: 4px;
}
.active .editor-tab-preview__link i {
  color: #B2B7BF;
}
.editor-tab-preview__link i.icon-watch {
  font-size: 120%;
  top: 2px;
}
.editor-tab-preview__link:hover i {
  color: #0a9b94;
}
.active .editor-tab-preview__link:hover i {
  color: #B2B7BF;
}

.editor-tab-preview.nav-tabs > li.active > a, .editor-tab-preview.nav-tabs > li.active > a:hover, .editor-tab-preview.nav-tabs > li.active > a:focus {
  border-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: transparent;
}

.editor-diff {
  margin-top: 30px;
}

.editor-switch {
  display: flex;
}
.editor-switch.on-dual {
  z-index: 2;
  position: absolute;
  top: 12px;
  right: 20px;
}
.layout-editor.is-single .editor-switch.on-dual {
  display: none;
}
.editor-switch.on-single {
  position: absolute;
  top: 12px;
  right: 20px;
}
@media (max-width: 899px) {
  .editor-switch {
    display: none;
  }
}

.editor-switch__button {
  height: 32px;
  width: 40px;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
  line-height: 31px;
  font-size: 20px;
  color: #B2B7BF;
  border-radius: 10px;
}
.editor-switch__button.is-active {
  box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  background-color: #f5f5f5;
}
.editor-switch__button.is-active:hover, .editor-switch__button.is-active:focus, .editor-switch__button.is-active:active {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-decoration: none;
  color: #0a9b94;
}
.editor-switch__button.is-innactive {
  background-color: rgba(0, 0, 0, 0.09);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08) inset;
  color: rgba(60, 74, 96, 0.3);
}
.editor-switch__button.is-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.editor-switch__button.is-left.is-innactive {
  border-right: 0;
}
.editor-switch__button.is-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.editor-switch__button.is-right.is-innactive {
  border-left: 0;
}
@media (max-width: 899px) {
  .editor-switch__button {
    display: none;
  }
}

.ja .editor-switch.on-dual .tooltip {
  width: 60px;
}

.import-moved {
  width: 600px;
  margin: 0 auto;
}
@media (max-width: 899px) {
  .import-moved {
    width: 100%;
    padding: 0 30px;
  }
}

.import-moved__heading {
  margin-top: 60px;
}

.import-moved__description {
  line-height: 1.6;
  margin-bottom: 30px;
}

.import-moved__imported-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.import-moved__imported-item {
  margin-bottom: 10px;
}

.import-moved__meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  margin-bottom: 10px;
  color: #3c4a60;
}

.import-moved__imported-at, .import-moved__imported-to {
  display: flex;
  flex-wrap: wrap;
}

.import-moved__imported-at {
  margin-right: 10px;
}

.import-moved__imported-at-title, .import-moved__imported-to-title {
  font-weight: bold;
  margin-right: 5px;
}

.import-moved__imported-post-fullname {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}

.import-moved__imported-post-url {
  color: #3c4a60;
}

.import-moved__imported-caret {
  position: absolute;
  top: 50%;
  right: 16px;
  color: #0a9b94;
}

.import-moved__imported-link {
  display: block;
  background-color: #ECF5F4;
  padding: 20px 40px 20px 20px;
  border-radius: 10px;
  position: relative;
}
.import-moved__imported-link:hover, .import-moved__imported-link:focus {
  text-decoration: none;
  background-color: #C7EBE6;
}
.import-moved__imported-link:hover .import-moved__meta, .import-moved__imported-link:hover .import-moved__imported-post-url, .import-moved__imported-link:hover .import-moved__imported-caret, .import-moved__imported-link:focus .import-moved__meta, .import-moved__imported-link:focus .import-moved__imported-post-url, .import-moved__imported-link:focus .import-moved__imported-caret {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.post-index-wrapper .main-column {
  float: left;
}

.posts-edit .body, .posts-new .body {
  padding-bottom: 0;
}
@media (max-width: 899px) {
  .posts-edit .body, .posts-new .body {
    padding-right: 0;
  }
}
.posts-edit .preview-content, .posts-new .preview-content {
  padding-right: 10px;
}
.posts-edit .preview-content .markdown, .posts-new .preview-content .markdown {
  padding-bottom: 30px;
}

#preview-body .markdown_diff {
  display: none;
}
#preview-body.diff-mode .markdown {
  display: none;
}
#preview-body.diff-mode .markdown_diff {
  display: block;
}

.preview-content {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.preview-content img {
  max-width: 100%;
}

.preview-caution {
  font-size: 300%;
  color: rgba(60, 74, 96, 0.1);
  text-align: center;
  line-height: 1.4;
}
.preview-caution i {
  display: block;
  font-size: 300%;
}

.preview-caution-post-name {
  color: rgba(60, 74, 96, 0.7);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.posts-edit-nav-tabs {
  display: none;
  margin-bottom: 30px;
}

.diff-preview {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 0;
  right: 10px;
  text-align: right;
  display: none;
  color: rgba(60, 74, 96, 0.7);
}
.diff-preview i {
  color: #B2B7BF;
  font-size: 130%;
}
.diff-preview label {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  line-height: 1.6;
}
.diff-preview label:hover {
  cursor: pointer;
  color: #3c4a60;
}
.diff-preview label:hover i {
  color: #0a9b94;
}
.diff-preview input {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  margin-right: 2px;
}
.diff-preview input:checked + label {
  color: #3c4a60 !important;
  background-color: #f5f5f5;
}
.diff-preview input:checked + label i {
  color: #0a9b94;
}

.posts-edit .diff-preview {
  display: block;
}

.posts-edit-content {
  display: flex;
  flex-direction: row;
}

.posts-edit .container, .posts-edit .container--authorization, .posts-new .container, .posts-new .container--authorization {
  width: 100%;
}
.posts-edit .posts-edit-container, .posts-new .posts-edit-container {
  flex: 1 0 50%;
  overflow-wrap: break-word;
}
.posts-edit .posts-edit-container.is-left, .posts-new .posts-edit-container.is-left {
  margin-right: 30px;
}
@media (max-width: 899px) {
  .posts-edit .posts-edit-nav-tabs, .posts-new .posts-edit-nav-tabs {
    display: block;
  }
  .posts-edit .container, .posts-edit .container--authorization, .posts-new .container, .posts-new .container--authorization {
    width: 100%;
  }
  .posts-edit .posts-edit-container, .posts-new .posts-edit-container {
    flex: 1 0 100%;
  }
  .posts-edit .posts-edit-container.is-left, .posts-new .posts-edit-container.is-left {
    width: 100%;
    margin-right: 0;
  }
  .posts-edit .posts-edit-container.is-right, .posts-new .posts-edit-container.is-right {
    width: 100%;
  }
}
.posts-edit .form-posts-title, .posts-new .form-posts-title {
  font-size: 140%;
  height: auto;
}
.posts-edit .preview-content, .posts-new .preview-content {
  overflow: scroll;
}
.posts-edit .tags, .posts-new .tags {
  margin-bottom: 0;
}

.post-body-wrapper {
  padding-bottom: 20px;
}

.posts-title {
  -webkit-font-smoothing: antialiased;
}

.posts-editing-users {
  border-radius: 4px;
  position: relative;
  position: relative;
}
.posts-editing-users:after {
  position: absolute;
  content: "";
  display: block;
  border: 6px solid #FFF;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -12px;
  left: 20px;
}
.posts-editing-users:before {
  position: absolute;
  content: "";
  display: block;
  border: 7px solid #d6d6d6;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -14px;
  left: 19px;
}
.posts-editing-users {
  padding: 0 10px;
  margin-bottom: 15px;
  border: 1px dashed #d6d6d6;
}
.posts-editing-users .circle-thumbnail-s {
  height: 26px;
  width: 26px;
  border-radius: 26px;
}
.posts-editing-users .circle-thumbnail-s img {
  height: 26px;
  width: 26px;
  border-radius: 26px;
}
.posts-editing-users__editing {
  float: left;
  margin-right: 10px;
  margin-top: 12px;
  color: rgba(60, 74, 96, 0.7);
  line-height: 20px;
  font-weight: 600;
}

.post-search-help {
  margin-top: 130px;
}

@media (min-width: 900px) {
  .posts-edit-content.tab-content > .tab-pane {
    display: block;
  }
}
@media (max-width: 899px) {
  .post-save__caption {
    display: none;
  }
  .post-save, .post-save__item, .post-save__wip, .post-save__shipit {
    width: 100%;
  }
  .post-save {
    margin-top: 10px;
  }
  .btn-wip, .btn-shipit {
    width: 100%;
  }
  .btn-wip {
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .btn-shipit {
    border-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
.post-body {
  padding-top: 30px;
}

.esa-io {
  background: #0a9b94;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  height: 100% !important;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.esa-io .container, .esa-io .container--authorization {
  width: 950px;
  margin: 0 auto;
}
@media (max-width: 899px) {
  .esa-io .container, .esa-io .container--authorization {
    width: 100%;
  }
}

@media print {
  .layout-app__container {
    position: relative;
  }
  .navbar-side, .navbar-head, .container-alert, .header-alert, .footer, .navbar-category, .home__right, .nav-settings__toggle, .comment--new, .comment .circle-thumbnail-m:after, .print-button, .post-title__btn, .post-title__action, .viewer-action, .post-author__change-log, .post-prev-next, .post-reference, .comment__item--form, .comment__thumbnail:after, .comment__action, .toc, .anchor .fa-link, .toast, .post-author__relative-time {
    display: none;
  }
  .post-header {
    display: block;
  }
  .post-author {
    display: none;
  }
  .post-header__print-updated-at {
    display: block;
  }
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
  .home__main-column, .container, .container--authorization {
    height: auto !important;
  }
  .categories-index .home__main-column, .container, .container--authorization {
    margin-left: 0 !important;
  }
  .diff li.ins {
    background-color: #dfd !important;
    color: #080 !important;
  }
  .diff li.del {
    background-color: #fee !important;
    color: #b00 !important;
  }
  .diff del strong {
    background-color: #fcc !important;
  }
  .diff ins strong {
    background-color: #9f9 !important;
  }
  .markdown pre code {
    white-space: pre-wrap;
  }
  .layout-wrapper {
    padding: 30px 0 30px 0;
  }
  .layout-outer__side {
    flex: 0 0 0;
    width: 0;
  }
  .post-alert {
    display: none;
  }
  .category-path__link.is-template {
    padding: 0;
  }
  .post-author__datetime {
    border-right: 0;
  }
  .markdown .code-block__copy-button {
    display: none !important;
  }
  .published {
    border-top: 0 !important;
  }
  .sharing-footer {
    display: none !important;
  }
  .markdown a {
    color: #0a9b94 !important;
  }
  [data-comments-num="0"] {
    display: none;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 0.3;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  color: #B2B7BF;
  opacity: 0.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\f053";
}
[dir=rtl] .slick-prev:before {
  content: "\f054";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\f054";
}
[dir=rtl] .slick-next:before {
  content: "\f053";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 0.3;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 4px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.3;
}

.atwho__icon-search {
  margin-right: 5px;
  color: #B2B7BF;
}

.atwho-view .cur .atwho__icon-search {
  color: rgba(255, 255, 255, 0.5);
}

.atwho__strong, .atwho-view strong {
  font-weight: bold;
  color: #3c4a60;
}

.atwho__placeholder {
  color: rgba(60, 74, 96, 0.5);
}

.atwho-view .cur .atwho__placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.typeahead__list {
  padding: 0 20px;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.typeahead__list > li.is-wip > a .typeahead__image, .typeahead__dropdown > li.is-wip > a .typeahead__image {
  opacity: 0.5;
}
.typeahead__list > li.is-wip > a .typeahead__label, .typeahead__dropdown > li.is-wip > a .typeahead__label {
  color: rgba(60, 74, 96, 0.6);
}
.typeahead__list > li.is-wip > a .typeahead__label strong, .typeahead__dropdown > li.is-wip > a .typeahead__label strong {
  color: rgba(60, 74, 96, 0.6);
}
.typeahead__list > li.is-wip > a .count-num, .typeahead__dropdown > li.is-wip > a .count-num {
  font-size: 10px;
  padding: 2px 7px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.typeahead__list > li.is-wip > a:hover .typeahead__label, .typeahead__dropdown > li.is-wip > a:hover .typeahead__label {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.typeahead__list > li.is-wip > a:hover .typeahead__label strong, .typeahead__dropdown > li.is-wip > a:hover .typeahead__label strong {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}

.typeahead__list > li > a, .typeahead__dropdown > li > a {
  padding: 7px 10px;
  color: #3c4a60;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-wrap: break-word;
  position: relative;
  border-top: 0;
}
.typeahead__list > li > a:hover, .typeahead__dropdown > li > a:hover {
  color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.typeahead__list > li > a strong, .typeahead__dropdown > li > a strong {
  font-weight: 800;
  padding: 0;
  background-color: #ffea92;
}

.typeahead__list > li:last-child > a, .typeahead__dropdown > li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.typeahead__list > li {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  border-right: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.typeahead__list > li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #f5f5f5;
}
.typeahead__list > li:last-child:hover {
  background-color: #eee;
}
.typeahead__list > li:last-child:hover .typeahead__more-search-icon, .typeahead__list > li:last-child:hover .typeahead__icon-more {
  color: #0a9b94;
}
.typeahead__list > li:last-child.typeahead__empty {
  background-color: #fff;
}
.typeahead__list > li.typeahead__empty > a {
  padding: 15px 10px;
  color: #3c4a60;
}
.typeahead__list > li.typeahead__empty strong {
  margin-left: 5px;
}

.typeahead__empty strong, .typeahead__error strong {
  background-color: transparent !important;
}

.typeahead__backdrop {
  opacity: 0 !important;
}

.typeahead__image {
  border-radius: 26px;
  width: 26px;
  height: 26px;
  min-width: 26px;
  margin-right: 6px;
}

.typeahead__label {
  display: block;
  line-height: 20px;
  padding-top: 4px;
  overflow-wrap: break-word;
}

.typeahead__label--more {
  display: block;
  text-align: center;
  line-height: 20px;
  padding: 10px;
  width: 100%;
}
.typeahead__label--more strong {
  background-color: transparent !important;
}
.typeahead__label--more .count-num {
  font-size: 11px;
}

.typeahead__icon-more {
  color: #B2B7BF;
  position: absolute;
  bottom: 6px;
  left: 50%;
  line-height: 1;
  margin-left: -10px;
}

.typeahead__cancel-button {
  top: 10px;
}
.visible-cross-team-button .typeahead__cancel-button {
  right: 60px;
}

.visible-cross-team-button .typeahead__container.loading .typeahead__query:before, .visible-cross-team-button .typeahead__container.loading .typeahead__query:after {
  right: 58px;
}

.typeahead__more-search-icon {
  color: #B2B7BF;
  font-size: 120%;
  margin-right: 3px;
}

.typeahead__empty-icon {
  color: #B2B7BF;
  font-size: 120%;
  margin-right: 3px;
}

.typeahead__error {
  padding: 10px 0;
}

.typeahead__item a:hover .typeahead__label--more .fa, .typeahead__item a:focus .typeahead__label--more .fa {
  color: rgba(10, 155, 148, 0.5);
}
.typeahead__item a:hover .typeahead__icon-more, .typeahead__item a:focus .typeahead__icon-more {
  color: rgba(10, 155, 148, 0.5);
}

.typeahead__label .emoji {
  width: 14px;
  height: 14px;
  font-size: 1em;
  transform: translateY(-2px);
}

#payjp_checkout_box input[type=button] {
  background-color: #0a9b94 !important;
  border: 1px solid rgb(6.9090909091, 107.0909090909, 102.2545454545) !important;
  font-size: 100% !important;
  border-radius: 5px !important;
  box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.2) inset;
  color: rgba(255, 255, 255, 0.9) !important;
  background-image: linear-gradient(#0a9b94 0, #0a9b94 48%, #0a9b94 100%) !important;
}
#payjp_checkout_box input[type=button]:hover {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273) !important;
  color: white !important;
}

.form-title__template .select2-container .select2-selection--single {
  height: 36px !important;
  border-radius: 10px;
}
@media (max-width: 899px) {
  .form-title__template .select2-container .select2-selection--single {
    height: 28px !important;
  }
}
.form-title__template .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
  font-size: 110%;
  color: #3c4a60 !important;
  padding-left: 40px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: white 0 1px 0 inset;
}
@media (max-width: 899px) {
  .form-title__template .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 26px !important;
    line-height: 26px !important;
    padding-left: 35px;
  }
}
.form-title__template .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(60, 74, 96, 0.4);
}
@media (max-width: 899px) {
  .form-title__template .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 15px;
  }
}
.form-title__template .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: #f5f5f5;
}
.form-title__template .select2-container--default .select2-selection--single.select2-container--open {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form-title__template .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  line-height: 36px;
  width: 30px;
}
@media (max-width: 899px) {
  .form-title__template .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    line-height: 28px;
  }
}
.form-title__template .select2 input, .form-title__template .select2 select {
  outline: 0 !important;
}
.form-title__template .select2-container--focus {
  display: none !important;
}
.form-title__template .select2-results__option {
  padding: 10px 15px;
}
.form-title__template .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #B2B7BF transparent transparent transparent;
}
.form-title__template .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #B2B7BF transparent;
}
.form-title__template .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.form-title__template .select2-results__option {
  padding: 15px 10px !important;
}
.form-title__template .select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 10px;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #eee;
  background-color: #B2B7BF;
  border-radius: 16px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  background-color: #0a9b94;
}

.select2-results__options {
  max-height: 400px !important;
}
.select2-results__options li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-results__option {
  padding: 6px 15px !important;
}
.select2-results__option i {
  color: #B2B7BF !important;
  font-size: 140% !important;
  margin-right: 3px;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: 2px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: rgba(0, 0, 0, 0.1) !important;
  outline: 0 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #66afe9 !important;
  box-shadow: 0 0 5px #66afe9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #3c4a60 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f5f5f5 !important;
  color: #0a9b94 !important;
}

.select2-container--default .select2-results__option--highlighted i.fa.fa-check {
  color: #0a9b94 !important;
}

.select2-results__option {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.select2-results__option i.fa.fa-check {
  font-size: 13px !important;
  color: #3c4a60 !important;
  position: relative;
  top: 6px;
  margin-left: 5px;
  margin-right: 5px;
}

.slick-prev {
  left: -40px;
  z-index: 10;
}
.slick-prev:before {
  font-family: FontAwesome;
}
.slick-prev:hover:before {
  color: rgba(178, 183, 191, 0.6);
}
@media (max-width: 899px) {
  .slick-prev {
    left: 30px;
    top: 80px;
  }
}

.slick-next {
  right: -40px;
  z-index: 10;
}
.slick-next:before {
  font-family: FontAwesome;
}
.slick-next:hover:before {
  color: rgba(178, 183, 191, 0.6);
}
@media (max-width: 899px) {
  .slick-next {
    right: 30px;
    top: 80px;
  }
}

.slick-dots li button:before {
  font-family: FontAwesome;
}
@media (max-width: 899px) {
  .slick-dots {
    bottom: -50px;
  }
  .slick-dots li button:before {
    font-size: 4px;
  }
}

#toast-container > .toast {
  background-image: none;
  border-radius: 10px;
}

#toast-container > div {
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 1;
  padding: 13px 20px 13px 42px;
  transition-duration: 0.3s;
}
#toast-container > div:hover {
  opacity: 0.9;
  box-shadow: none;
}

#toast-container > .toast:before {
  position: absolute;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  padding-right: 0.5em;
  top: 14px;
  left: 15px;
}

#toast-container > .toast.toast-success:before {
  content: "\f058";
}

#toast-container > .toast.toast-success {
  background-color: #3c4a60;
  background-image: none !important;
}

#toast-container > .toast.toast-info:before {
  content: "\f058";
}

#toast-container > .toast.toast-info {
  background-color: #3c4a60;
  background-image: none !important;
}

#toast-container > .toast.toast-info:before {
  content: "\f05a";
}

#toast-container > .toast.toast-warning {
  background-color: #f29600;
  background-image: none !important;
}

#toast-container > .toast.toast-warning:before {
  content: "\f071";
}

#toast-container > .toast.toast-error {
  background-color: #e95513;
  background-image: none !important;
}

#toast-container > .toast.toast-error:before {
  content: "\f071";
}

.toast-top-right {
  top: 70px;
}
@media (max-width: 899px) {
  .toast-top-right {
    top: 12px;
  }
}

.toast-top-center {
  top: 10px;
}

.toast-message {
  font-size: 12px;
}

.toast-message a {
  text-decoration: underline;
}
.toast-message a:hover {
  color: white;
}
.toast-message a:focus {
  color: white;
}

.toast-close-button {
  right: -0.7em;
  top: -0.5em;
  font-size: 16px;
  font-weight: normal;
  text-shadow: none;
  opacity: 1;
}

.toast-close-button:hover, .toast-close-button:focus {
  color: white;
  outline: none;
}

.toast-button {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
  transition-duration: 0.3s;
  margin-top: 10px;
}

.toast-button:hover, .toast-button:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: white !important;
  outline: none;
}

.toast-info .toast-button {
  background-color: rgba(0, 0, 0, 0.3);
}
.toast-info .toast-button:hover, .toast-info .toast-button:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.simple-layout .toast-top-right {
  top: 12px !important;
}

.editor-codemirror .CodeMirror {
  transition-duration: 0.2s;
  background-color: #f5f5f5;
}
.editor-codemirror .CodeMirror.is-focused {
  background-color: white;
}
.editor-codemirror .CodeMirror-selected {
  background: #d9d9d9;
}
.editor-codemirror .CodeMirror-focused .CodeMirror-selected {
  background: #b3d7fd;
}
.editor-codemirror .CodeMirror {
  margin-top: -12px;
  padding-top: 12px;
  color: #3c4a60;
  font-size: 15px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8;
}
@media (max-width: 899px) {
  .editor-codemirror .CodeMirror {
    font-size: 16px;
  }
}
.editor-codemirror .CodeMirror pre.CodeMirror-placeholder {
  color: rgba(60, 74, 96, 0.3);
}
.editor-codemirror .CodeMirror pre {
  padding: 0 0 0 10px;
}
.editor-codemirror .CodeMirror .CodeMirror-cursor {
  margin-top: 4px;
}
.editor-codemirror .CodeMirror .CodeMirror-cursor:not(.cm-fat-cursor) {
  border-left: thin solid black;
}
.editor-codemirror .CodeMirror .CodeMirror-linenumber {
  font-size: 10px;
  top: 5px;
  color: #b6bdc6;
}
.editor-codemirror .CodeMirror-gutters {
  border-right: 0;
  background-color: #EEE;
  transition-duration: 0.2s;
}
.editor-codemirror .CodeMirror-gutters.is-focused {
  background-color: #f5f5f5;
}
.editor-codemirror .CodeMirror-lines {
  padding: 15px 15px 20px 0;
}
.editor-codemirror .CodeMirror-other-cursor {
  z-index: 3;
}
.editor-codemirror .CodeMirror-wrap pre {
  word-break: break-all;
}

.cm-s-esa .cm-invalidchar {
  color: inherit;
}
.cm-s-esa .cm-link {
  text-decoration: none;
}
.cm-s-esa .cm-comment {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  white-space: pre-wrap;
  border-radius: 4px;
  font-size: 90%;
}
.cm-s-esa .cm-cica {
  font-family: Cica, monospace;
}
.cm-s-esa .cm-strikethrough {
  text-decoration: none;
}
.cm-s-esa .cm-strong {
  font-weight: normal;
}
.cm-s-esa .cm-em {
  font-style: normal;
}
.cm-s-esa .cm-header {
  font-weight: normal;
}
.cm-s-esa .cm-header-1 {
  font-size: 170%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .cm-s-esa .cm-header-1 {
    font-size: 110%;
  }
}
.cm-s-esa .cm-header-2 {
  font-size: 130%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .cm-s-esa .cm-header-2 {
    font-size: 110%;
  }
}
.cm-s-esa .cm-header-3 {
  font-size: 120%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .cm-s-esa .cm-header-3 {
    font-size: 110%;
  }
}
.cm-s-esa .cm-header-4 {
  font-size: 110%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .cm-s-esa .cm-header-4 {
    font-size: 110%;
  }
}
.cm-s-esa .cm-header-5 {
  font-size: 105%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .cm-s-esa .cm-header-5 {
    font-size: 110%;
  }
}

.CodeMirror-hints.esa {
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
  font-size: 100%;
  padding: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}
.CodeMirror-hints.esa .CodeMirror-hint {
  padding: 6px 8px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.CodeMirror-hints.esa .CodeMirror-hint:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.CodeMirror-hints.esa .CodeMirror-hint:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.CodeMirror-hints.esa .CodeMirror-hint .circle-thumbnail-s {
  margin-right: 3px;
}
.CodeMirror-hints.esa .CodeMirror-hint:hover {
  background-color: #376bfb;
  color: white;
}
.CodeMirror-hints.esa .CodeMirror-hint-active {
  background-color: #376bfb;
  color: white;
}

.editor-codemirror-v6 #js_cm_editor {
  transition: height 0.2s;
}
.editor-codemirror-v6 .cm-editor {
  height: 100%;
  transition: background-color 0.2s;
  background-color: #f5f5f5;
}
.editor-codemirror-v6 .cm-editor.cm-focused {
  background-color: white;
  outline: none;
}
.editor-codemirror-v6 .cm-scroller {
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
}
.editor-codemirror-v6 .cm-selectionBackground {
  background: #d9d9d9;
}
.editor-codemirror-v6 .cm-editor.cm-focused .cm-selectionBackground {
  background: #b3d7fd;
}
.editor-codemirror-v6 .cm-content {
  color: #3c4a60;
  font-size: 15px;
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .cm-content {
    font-size: 16px;
  }
}
.editor-codemirror-v6 .cm-cursor {
  border-left: thin solid black;
}
.editor-codemirror-v6 .cm-lineNumbers .cm-gutterElement {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 10px;
  color: #b6bdc6;
}
.editor-codemirror-v6 .cm-gutters {
  border-right: 0;
  background-color: #EEE;
  transition: background-color 0.2s;
}
.editor-codemirror-v6 .cm-editor.cm-focused .cm-gutters {
  background-color: #f5f5f5;
}
.editor-codemirror-v6 .cm-line {
  word-break: break-all;
}
.editor-codemirror-v6 .tok-link {
  text-decoration: none;
}
.editor-codemirror-v6 .tok-monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  white-space: pre-wrap;
  border-radius: 4px;
  font-size: 90%;
}
.editor-codemirror-v6 .tok-cica {
  font-family: Cica, monospace;
}
.editor-codemirror-v6 .tok-cica .tok-monospace {
  font-family: inherit;
}
.editor-codemirror-v6 .tok-strikethrough {
  text-decoration: none;
}
.editor-codemirror-v6 .tok-heading {
  font-weight: normal;
}
.editor-codemirror-v6 .tok-heading1 {
  font-size: 170%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .tok-heading1 {
    font-size: 110%;
  }
}
.editor-codemirror-v6 .tok-heading2 {
  font-size: 130%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .tok-heading2 {
    font-size: 110%;
  }
}
.editor-codemirror-v6 .tok-heading3 {
  font-size: 120%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .tok-heading3 {
    font-size: 110%;
  }
}
.editor-codemirror-v6 .tok-heading4 {
  font-size: 110%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .tok-heading4 {
    font-size: 110%;
  }
}
.editor-codemirror-v6 .tok-heading5 {
  font-size: 105%;
  font-weight: 700;
}
@media (max-width: 899px) {
  .editor-codemirror-v6 .tok-heading5 {
    font-size: 110%;
  }
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete {
  font-family: "Lato", Arial, Emoji, "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: normal;
  font-size: 100%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul {
  padding: 0;
  font-family: inherit;
  background: white;
  max-height: calc(7.5 * (1.5em + 12px));
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li {
  padding: 6px 8px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  line-height: 1.5;
  min-height: calc(1.5em + 11px);
  background: white;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li img.circle-thumbnail-s {
  border-radius: 12px;
  margin-right: 3px;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li:hover {
  background-color: #376bfb;
  color: white;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] {
  background-color: #376bfb;
  color: white;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete .cm-completionIcon {
  display: none;
}
.editor-codemirror-v6 .cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail {
  font-style: normal;
  margin-left: 0.3em;
}

.d2h-diff-table {
  table-layout: fixed;
  font-size: 15px;
}

.d2h-file-wrapper {
  border: 0 !important;
  border-radius: 0 !important;
}

.d2h-code-linenumber {
  border-width: 0 1px 0 0 !important;
  width: 66px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.line-num1, .line-num2 {
  font-size: 11px;
  width: 30px !important;
  position: relative;
  top: 8px;
}

div.d2h-code-line .d2h-code-line-ctn {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  line-height: 1.8;
}

.d2h-code-line-prefix-col {
  width: 2em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.d2h-code-line-prefix-col .d2h-code-line-prefix {
  margin: 0 1em;
}

.d2h-diff-tbody > tr > td {
  vertical-align: top;
}

.d2h-code-line-prefix {
  position: relative;
  top: 5px;
  color: rgba(60, 74, 96, 0.7);
}

.d2h-v3 .d2h-file-diff .d2h-del {
  color: #b00;
}
.d2h-v3 .d2h-file-diff .d2h-del.d2h-change {
  background-color: #fee8e9;
}
.d2h-v3 .d2h-file-diff .d2h-ins {
  color: #080;
}
.d2h-v3 .d2h-file-diff .d2h-ins.d2h-change {
  background-color: #dfd;
}

div:where(.swal2-container) {
  --swal2-border-radius: 10px;
  --swal2-color: #3c4a60;
  --swal2-padding: 32px 20px;
  font-size: 14px;
}

.swal2-html-container {
  font-size: 14px;
}
.swal2-html-container p {
  margin: 0;
  padding: 0;
}

div:where(.swal2-icon) {
  border: none;
  height: auto;
  width: auto;
  margin: 0 0 32px 0;
}
div:where(.swal2-icon).swal2-error {
  color: #e95513;
}
div:where(.swal2-icon).swal2-warning {
  color: #f29600;
}
div:where(.swal2-icon).swal2-success {
  color: #0a9b94;
}
div:where(.swal2-icon).swal2-info {
  color: #B2B7BF;
}
div:where(.swal2-icon).swal2-question {
  color: #B2B7BF;
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: none;
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-icon-content {
  animation: none;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: none;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: none;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: none;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: none;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: none;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: none;
}

div:where(.swal2-icon) .swal2-icon-content {
  font-size: 100px;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
  padding: 0;
}

.swal2-title {
  padding: 0;
  margin: 0 0 12px 0;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 17px;
}

div:where(.swal2-container) div:where(.swal2-actions) {
  margin: 24px 0 0 0;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
  box-shadow: none;
}

div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0 8px;
  padding: 8px 24px;
  font-size: 14px;
  border-radius: 10px;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: #3c4a60;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover, div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus {
  background-color: rgb(79.6153846154, 98.1923076923, 127.3846153846);
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  background-color: #e95513;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover, div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus {
  background-color: rgb(239.3928571429, 117.8214285714, 63.6071428571);
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  background-color: white;
  border: 1px solid rgba(60, 74, 96, 0.7);
  color: rgba(60, 74, 96, 0.7);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover, div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus {
  background-color: #f5f5f5;
}

div:where(.swal2-container) div:where(.swal2-footer) {
  border-top: 0;
  margin: 16px 0 0 0;
  padding: 0;
  font-size: 12px;
}
div:where(.swal2-container) div:where(.swal2-footer) a {
  color: #3c4a60;
}
div:where(.swal2-container) div:where(.swal2-footer) a i {
  color: #B2B7BF;
}
div:where(.swal2-container) div:where(.swal2-footer) i {
  margin-right: 2px;
}

.swal2-actions {
  display: block;
}

.swal2-styled {
  margin-top: 10px;
  width: 100%;
}

.swal2-confirm.is-danger {
  background-color: #e95513;
}

.swal-token__popup {
  width: 600px;
  max-width: 90vw;
}

.swal-token__content {
  text-align: left;
}

.swal-token__description {
  font-size: 16px;
  text-align: center;
  margin: 10px 0 30px;
}

.swal-token__container {
  display: flex;
  padding: 20px;
  background-color: #f5f5f5;
  gap: 10px;
  margin-bottom: 25px;
  align-items: stretch;
  border-radius: 10px;
}
@media (max-width: 899px) {
  .swal-token__container {
    display: block;
  }
}

.swal-token__input {
  flex: 1;
  padding: 12px;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: white;
  color: #3c4a60;
  word-break: break-all;
}
.swal-token__input:focus {
  outline: none;
  border-color: #64Ace5;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(13, 153, 255, 0.4), 1px 1px 3px 0 rgba(0, 0, 0, 0.06) inset;
}
@media (max-width: 899px) {
  .swal-token__input {
    width: 100%;
  }
}

.swal-token__copy-btn i {
  color: #B2B7BF;
}
@media (max-width: 899px) {
  .swal-token__copy-btn {
    margin-top: 10px;
  }
}

.swal-token__copy-btn--copied {
  background-color: #0a9b94;
  color: white;
}
.swal-token__copy-btn--copied i {
  color: #97CEC9 !important;
}
.swal-token__copy-btn--copied:hover, .swal-token__copy-btn--copied:focus, .swal-token__copy-btn--copied:active {
  background-color: rgb(8.4545454545, 131.0454545455, 125.1272727273);
}
.swal-token__copy-btn--copied:hover i, .swal-token__copy-btn--copied:focus i, .swal-token__copy-btn--copied:active i {
  color: #97CEC9 !important;
}

.swal-token__checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.swal-token__confirm-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin: 0;
}

.swal-token__confirm-label {
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #3c4a60;
  font-weight: 500;
  font-size: 14px;
}

.swal2-confirm[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.swal-token__popup .swal2-icon.swal2-warning {
  border-color: #e95513 !important;
  color: #e95513 !important;
}
.swal-token__popup .swal2-icon.swal2-warning::before {
  color: #e95513 !important;
}
.swal-token__popup .swal2-icon.swal2-warning::after {
  background-color: #e95513 !important;
}

.swal-token__title {
  color: #e95513 !important;
  font-size: 20px;
  font-weight: bold;
}