@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap);
@charset "UTF-8"; /*! nouislider - 10.1.0 - 2017-07-28 17:11:18 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connect {
  background: #3FB8AF;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: none;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon, .sweet-alert .sa-error-container .form__select:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: 50% 50%;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  transform: scale(1);
}

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  transition: all 0.3s;
}

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
  -moz-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
  -ms-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #7ecff4;
}

.sweet-alert button:active {
  background-color: #5dc2f1;
}

.sweet-alert button.cancel {
  background-color: #C1C1C1;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: "";
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9 ;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9 ;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9 ;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  box-sizing: border-box;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-fall.la-dark {
  color: #333;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translateY(145%);
  }
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

:root {
  --font-family: normal 14px/1.231 "Roboto", "Helvetica Neue", Arial, sans-serif;
}

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

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background-color: var(--body-background-color);
  background-size: cover;
  color: #323131;
  cursor: default;
  font: var(--font-family);
  min-height: 100%;
  height: 100%;
}
body.no-image {
  background-image: unset !important;
  background-size: initial !important;
}

input, textarea, keygen, select, button {
  font: normal 14px/1.231 "Roboto", "Helvetica Neue", Arial, sans-serif;
  border-radius: 0;
  outline: none;
}
input:focus, textarea:focus, keygen:focus, select:focus, button:focus {
  outline: none;
}

body a {
  text-decoration: none;
  outline: none !important;
  color: #0b78e3;
}

body a:hover {
  text-decoration: none;
}

body a img {
  border: 0;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

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

h1 {
  font-size: 31px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 20px;
}

h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 20px;
}

h3 {
  font-size: 22px;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: normal;
}

h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 20px;
}

h6, .form__label {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: uppercase;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("/fonts/Material Icons"), local("/fonts/MaterialIcons-Regular"), url(/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/fonts/MaterialIcons-Regular.woff) format("woff"), url(/fonts/MaterialIcons-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Signika";
  font-style: normal;
  src: url(/fonts/Signika-Regular.otf);
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  src: url(/fonts/Montserrat-Regular.ttf);
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/*
F5EB42 - sun inner
E4C74D - sun outer
FFFFFF - cloud inner
D4D4D2 - cloud outer
81C0D5 - parent outer
C0E6F6 - parent inner
FFFDF2 - moon inner
DEE1C5 - moon outer
FCFCFC - stars
*/
body {
  background-color: var(--body-background-color);
}

.darklight-wrapper {
  text-align: center;
  margin-left: 20px;
}

.hamburger .darklight-wrapper {
  margin-left: 0 !important;
}

.darklight-toggle {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 36px;
  border-radius: 40px;
}

.darklight-toggle:before,
.darklight-toggle:after {
  content: "";
  display: table;
}

.darklight-toggle:after {
  clear: both;
}

.darklight-toggle-bg {
  position: absolute;
  top: 2px;
  left: -4px;
  width: 90px;
  height: 36px;
  background-color: #C0E6F6;
  border-radius: 40px;
  border: 4px solid #81C0D5;
  transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.darklight-toggle-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid red;
  border-radius: 40px;
  z-index: 2;
  opacity: 0;
}

.darklight-toggle-switch {
  top: 6px;
  position: relative;
  width: 28px;
  height: 28px;
  margin-left: 54px;
  background-color: #F5EB42;
  border: 4px solid #E4C74D;
  border-radius: 50%;
  transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.darklight-toggle-switch-figure {
  position: absolute;
  bottom: -13px;
  left: -48px;
  display: block;
  width: 80px;
  height: 30px;
  border: 8px solid #D4D4D2;
  border-radius: 20px;
  background-color: #fff;
  transform: scale(0.4);
  transition: all 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.darklight-toggle-switch-figure:before {
  content: "";
  display: block;
  position: relative;
  top: -25px;
  right: -10px;
  width: 30px;
  height: 30px;
  border: 8px solid #D4D4D2;
  border-radius: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotateZ(30deg);
  background-color: #fff;
}

.darklight-toggle-switch-figureAlt {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 2px;
  height: 2px;
  background-color: #EFEEDA;
  border-radius: 100%;
  border: 4px solid #DEE1C5;
  box-shadow: 22px -6px 0 -3px #FCFCFC, 48px -3px 0 -3px #FCFCFC, 32px -4px 0 -5px #FCFCFC, 56px 1px 0 -3px #FCFCFC, 64px 7px 0 -4px #FCFCFC, 27px 12px 0 -3px #FCFCFC, 36px 9px 0 -3px #FCFCFC;
  transition: all 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(0);
}

.darklight-toggle-switch-figureAlt:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 7px;
  width: 7px;
  height: 7px;
  background-color: #EFEEDA;
  border-radius: 100%;
  border: 4px solid #DEE1C5;
}

.darklight-toggle-switch-figureAlt:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 2px;
  height: 2px;
  background-color: #EFEEDA;
  border-radius: 100%;
  border: 4px solid #DEE1C5;
}

.darklight-toggle-input:checked ~ .darklight-toggle-switch {
  margin-left: 0;
  border-color: #DEE1C5;
  background-color: #FFFDF2;
}

.darklight-toggle-input:checked ~ .darklight-toggle-bg {
  background-color: #484848;
  border-color: #202020;
}

.darklight-toggle-input:checked ~ .darklight-toggle-switch .darklight-toggle-switch-figure {
  margin-left: 40px;
  opacity: 0;
  transform: scale(0.1);
}

.darklight-toggle-input:checked ~ .darklight-toggle-switch .darklight-toggle-switch-figureAlt {
  transform: scale(1);
}

.dark-theme {
  --body-background-image: url(/images/about/hero-dark.png);
  --body-background-color: #111111;
  --auth-background-image: url(/images/hero-auth-dark.png);
  --secret-wrapper-background-color: rgba(0, 0, 0, .8);
  --secret-background: #2C2C2E;
  --secret-background-male: #183e61;
  --secret-background-female: #5b2d4f;
  --secret-background-other: #2c2c2c;
  --secret-text-color: #eeeeee;
  --secret-border: #1C1C1E;
  --secret-category-color: #eeeeee;
  --navigation-background: #000000;
  --navigation-search-box: #1C1C1E;
  --navigation-search-box-selected: #48484A;
  --navigation-branding-text-color: #eeeeee;
  --navigation-mobile-menu-icon: #eeeeee;
  --navigation-text-color: #eeeeee;
  --navigation-tabs-separator: #1C1C1E;
  --navigation-notifications-icon: #eeeeee;
  --navigation-login-outline: #eeeeee;
  --navigation-close-icon: #eeeeee;
  --navigation-back-icon: #eeeeee;
  --navigation-back-icon-alt: #eeeeee;
  --navigation-sort-color: #eeeeee;
  --navigation-login-button-background: #2C2C2E;
  --tabs-background: #2C2C2E;
  --tabs-text-color: #eeeeee;
  --tabs-age-hint-text-color: #eeeeee;
  --vote-text-color: #eeeeee;
  --dropdown-background: #3A3A3C;
  --dropdown-text-color: #eeeeee;
  --dropdown-text-color-hover: #8E8E93;
  --dropdown-tile: #111;
  --dropdown-tile-text: #eeeeee;
  --dropdown-title: rgba(255, 255, 255, 0.8);
  --dropdown-tile-active: var(--yellow-selector);
  --dropdown-menu-bg: #111;
  --card-text-color: #eeeeee;
  --hamburger-background: #2C2C2E;
  --hamburger-text-color: #eeeeee;
  --hamburger-separator: #1C1C1E;
  --hamburger-close-icon-background: #8E8E93;
  --hamburger-close-icon: #eeeeee;
  --hamburger-open-icon: #eeeeee;
  --hamburger-open-icon-light: #eeeeee;
  --toolbar-background: #000000;
  --toolbar-icon-color: #636366;
  --toolbar-icon-color-active: #eeeeee;
  --footer-background: #1C1C1E;
  --footer-links-color: #eeeeee;
  --footer-legal-color: #8E8E93;
  --hero-background-image: url(/images/about/hero-background-light.png);
  --hero-background-brightness: 20%;
  --hero-background-greyscale: 100%;
  --rankings-background-image: url(/images/rankings/rankings-dark.png);
  --rankings-laurel: url(/images/rankings/laurel-gold.png);
  --rankings-background-brightness: 20%;
  --rankings-background-greyscale: 100%;
  --notifications-state-text-color: #eeeeee;
  --notifications-title-color: #eeeeee;
  --notifications-date-color: #8E8E93;
  --notifications-description-color: #8E8E93;
  --notifications-border-color: #2C2C2E;
  --notifications-hover: #3A3A3C;
  --notifications-background: #2C2C2E;
  --notifications-footer-color: #2C2C2E;
  --hero-background: #1C1C1E;
  --hero-title-color: #eeeeee;
  --hero-description-color: #eeeeee;
  --form-text-color: #eeeeee;
  --form-help-color: #8E8E93;
  --form-background: #2C2C2E;
  --login-background: #000000;
  --login-logo-color: #eeeeee;
  --login-title-color: #eeeeee;
  --login-close-color: #eeeeee;
  --login-form-background: #2C2C2E;
  --login-info-color: #8E8E93;
  --login-text-color: #eeeeee;
  --write-icons-color: #eeeeee;
  --write-label-background: #2C2C2E;
  --write-label-text-color: #8E8E93;
  --write-text-color: #eeeeee;
  --write-close-icon: #eeeeee;
  --write-form-background-color: #3A3A3C;
  --fresh-mobal-background: #1C1C1E;
  --fresh-modal-text-color: #eeeeee;
  --settings-text-color: #eeeeee;
  --settings-form-background: #1C1C1E;
  --settings-switch-text-color: #eeeeee;
  --changelog-text-color: #eeeeee;
  --text-title-color: #eeeeee;
  --text-paragraph-color: #8E8E93;
  --state-card-color: #3A3A3C;
  --state-title-color: #eeeeee;
  --state-label-color: #eeeeee;
  --filters-text-color: #8E8E93;
  --filters-active-text-color: #8E8E93;
  --shout-background: #1f1f1f;
  --shout-text-color: #eeeeee;
  --shout-info-color: #8E8E93;
  --shout-upload-description-background: #000000;
  --shout-upload-preview-circle-background: #000000;
  --comments-textarea-background: #1C1C1E;
  --comments-text-color: #eeeeee;
  --comments-background: #2C2C2E;
  --comments-separator: #1C1C1E;
  --comments-header-color: #000000;
  --comments-more-badge-background: #3A3A3C;
  --comments-more-badge-text-color: #eeeeee;
  --comments-more-left-border-color: #1C1C1E;
  --commens-more-background: #1C1C1E;
  --comments-border-color: #1C1C1E;
  --tabs-mobile-active-background: #1C1C1E;
  --tabs-mobile-inactive-background: #0a0a0a;
  --tabs-mobile-active-text-color: #eeeeee;
  --tabs-mobile-inactive-text-color: #eeeeee;
  --tabs-desktop-active-background: #636366;
  --tabs-desktop-inactive-background: #2C2C2E;
  --tabs-desktop-active-text-color: #eeeeee;
  --tabs-desktop-inactive-text-color: #eeeeee;
  --tabs-name: #eeeeee;
  --ranking-user-info-h4: #eeeeee;
  --ranking-user-info-h4-more: #eeeeee;
  --ranking-user-info-p: #eeeeee;
  --dialog-background: #2C2C2E;
  --dialog-text-color: #eeeeee;
  --dialog-message-color: rgba(255, 255, 255, 0.8);
  --dialog-selected-color: #eeeeee;
  --dialog-separator-color: rgba(255, 255, 255, 0.2);
  --dialog-no-transparency-background: #1C1C1E;
  --tag-text-color: #eeeeee;
  --tag-background-color: #2C2C2E;
  --search-title-color: #ffffff;
  --search-text-color: #eeeeee;
  --report-reason-background: #3A3A3C;
  --report-reason-separator: #2C2C2E;
  --report-reason-selected-color: #636366;
  --report-text: #eeeeee;
  --report-reported-by: #8E8E93;
  --about-title-color: #eeeeee;
  --about-text-color: #8E8E93;
  --about-2009-image-url: url(/images/about/2009-dark.png);
  --about-hero-desc-color: #ffffff;
  --login-title-text-color: #eeeeee;
  --login-description-text-color: #8E8E93;
  --login-description-strong-color: #eeeeee;
  --rainbow-button-text-color: #eeeeee;
  --rainbow-button-background: #2C2C2E;
  --rainbow-button-disabled-text-color: #48484A;
  --slider-background: #48484A;
  --share-text-color: #eeeeee;
  --tagger-tag-color: #eeeeee;
  --tagger-count-color: #8E8E93;
  --tagger-separator-color: #3A3A3C;
  --searchdrop-button: #2C2C2E;
  --searchdrop-text-color: #eeeeee;
  --search-results-keyword-bgcolor: #0059c5;
  --search-results-keyword-fgcolor: #FFF;
  --fab-background: #000000;
  --fab-title: #eeeeee;
  --fab-button-inactive: #0d0d0d;
  --fab-icon: #eeeeee;
  --fab-icon-background: #1C1C1E;
  --yellow-selector: #c0a80c;
  --yellow-selector-alt: #ccb20a;
  --modal-background: rgba(0, 0, 0, 0.9);
}

.light-theme {
  --body-background-image: url(/images/about/hero-light.png);
  --body-background-color: #ffffff;
  --auth-background-image: url(/images/hero-auth-light.png);
  --secret-wrapper-background-color: rgba(255, 255, 255, .8);
  --secret-background: #F9F9F9;
  --secret-background-male: #8fb5d8;
  --secret-background-female: #d2a4c6;
  --secret-background-other: #a3a3a3;
  --secret-text-color: #393939;
  --secret-border: #E9E9E9;
  --secret-category-color: #79797C;
  --navigation-background:#F9F9F9;
  --navigation-search-box: #E9E9E9;
  --navigation-search-box-selected: #AFAFB3;
  --navigation-branding-text-color: #393939;
  --navigation-mobile-menu-icon: #393939;
  --navigation-text-color: #393939;
  --navigation-tabs-separator: #E9E9E9;
  --navigation-notifications-icon: #393939;
  --navigation-login-outline: #393939;
  --navigation-close-icon: #393939;
  --navigation-back-icon: #393939;
  --navigation-back-icon-alt: #ffffff;
  --navigation-sort-color: #393939;
  --navigation-login-button-background: #ffffff;
  --tabs-background: #F9F9F9;
  --tabs-text-color: #393939;
  --tabs-age-hint-text-color: #ffffff;
  --vote-text-color: #393939;
  --dropdown-background: #F9F9F9;
  --dropdown-text-color: #393939;
  --dropdown-text-color-hover: #79797C;
  --dropdown-title: rgba(0, 0, 0, 0.7);
  --dropdown-menu-bg: rgb(232, 232, 232);
  --dropdown-tile-active: var(--yellow-selector);
  --dropdown-tile: var(--navigation-search-box);
  --dropdown-tile-text: rgba(0, 0, 0, 0.6);
  --card-text-color: #393939;
  --hamburger-background: #F9F9F9;
  --hamburger-text-color: #393939;
  --hamburger-separator: #E9E9E9;
  --hamburger-close-icon-background: #C2C2C5;
  --hamburger-close-icon: #79797C;
  --hamburger-open-icon: #393939;
  --hamburger-open-icon-light: #F9F9F9;
  --toolbar-background: #ffffff;
  --toolbar-icon-color: #79797C;
  --toolbar-icon-color-active: #393939;
  --footer-background: #ffffff;
  --footer-links-color: #393939;
  --footer-legal-color: #79797C;
  --hero-background-image: url(/images/about/hero-background-light.png);
  --hero-background-brightness: 90%;
  --hero-background-greyscale: 0%;
  --rankings-background-image: url(/images/rankings/rankings-light.png);
  --rankings-laurel: url(/images/rankings/laurel-white.png);
  --hero-background-brightness: 90%;
  --hero-background-greyscale: 0%;
  --notifications-state-text-color: #393939;
  --notifications-title-color: #393939;
  --notifications-date-color: #79797C;
  --notifications-description-color: #79797C;
  --notifications-border-color: #ffffff;
  --notifications-hover: #E9E9E9;
  --notifications-background: #F9F9F9;
  --notifications-footer-color: #F9F9F9;
  --hero-background: #E9E9E9;
  --hero-title-color: #ffffff;
  --hero-description-color: #393939;
  --form-text-color: #393939;
  --form-help-color: #79797C;
  --form-background: #F9F9F9;
  --login-background: #ffffff;
  --login-logo-color: #393939;
  --login-title-color: #393939;
  --login-close-color: #393939;
  --login-form-background: #F9F9F9;
  --login-info-color: #79797C;
  --login-text-color: #393939;
  --write-icons-color: #393939;
  --write-label-background: #F9F9F9;
  --write-label-text-color: #79797C;
  --write-text-color: #393939;
  --write-close-icon: #393939;
  --write-form-background-color: #DDDDDD;
  --fresh-mobal-background: #E9E9E9;
  --fresh-modal-text-color: #393939;
  --settings-text-color: #393939;
  --settings-form-background: #E9E9E9;
  --settings-switch-text-color: #79797C;
  --changelog-text-color: #393939;
  --text-title-color: #393939;
  --text-paragraph-color: #79797C;
  --state-card-color: #F9F9F9;
  --state-title-color: #393939;
  --state-label-color: #393939;
  --filters-text-color: #79797C;
  --filters-active-text-color: #79797C;
  --shout-background: #ececee;
  --shout-text-color: #393939;
  --shout-info-color: #79797C;
  --shout-upload-description-background: #ffffff;
  --shout-upload-preview-circle-background: #ffffff;
  --comments-textarea-background: #E9E9E9;
  --comments-text-color: #393939;
  --comments-background: #F9F9F9;
  --comments-separator: #E9E9E9;
  --comments-header-color: #ffffff;
  --comments-more-badge-background: #E9E9E9;
  --comments-more-badge-text-color: #393939;
  --comments-more-left-border-color: #E9E9E9;
  --commens-more-background: #E9E9E9;
  --comments-border-color: #E9E9E9;
  --tabs-mobile-active-background: #9C9C9E;
  --tabs-mobile-inactive-background: #dedede;
  --tabs-mobile-active-text-color: #393939;
  --tabs-mobile-inactive-text-color: #393939;
  --tabs-desktop-active-background: #00a8df;
  --tabs-desktop-inactive-background: #E9E9E9;
  --tabs-desktop-active-text-color: #ffffff;
  --tabs-desktop-inactive-text-color: #393939;
  --tabs-name: #393939;
  --ranking-user-info-h4: #ffffff;
  --ranking-user-info-h4-more: #393939;
  --ranking-user-info-p: #ffffff;
  --dialog-background: #F9F9F9;
  --dialog-text-color: #393939;
  --dialog-message-color: #79797C;
  --dialog-selected-color: #393939;
  --dialog-separator-color: #E9E9E9;
  --dialog-no-transparency-background: #E9E9E9;
  --tag-text-color: #393939;
  --tag-background-color: #E9E9E9;
  --search-title-color: #ffffff;
  --search-text-color: #393939;
  --report-reason-background: #F9F9F9;
  --report-reason-separator: #E9E9E9;
  --report-reason-selected-color: #C2C2C5;
  --report-text: #393939;
  --report-reported-by: #79797C;
  --about-title-color: #393939;
  --about-text-color: #79797C;
  --about-2009-image-url: url(/images/about/2009-light.png);
  --about-hero-desc-color: #000000;
  --login-title-text-color: #393939;
  --login-description-text-color: #79797C;
  --login-description-strong-color: #393939;
  --rainbow-button-text-color: #393939;
  --rainbow-button-background: #ffffff;
  --rainbow-button-disabled-text-color: #AFAFB3;
  --slider-background: #ffffff;
  --share-text-color: #393939;
  --tagger-tag-color: #393939;
  --tagger-count-color: #79797C;
  --tagger-separator-color: #C2C2C5;
  --searchdrop-button: #C2C2C5;
  --searchdrop-text-color: #393939;
  --search-results-keyword-bgcolor: #ffe298;
  --search-results-keyword-fgcolor: #000;
  --fab-background: #F9F9F9;
  --fab-title: #393939;
  --fab-button-inactive: #E9E9E9;
  --fab-icon: #393939;
  --fab-icon-background: #F9F9F9;
  --yellow-selector: #f8d708;
  --yellow-selector-alt: #e9cb09;
  --modal-background: rgba(48, 48, 48, 0.9);
}

.body {
  padding-top: 55px;
  min-height: 100%;
  overflow-x: hidden;
}
@media (max-width: 960px) {
  .body--toolbar {
    padding-bottom: 60px;
  }
  .body--toolbar.body--with-alert-toolbar {
    padding-bottom: 110px;
  }
  .body--toolbar.body--with-alert-toolbar.body--secret-modal, .body--toolbar.body--with-alert-toolbar.body--shout-modal {
    padding-bottom: 0;
  }
  .body--comments {
    padding-bottom: 55px !important;
  }
  .body--about {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
  }
}
.body--black {
  background-color: #0e0e0e;
}
.body--white {
  background-color: #fafafa;
}
.body--white .main {
  color: #323131;
}
.body--secret-modal  {
  overflow: hidden;
}
@media (max-width: 960px) {
  .body--secret-modal  {
    overflow-x: hidden !important;
    background-color: #2F3035;
  }
  .body--secret-modal  .main {
    color: #323131;
  }
}
.body--shout-modal  {
  overflow: hidden;
}
@media (max-width: 960px) {
  .body--shout-modal  {
    padding-top: 0;
    overflow-x: hidden !important;
    background-color: #2F3035;
  }
  .body--shout-modal  .main {
    color: #323131;
  }
}
.body--report-modal {
  overflow: hidden;
}
@media (max-width: 960px) {
  .body--with-dropdown {
    position: fixed;
    left: 0;
    width: 100%;
  }
  .body--with-dropdown:not(.keep-toolbar) #main-toolbar {
    display: none;
  }
}
@media (max-width: 960px) {
  .body--no-nav-mobile {
    padding-bottom: 0;
  }
  .body--no-nav-mobile #main-navigation {
    display: none;
  }
  .body--no-nav-mobile #main-tabs {
    display: none;
  }
  .body--no-nav-mobile #main-toolbar {
    display: none;
  }
}
.body--no-tabs #main-tabs {
  display: none;
}
@media (max-width: 960px) {
  .body--no-tabs #main-navigation {
    box-shadow: 0 1px 0 #222;
  }
}
.body--no-navigation {
  padding-top: 0;
}
.body--no-navigation #main-navigation {
  display: none;
}
.body--no-navigation #main-tabs {
  display: none;
}
.body--no-toolbar {
  padding-bottom: 0;
}
.body--no-toolbar #main-toolbar {
  display: none !important;
}
.body--centered .main {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.body--centered .main .hero, .body--centered .main .hero-grid {
  align-self: flex-start;
}
.body--no-overflow {
  overflow: hidden;
}
.body__loading {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 55px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 960px) {
  .body__loading {
    bottom: 50px;
  }
}
.body--loading .body__loading {
  display: block;
}
.body--loading-full .body__loading {
  top: 0;
  bottom: 0;
  display: block;
}
@media (max-width: 960px) {
  .body {
    overflow-x: hidden;
  }
  .body--notifications {
    position: relative;
    background-color: #fff;
    padding-top: 0;
  }
  .body--notifications #main-navigation {
    position: relative;
  }
  .body--notifications .navigation__primary,
.body--notifications .main,
.body--notifications .dropdown.dropdown--user,
.body--notifications .dropdown__backdrop,
.body--notifications #notifications-bell,
.body--notifications .navigation__search {
    display: none !important;
  }
  .body--notifications .dropdown.dropdown--notifications,
.body--notifications .navigation__secondary,
.body--notifications .navigation__secondary > .hide--on-mobile {
    display: block !important;
    float: none;
    width: 100%;
    height: auto;
    right: auto;
  }
  .body--no-navigation\@mobile #main-navigation {
    display: none;
  }
}

.main {
  color: #999;
  width: 100%;
  min-height: calc(100vh - 325px);
}
.main--important {
  z-index: 30;
}
.main .card {
  color: var(--card-text-color);
}
.main .card--dark {
  color: #fff;
}
@media (max-width: 960px) {
  .main .secrets__list {
    padding: 16px 0;
  }
}

.content {
  display: flex;
  width: 100%;
}

.backdrop {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin: 0 -16px;
}
.swipe .secret {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
}
.swipe .comments {
  padding: 0 16px;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > .swipe-item {
  float: left;
  width: 100%;
  position: relative;
}

.wrap, .hero__message {
  width: 100%;
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 16px;
}
.wrap--motd {
  text-align: center;
  font-family: Signika;
}
@media (max-width: 960px) {
  .wrap--motd {
    display: none;
  }
}
.wrap--no-padding {
  padding: 0;
}
.wrap__content {
  width: 100%;
}
.wrap__content--centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap__content--shouts {
  max-width: 600px;
  margin-right: auto;
}
.wrap__content + .wrap__sidebar {
  margin-left: 32px;
}
.wrap__sidebar {
  width: 300px;
}
.wrap__sidebar + .wrap__content {
  margin-left: 32px;
}
.wrap--main {
  margin-top: 32px;
  margin-bottom: 32px;
}
.wrap--full {
  max-width: none;
}
.wrap--small {
  max-width: 750px;
}
.wrap--x-small {
  max-width: 600px;
}
.wrap--medium {
  max-width: 900px;
}
.wrap--container {
  display: flex;
  justify-content: center;
}
.wrap--tabs {
  padding: 0 8px;
}
@media (max-width: 960px) {
  .wrap--tabs {
    min-height: 43px;
  }
  .wrap--main {
    margin: 8px 0;
  }
  .wrap--container {
    display: block;
  }
  .wrap__sidebar {
    margin-top: 32px;
    margin-left: 0;
    max-width: none;
    width: 100%;
  }
  .wrap__sidebar + .wrap__content {
    margin-left: 0;
  }
  .wrap__content + .wrap__sidebar {
    margin-left: 0;
  }
  .wrap--no-margin\@mobile {
    margin-bottom: 0;
  }
}

.wrap-separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.row {
  margin-top: -32px;
  margin-left: -16px;
}
.row__separator {
  clear: both;
}
.row + .row {
  margin-top: 32px;
}
.row--center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

[class*=col-] {
  float: left;
  min-height: 1px;
  margin-top: 32px;
  margin-left: 16px;
}

.col-1 {
  width: calc(8.33333333% - 16px);
}

.col-2 {
  width: calc(16.66666667% - 16px);
}

.col-3 {
  width: calc(25% - 16px);
}

.col-4 {
  width: calc(33.33333333% - 16px);
}

.col-5 {
  width: calc(41.66666667% - 16px);
}

.col-6 {
  width: calc(50% - 16px);
}

.col-7 {
  width: calc(58.33333333% - 16px);
}

.col-8 {
  width: calc(66.66666667% - 16px);
}

.col-9 {
  width: calc(75% - 16px);
}

.col-10 {
  width: calc(83.33333333% - 16px);
}

.col-11 {
  width: calc(91.66666667% - 16px);
}

.col-12 {
  width: calc(100% - 16px);
}

@media (max-width: 960px) {
  .row + .row {
    margin-top: 16px;
  }
  [class*=col-]:not(.keep-mobile) {
    margin-top: 32px;
    width: calc(100% - 16px);
  }
}
.copy {
  color: #BFBFBF;
}
.copy--padding {
  padding-top: 32px;
  padding-bottom: 32px;
}
.copy a {
  color: #0B78E3;
}
.copy a:hover {
  text-decoration: underline;
}
.copy ul {
  margin-left: 16px;
  list-style-position: inside;
}
.copy ul li {
  margin-top: 16px;
}
.copy p, .copy ul {
  font-size: 17px;
  line-height: 1.6em;
}
.copy p + h3, .copy p + h4, .copy ul + h3, .copy ul + h4 {
  margin-top: 32px;
}
.copy p + p, .copy ul + p {
  margin-top: 32px;
}
.copy p + ul, .copy ul + ul {
  margin-top: 32px;
}
.copy p.content--small, .copy ul.content--small {
  color: #999;
  font-size: 14px;
  line-height: 1em;
}
@media (max-width: 960px) {
  .copy--padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.icon, .form__select:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.icon--centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.icon--auto {
  font-size: 1em;
}
.icon--small {
  font-size: 18px;
}
.icon--large {
  font-size: 36px;
}
.icon--x-large {
  font-size: 48px;
}
.icon--dark {
  color: rgba(0, 0, 0, 0.54);
}
.icon--dark.icon--inactive {
  color: rgba(0, 0, 0, 0.26);
}
.icon--light {
  color: rgb(255, 255, 255);
}
.icon--light.icon--inactive {
  color: rgba(255, 255, 255, 0.3);
}

.loader, .softpage__loader, .dialog__loader {
  display: inline-block;
  height: 35px;
  width: 35px;
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-top-color: #000;
  border-radius: 50%;
}
.loader__fullscreen {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.loader--light, .softpage__loader, .dialog--modal .dialog__loader, .comments--dark .comments__more-replies .loader--dark, .comments--dark .comments__more-replies .dialog__loader {
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
}
.loader--centered, .softpage__loader, .dialog__loader {
  display: block;
  margin: 0 auto;
}
.loader--absolute, .dialog--modal .dialog__loader {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
.loader__message {
  text-align: center;
  text-transform: uppercase;
  margin-top: 8px;
}
.loader--small {
  width: 20px;
  height: 20px;
}
.loader--small.loader--absolute, .dialog--modal .loader--small.dialog__loader {
  margin-top: -10px;
  margin-left: -10px;
}
.loader--large, .softpage__loader, .dialog__loader {
  width: 50px;
  height: 50px;
}
.loader--large.loader--absolute, .loader--absolute.softpage__loader, .loader--absolute.dialog__loader, .dialog--modal .dialog__loader {
  margin-top: -25px;
  margin-left: -25px;
}
.loader__text {
  margin-top: 8px;
  font-size: 15px;
}

@-webkit-keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
.widget {
  margin-bottom: 48px;
}
.widget:last-child {
  margin-bottom: 0;
}
.widget--banner {
  height: 250px;
  background-color: rgba(216, 216, 216, 0.3);
}
.widget--banner-mobile {
  text-align: center;
}
.widget--margin-top {
  margin-top: 32px;
}
.widget--card {
  margin-bottom: 20px;
}
.widget__title {
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget--copy p {
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  color: #999;
}
.widget__more {
  margin-top: 16px;
  text-align: right;
}
.widget__more-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.widget__more-link .icon, .widget__more-link .form__select:after {
  position: relative;
  top: 6px;
  font-size: 20px;
}
.widget__more-link:hover {
  color: #0B78E3;
}
.widget__more-link:hover .icon, .widget__more-link:hover .form__select:after {
  color: #0B78E3;
}
@media (max-width: 960px) {
  .widget--banner-mobile {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.card {
  padding: 16px;
  background: var(--secret-background);
  border-radius: 12px;
  margin-bottom: 20px;
  display: block;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  transition: background 0.2s ease;
}
.card--light {
  background-color: #f9f9f9;
  color: #fff;
}
.card__info__title {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
}
.card__image {
  margin: -16px -16px 16px;
  background-size: cover;
  height: 150px;
  border-radius: 12px 12px 0 0;
  background-color: #000;
  display: flex;
}
.card__image--opaque {
  position: relative;
}
.card__image--opaque * {
  position: relative;
  z-index: 2;
}
.card__image--opaque:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.card__description {
  font-size: 15px;
  line-height: 20px;
}
.card__info {
  font-size: 12px;
  letter-spacing: 0.005em;
  margin-top: 8px;
  color: #999;
}
.card__info span {
  display: inline-block;
  margin-left: 8px;
}
.card__info span:first-child {
  margin-left: 0;
}
.card__ctas {
  position: absolute;
  top: 0;
  right: 0;
}
.card__ctas .button, .card__ctas .write__submit, .card__ctas .write__selector-trigger, .card__ctas .write__addtag, .card__ctas .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .card__ctas button, .card__ctas #app .dropzone .dz-message span, #app .dropzone .dz-message .card__ctas span, .card__ctas .dialog__action, .card__ctas .select, .card__ctas .state--card .state__cta, .state--card .card__ctas .state__cta {
  opacity: 0.5;
}
.card__ctas .button--active {
  opacity: 1;
}
.card__actions {
  margin: 8px -16px -16px;
  border-top: 1px solid #111111;
  padding: 0 8px;
  height: 50px;
  line-height: 50px;
}
.card__actions .button--danger {
  color: #d8405a;
}
.card__actions .button--action {
  height: 45px;
  line-height: 45px;
}
.card__actions .voting {
  float: left;
}
.card__actions-right {
  float: right;
}
.card__points {
  margin-left: 8px;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  color: #999;
}
.card__points em {
  font-style: normal;
}
.card__title {
  font-size: 21px;
  line-height: 1.2em;
  color: #2E2E2E;
  padding: 0;
  margin-bottom: 16px;
}
.card__title--shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.card__title--ask {
  position: relative;
}
.card__title--ask:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  left: -16px;
  top: 0;
  background-color: #A366E1;
}
.card__comments {
  float: right;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  color: #2E2E2E;
}

.footer {
  color: #fff;
  padding: 32px 0;
  background-color: var(--footer-background);
  margin-top: 16px;
}
@media (max-width: 960px) {
  .footer {
    display: none;
  }
}
.footer--center {
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  .footer--center {
    margin-right: 15px;
  }
}
.footer__image {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}
.footer__link {
  color: var(--footer-links-color);
  text-decoration: none;
  font-weight: 800;
  font-family: "Signika";
}
@media (max-width: 960px) {
  .footer__link {
    padding-left: 8px;
    margin-bottom: 10px;
  }
}
@media (min-width: 960px) {
  .footer__link {
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.footer__legal {
  color: var(--footer-legal-color);
  font-size: 0.85em;
  padding-left: 7px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
}

.filters {
  display: flex;
  padding: 8px 0;
}
.filters--mb {
  margin-bottom: 8px;
}
.filters--centered {
  justify-content: center;
}
.filters--vertical {
  flex-direction: column;
}
.filters--left {
  justify-content: flex-start !important;
}
.filters--right {
  justify-content: flex-end !important;
}
.filters__item {
  position: relative;
  padding: 0 8px;
  height: 100%;
  color: var(--filters-text-color);
  display: inline-block;
}
.filters__item--active {
  color: var(--filters-active-text-color);
}
.filters__item--active:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--filters-active-text-color);
}
.filters__item--active:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--filters-active-text-color);
}
@media (max-width: 960px) {
  .filters {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .filters {
    display: flex;
    justify-content: center;
    padding-top: 10px;
  }
}
@media (min-width: 960px) {
  .filters--desktop {
    display: flex;
    justify-content: flex-start;
  }
}
@media (max-width: 960px) {
  .filters--desktop {
    display: none;
  }
}

.drop-filters__label {
  color: var(--dropdown-title);
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.drop-filters__label--margin {
  margin-top: 24px;
}
.drop-filters__age {
  padding: 0 8px;
}
.drop-filters__date {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
.drop-filters__date input[type=date]::-webkit-clear-button {
  display: none;
}
.drop-filters__date input[type=date]::-webkit-inner-spin-button {
  display: none;
}
.dark-theme .drop-filters__date input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.drop-filters__date input[type=date] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  font: var(--font-family);
  font-size: 15px;
  border: 0;
  color: var(--dropdown-tile-text);
  background-color: var(--dropdown-tile);
  padding: 10px;
  display: inline-block;
  visibility: visible;
}
.drop-filters__date input[type=date]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.tabs {
  font-size: 15px;
}
.tabs__left-filters {
  display: flex;
  justify-content: center;
}
.tabs__right-filters {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.tabs-navigation {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
  margin-right: 20px;
}
@media (min-width: 960px) {
  .tabs-navigation {
    justify-content: flex-end;
  }
}
.tabs-navigation__hint {
  margin-right: 10px;
  color: gray;
  width: 140px;
}
@media (max-width: 960px) {
  .tabs-navigation__hint {
    display: none;
  }
}
.tabs--separator {
  border-right: 2px solid;
  border-color: var(--navigation-tabs-separator);
}
.tabs--separator--white {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.tabs--full .tabs__item {
  margin: 0 10px;
}
.tabs--horizontal .tabs__item {
  font-size: 15px;
  height: 55px;
  line-height: 55px;
}
@media (max-width: 960px) {
  .tabs--horizontal .tabs__item {
    margin: 0 8px;
  }
}
.tabs--horizontal-small .tabs__item {
  height: 42px;
  line-height: 42px;
}
.tabs--full-screen {
  margin-left: -16px;
  margin-right: -16px;
}
@media (max-width: 960px) {
  .tabs--full-screen {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.tabs--vertical .tabs__item {
  margin-top: 40px;
}
.tabs--vertical .tabs__item:first-child {
  margin-top: 0;
}
.tabs--bar {
  width: 100%;
  height: 55px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  position: relative;
  z-index: 2;
}
.tabs--bar .tabs__item {
  margin: 0 12px;
}
.tabs--margin {
  margin-bottom: 16px;
}
.tabs__scroll {
  width: 1024px;
}
.tabs__item {
  float: left;
  color: var(--navigation-text-color);
  padding: 0 3px;
}
.tabs__item-topbar {
  text-transform: uppercase;
  padding: 3px 28px 0 28px;
}
.tabs__item .icon, .tabs__item .form__select:after {
  position: relative;
  top: 7px;
  width: 20px;
}
.tabs__item--sep-left {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 16px;
}
.tabs__item--tab {
  font-weight: 400;
  opacity: 0.7;
}
.tabs__item--active {
  /*border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250);
  border-image-slice: 1;*/
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}
.tabs__item--active--nav {
  border: 3px solid transparent;
  -o-border-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
     border-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  border-image-slice: 1;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  padding-top: 0;
}
.tabs__item--active--tab {
  opacity: 1;
}
.tabs__item--active--tab:before {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
}
.tabs__item--half {
  width: 50%;
  text-align: center;
}
.tabs__item--new {
  position: relative;
}
.tabs__item--new:before {
  content: "New";
  position: absolute;
  z-index: 50;
  top: 5px;
  right: -4px;
  font-size: 11px;
  line-height: 13px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
}
.tabs__item--beta {
  position: relative;
}
.tabs__item--beta:before {
  content: "Beta";
  position: absolute;
  z-index: 50;
  top: 5px;
  right: -4px;
  font-size: 11px;
  line-height: 13px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
}
.tabs__badge {
  position: absolute;
  z-index: 50;
  top: 5px;
  right: -4px;
  font-size: 11px;
  line-height: 13px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
}
.tabs--fixed {
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
}
.tabs--fixed + .main {
  padding-top: 55px;
}
.tabs--inverted .tabs__item {
  color: #323133;
}
.tabs--inverted .tabs__item--active {
  color: #0B78E3;
}
.tabs--inverted .tabs__item:hover {
  color: #0B78E3;
}
@media (max-width: 960px) {
  .tabs--fixed {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0e0e0e;
    padding: 0 8px;
  }
  .tabs__background {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .tabs--inline .tabs__item {
    height: 43px;
  }
}

@media (min-width: 960px) {
  .navigation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 52px;
    padding: 8px;
  }
  .navigation-header .tabs__left-filters {
    margin-right: auto;
  }
  .navigation-header--posts .tabs__left-filters {
    margin-left: -8px;
  }
  .navigation-header--posts .tabs__right-filters {
    margin-right: -8px;
  }
  .navigation-header .tabs__right-filters {
    margin-left: auto;
  }
}

#main-tabs {
  box-shadow: 0 1px 0 #222;
  background-color: #0e0e0e;
}
#main-tabs .tabs--horizontal .tabs__item {
  font-size: 14px;
}

.checkbox3 {
  position: relative;
}

.checkbox3 input {
  position: absolute;
  left: -9999px;
}

.checkbox3 label {
  display: block;
  position: relative;
  padding: 11px 0 11px 30px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: -4px;
}

.checkbox3 label::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #CCC;
  border-radius: 1px;
  transition: background-color 0.2s;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.checkbox3 label::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 19px;
  height: 19px;
  border: 12px solid #FFF;
  margin: 1px;
  transition: all 0.05s;
  opacity: 0;
}

.checkbox3 input:checked + label::before {
  border-width: 1px;
  border-style: solid;
  background-color: #444;
  border-color: #444;
  color: #fff;
}

.checkbox3 input:checked + label::after {
  border: 3px solid #FFF;
  opacity: 1;
}

.checkbox3.checkbox-sm label {
  padding: 8px 0 8px 22px;
}

.checkbox3.checkbox-sm label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
}

.checkbox3.checkbox-sm label::after {
  width: 12px;
  height: 12px;
}

.checkbox3.checkbox-lg label {
  padding: 15px 0 15px 40px;
}

.checkbox3.checkbox-lg label::before {
  width: 28px;
  height: 27px;
  line-height: 24px;
}

.checkbox3.checkbox-lg label::after {
  width: 26px;
  height: 25px;
}

.checkbox3.checkbox-inline, .radio3.radio-inline {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}

.checkbox3.checkbox-inline input[type=checkbox], .checkbox3.checkbox-inline input[type=radio], .radio3.radio-inline input[type=checkbox], .radio3.radio-inline input[type=radio] {
  position: absolute;
}

.checkbox3.checkbox-inline, .radio3.radio-inline {
  margin-right: 20px;
}

.checkbox3.checkbox-check label::after, .checkbox3.checkbox-check input:checked + label::after {
  border: 0;
}

.checkbox3.checkbox-check label::after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #FFF;
  width: 19px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  border-width: 0;
}

.checkbox3.checkbox-check.checkbox-sm label::after {
  font-size: 9px;
  line-height: 12px;
  width: 12px;
}

.checkbox3.checkbox-check.checkbox-lg label::after {
  font-size: 16px;
  line-height: 26px;
  width: 26px;
}

.checkbox3.checkbox-check.checkbox-light label::after {
  color: #444;
}

.checkbox3.checkbox-circle label::before, .checkbox3.checkbox-circle label::after {
  border-radius: 20px;
}

.checkbox3.checkbox-round label::before, .checkbox3.checkbox-round label::after {
  border-radius: 4px;
}

.checkbox3.checkbox-s1 label::before, .checkbox3.checkbox-s1 label::after {
  border-radius: 4px;
}

.checkbox3.checkbox-light label::before {
  background-color: transparent;
}

.checkbox3.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #444;
}

.checkbox3.checkbox-info input:checked + label::before {
  background-color: #2caef5;
  border-color: #2caef5;
}

.checkbox3.checkbox-primary input:checked + label::before {
  background-color: #4183d7;
  border-color: #4183d7;
}

.checkbox3.checkbox-success input:checked + label::before {
  background-color: #36b846;
  border-color: #36b846;
}

.checkbox3.checkbox-warning input:checked + label::before {
  background-color: #ff9c00;
  border-color: #ff9c00;
}

.checkbox3.checkbox-danger input:checked + label::before {
  background-color: #e50011;
  border-color: #e50011;
}

.checkbox3.checkbox-primary.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #4183d7;
}

.checkbox3.checkbox-primary.checkbox-light input:checked + label::after {
  color: #4183d7;
}

.checkbox3.checkbox-info.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #2caef5;
}

.checkbox3.checkbox-info.checkbox-light input:checked + label::after {
  color: #2caef5;
}

.checkbox3.checkbox-success.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #36b846;
}

.checkbox3.checkbox-success.checkbox-light input:checked + label::after {
  color: #36b846;
}

.checkbox3.checkbox-warning.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #ff9c00;
}

.checkbox3.checkbox-warning.checkbox-light input:checked + label::after {
  color: #ff9c00;
}

.checkbox3.checkbox-danger.checkbox-light input:checked + label::before {
  background-color: transparent;
  border-color: #e50011;
}

.checkbox3.checkbox-danger.checkbox-light input:checked + label::after {
  color: #e50011;
}

.radio3 {
  position: relative;
}

.radio3 input {
  position: absolute;
  left: -9999px;
}

.radio3 label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}

.radio3 label::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: 10px;
  left: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #CCC;
  border-radius: 1px;
  transition: background-color 0.2s;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.radio3 label::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: 10px;
  left: 0;
  width: 19px;
  height: 19px;
  border: 12px solid #FFF;
  margin: 1px;
  opacity: 0;
}

.radio3 input:checked + label::before {
  font-family: FontAwesome;
  border-width: 1px;
  border-style: solid;
  background-color: #444;
  border-color: #444;
  color: #fff;
}

.radio3 input:checked + label::after {
  border: 3px solid #FFF;
  opacity: 1;
}

.radio3 label::before, .radio3 label::after {
  border-radius: 20px;
}

.radio3.radio-check label::after {
  content: "\f00c";
  font-family: FontAwesome;
  color: #FFF;
  width: 19px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  border-width: 0;
}

.radio3.radio-check input:checked + label::after {
  border-width: 0;
}

.radio3.radio-check.radio-light label::after {
  content: "\f00c";
  font-family: FontAwesome;
  color: #FFF;
  width: 19px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  border-width: 0;
}

.radio3.radio-check.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-check.radio-light input:checked + label::after {
  border-width: 0;
  color: #444;
}

.radio3.radio-sm label {
  padding: 8px 0 8px 22px;
}

.radio3.radio-sm label::before {
  width: 14px;
  height: 14px;
  line-height: 14px;
}

.radio3.radio-sm label::after {
  width: 12px;
  height: 12px;
}

.radio3.radio-lg label {
  padding: 15px 0 15px 40px;
}

.radio3.radio-lg label::before {
  width: 28px;
  height: 27px;
  line-height: 24px;
}

.radio3.radio-lg label::after {
  width: 26px;
  height: 25px;
}

.radio3.radio-check.radio-sm label::after {
  font-size: 9px;
  line-height: 12px;
  width: 12px;
}

.radio3.radio-check.radio-lg label::after {
  font-size: 16px;
  line-height: 26px;
  width: 26px;
}

.radio3.radio-primary input:checked + label::before {
  background-color: #4183d7;
  border-color: #4183d7;
}

.radio3.radio-info input:checked + label::before {
  background-color: #2caef5;
  border-color: #2caef5;
}

.radio3.radio-success input:checked + label::before {
  background-color: #36b846;
  border-color: #36b846;
}

.radio3.radio-warning input:checked + label::before {
  background-color: #ff9c00;
  border-color: #ff9c00;
}

.radio3.radio-danger input:checked + label::before {
  background-color: #e50011;
  border-color: #e50011;
}

.radio3.radio-primary.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-primary.radio-light input:checked + label::after {
  color: #4183d7;
}

.radio3.radio-info.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-info.radio-light input:checked + label::after {
  color: #2caef5;
}

.radio3.radio-success.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-success.radio-light input:checked + label::after {
  color: #36b846;
}

.radio3.radio-warning.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-warning.radio-light input:checked + label::after {
  color: #ff9c00;
}

.radio3.radio-danger.radio-light input:checked + label::before {
  background-color: transparent;
}

.radio3.radio-danger.radio-light input:checked + label::after {
  color: #e50011;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
  background-color: transparent;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #2c97de;
  border-radius: 8px;
  border: 0px solid #000001;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.5px 0.5px 0.3px rgba(0, 0, 0, 0.29), 0px 0px 0.5px rgba(13, 13, 13, 0.29);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 20px;
  width: 20px;
  border-radius: 19px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #359bdf;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #2c97de;
  border-radius: 8px;
  border: 0px solid #000001;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0.5px 0.5px 0.3px rgba(0, 0, 0, 0.29), 0px 0px 0.5px rgba(13, 13, 13, 0.29);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 20px;
  width: 20px;
  border-radius: 19px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #2393dd;
  border: 0px solid #000001;
  border-radius: 16px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
  background: #2c97de;
  border: 0px solid #000001;
  border-radius: 16px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type=range]::-ms-thumb {
  box-shadow: 0.5px 0.5px 0.3px rgba(0, 0, 0, 0.29), 0px 0px 0.5px rgba(13, 13, 13, 0.29);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 20px;
  width: 20px;
  border-radius: 19px;
  background: #ffffff;
  cursor: pointer;
  height: 10px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #2c97de;
}

input[type=range]:focus::-ms-fill-upper {
  background: #359bdf;
}

.form .row {
  margin-top: 32px;
}
.form .row:first-child {
  margin-top: 0;
}
.form .row.mt {
  margin-top: 32px;
}
.form__label {
  position: relative;
  font-size: 16px;
  display: block;
  color: #FAFAFA;
  margin-bottom: 6px;
  text-transform: none;
  font-weight: 400;
  color: var(--form-text-color);
}
.form__help {
  display: block;
  font-size: 15px;
  margin-bottom: 8px;
  color: var(--form-help-color);
  margin-top: 4px;
  text-transform: none;
  font-weight: normal;
}
.form__alert {
  margin-top: 16px;
}
.form__alert:first-child {
  margin-top: 0;
  margin-bottom: 32px;
}
.form__actions {
  margin-top: 32px;
}
.form__actions--centered {
  text-align: center;
}
@media (max-width: 960px) {
  .form__actions--centered-mobile {
    text-align: center;
  }
}
.form__row {
  margin-left: -16px;
  margin-top: 32px;
}
.form__row .form__control {
  margin-top: 0;
}
.form__separator {
  clear: both;
  margin-top: 32px;
}
.form__toggle {
  position: relative;
  top: 6px;
}
.form__error {
  display: none;
  text-transform: none;
  background-color: #d8405a;
  padding: 8px;
  color: #fff;
  font-size: 14px;
  position: relative;
  margin-top: 0px;
  margin-left: 4px;
  border-radius: 3px;
  margin-right: 4px;
}
.form__error.show {
  display: block;
}
.form__error:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #d8405a transparent;
}
.form__control {
  position: relative;
  margin-top: 32px;
}
.form__control:first-of-type {
  margin-top: 0;
}
.form__control--1, .form__control--2, .form__control--3, .form__control--4, .form__control--5, .form__control--6, .form__control--7, .form__control--8, .form__control--9, .form__control--10, .form__control--11, .form__control--12 {
  margin-left: 16px;
  float: left;
}
.form__control--1 input, .form__control--1 textarea, .form__control--2 input, .form__control--2 textarea, .form__control--3 input, .form__control--3 textarea, .form__control--4 input, .form__control--4 textarea, .form__control--5 input, .form__control--5 textarea, .form__control--6 input, .form__control--6 textarea, .form__control--7 input, .form__control--7 textarea, .form__control--8 input, .form__control--8 textarea, .form__control--9 input, .form__control--9 textarea, .form__control--10 input, .form__control--10 textarea, .form__control--11 input, .form__control--11 textarea, .form__control--12 input, .form__control--12 textarea {
  max-width: none;
}
.form__control--1 {
  width: calc(8.33333333% - 16px);
}
.form__control--2 {
  width: calc(16.66666667% - 16px);
}
.form__control--3 {
  width: calc(25% - 16px);
}
.form__control--4 {
  width: calc(33.33333333% - 16px);
}
.form__control--5 {
  width: calc(41.66666667% - 16px);
}
.form__control--6 {
  width: calc(50% - 16px);
}
.form__control--7 {
  width: calc(58.33333333% - 16px);
}
.form__control--8 {
  width: calc(66.66666667% - 16px);
}
.form__control--9 {
  width: calc(75% - 16px);
}
.form__control--10 {
  width: calc(83.33333333% - 16px);
}
.form__control--11 {
  width: calc(91.66666667% - 16px);
}
.form__control--12 {
  width: calc(100% - 16px);
}
.form__control--error .form__error {
  display: inline-block;
}
.form__dob {
  font-size: 0;
  margin-left: -8px;
  display: flex;
}
.form__dob .form__select.dob_day,
.form__dob .form__input[name=dob_day],
.form__dob .form .datepicker input[name=dob_day],
.form .datepicker .form__dob input[name=dob_day] {
  width: 25%;
  margin-left: 8px;
}
.form__dob .form__select.dob_month,
.form__dob .form__input[name=dob_month],
.form__dob .form .datepicker input[name=dob_month],
.form .datepicker .form__dob input[name=dob_month] {
  width: 25%;
  margin-left: 8px;
}
.form__dob .form__select.dob_year,
.form__dob .form__input[name=dob_year],
.form__dob .form .datepicker input[name=dob_year],
.form .datepicker .form__dob input[name=dob_year] {
  width: 50%;
  margin-left: 8px;
}
.form__loader--inline {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.form__input, .form .datepicker input {
  outline: none;
  width: 100%;
  padding: 0 16px;
  border-radius: 3px;
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #464646;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: var(--form-text-color);
}
.form__input:focus, .form .datepicker input:focus {
  outline: none;
  background-color: transparent;
}
.form__input--error {
  border-color: #d8405a;
}
.form__input[disabled=true], .form .datepicker input[disabled=true] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
}
.form__text {
  display: block;
  outline: none;
  width: 100%;
  min-height: 50px;
  height: 150px;
  max-height: 250px;
  resize: vertical;
  line-height: 1.4em;
  font-size: 16px;
  padding: 16px;
  border-radius: 3px;
  background-color: #f5f5f5;
  border: 0;
  color: #171717;
  -webkit-appearance: none;
}
.form__text:focus {
  outline: none;
  background-color:   #fff;
}
.form__text--small {
  height: 100px;
}
.form__text--error {
  border-color: #d8405a;
}
.form__text--white {
  background-color: transparent;
  border: 1px solid #464646;
  color: #fff;
}
.form__text--white:focus {
  background-color: transparent;
}
.form__select {
  position: relative;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  border-radius: 3px;
  background-color: var(--settings-form-background);
  color: var(--settings-text-color);
}
.form__select:after {
  content: "keyboard_arrow_down";
  position: absolute;
  z-index: 5;
  top: calc(50% - 12px);
  right: 9px;
}
.form__select select {
  position: relative;
  z-index: 10;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 17px;
  font-size: 16px;
  outline: none;
  color: var(--settings-text-color);
}
.form__alert {
  margin-bottom: 16px;
}
@media (max-width: 960px) {
  .form__alert {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .form__alert:first-child {
    margin-top: -32px;
    margin-bottom: 16px;
  }
  .form__alert + .form__control {
    margin-top: 16px;
  }
  .form__input, .form .datepicker input, .form__text {
    max-width: none;
  }
}
.page__header {
  margin-bottom: 20px;
}
.page__actions {
  float: right;
}
.page__action {
  margin-top: -4px;
}
.page__title {
  float: left;
  margin-bottom: 0;
}

.body--state-card {
  padding-bottom: 0 !important;
}
.body--state-card .main {
  display: flex;
  min-height: calc(100vh - 55px);
  padding: 0 16px;
}

.state {
  margin: 0 auto;
  max-width: 600px;
  padding: 0 32px;
  text-align: center;
}
.state--margin {
  margin-top: 32px;
}
@media (min-width: 960px) {
  .state--margin {
    margin-top: 128px;
  }
}
@media (max-width: 960px) {
  .state {
    padding: 0;
  }
}
.state--card {
  padding: 24px 16px;
  background-color: var(--state-card-color);
  border-radius: 12px;
}
@media (min-width: 960px) {
  .state--card {
    margin: auto;
  }
}
.state--card .state__title {
  font-size: 24px;
  font-weight: 300;
  color: var(--state-title-color);
}
.state--card .state__label {
  font-size: 16px;
  line-height: 1.3em;
  color: var(--state-label-color);
}
.state--card .state__cta {
  border: 0;
  min-width: 140px;
  line-height: 44px;
  height: 44px;
  font-size: 16px;
  text-align: center;
  background-color: #0B78E3;
}
.state--centered {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.state__icon {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  margin-bottom: 32px;
}
.state__icon .vector {
  width: 120px;
  height: 120px;
}
.state__icon .icon, .state__icon .form__select:after {
  font-size: 54px;
  position: absolute;
  left: calc(50% - 27px);
  top: calc(50% - 27px);
  color: #22292f;
}
.state__title {
  margin-bottom: 8px;
  text-align: center;
  font-weight: 400;
  color: #EEE;
  font-size: 17px;
}
.state__ctas {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  flex-wrap: wrap;
  width: 450px;
}
@media (max-width: 960px) {
  .state__ctas {
    width: 100%;
  }
  .state__ctas #age-gate-more-than-17 {
    margin-top: 8px;
  }
}
.state__ctas .state__cta {
  margin-top: 0;
  margin-left: 4px;
  margin-right: 4px;
}
.state__cta {
  margin-top: 32px;
}
.state__disclaimer {
  margin-top: 32px;
  font-size: 12px;
  line-height: 1.2em;
}
.state__terms {
  font-size: 13px;
  line-height: 1.1em;
}
.state__terms a {
  color: #999;
  text-decoration: underline;
}
.state__label {
  font-size: 17px;
  line-height: 1.3em;
}
.state__label--small {
  font-size: 12px;
  line-height: 1.2em;
}
.state__label a {
  color: #999;
  text-decoration: underline;
}
.state__label + .state__label {
  margin-top: 8px;
}
.state__rules {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.3em;
  text-align: left;
  list-style: none;
}
.state__rules li {
  margin-bottom: 4px;
}
.state--large .state__title {
  font-size: 21px;
  line-height: 1.3em;
}
.state--large .state__label {
  font-size: 17px;
  line-height: 1.4em;
}
.state--small .state__icon {
  width: 90px;
  height: 90px;
}
.state--small .state__icon .vector {
  width: 90px;
  height: 90px;
}
.state--small .state__icon .icon, .state--small .state__icon .form__select:after {
  font-size: 54px;
  position: absolute;
  left: calc(50% - 27px);
  top: calc(50% - 27px);
  color: #22292f;
}
.state--small .state__title {
  font-size: 17px;
}
.state--small .state__label {
  font-size: 15px;
  line-height: 1.2em;
}
@media (max-width: 960px) {
  .state--full {
    min-height: calc(100vh - 125px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .state--full .state__icon {
    width: auto;
    height: auto;
    max-width: 60%;
  }
  .state--full .state__icon--auto {
    max-width: none;
  }
  .state--full .state__label {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
  }
}

.button, .write__submit, .write__selector-trigger, .write__addtag, .sweet-alert .sa-button-container button, #app .dropzone .dz-message span, .dialog__action, .select, .state--card .state__cta {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 36px;
  font-size: 15px;
  padding: 0 20px;
  border-radius: 3px;
  color: #fff;
  outline: none;
  border: 2px solid transparent;
  font-weight: 400;
  cursor: pointer;
}
.button .loader, .write__submit .loader, .write__selector-trigger .loader, .write__addtag .loader, .button .softpage__loader, .write__submit .softpage__loader, .write__selector-trigger .softpage__loader, .write__addtag .softpage__loader, .sweet-alert .sa-button-container button .loader, .sweet-alert .sa-button-container button .softpage__loader, #app .dropzone .dz-message span .loader, #app .dropzone .dz-message span .softpage__loader, .dialog__action .loader, .dialog__action .softpage__loader, .button .dialog__loader, .write__submit .dialog__loader, .write__selector-trigger .dialog__loader, .write__addtag .dialog__loader, .sweet-alert .sa-button-container button .dialog__loader, #app .dropzone .dz-message span .dialog__loader, .dialog__action .dialog__loader, .select .loader, .select .softpage__loader, .select .dialog__loader, .state--card .state__cta .loader, .state--card .state__cta .softpage__loader, .state--card .state__cta .dialog__loader {
  display: none;
}
.button--plain, .dialog__action {
  text-transform: none;
  text-shadow: none;
  font-weight: 400;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.button--loading .loader, .write__submit--loading .loader, .button--loading .softpage__loader, .write__submit--loading .softpage__loader, .button--loading .dialog__loader, .write__submit--loading .dialog__loader {
  position: absolute;
  top: 50%;
  display: inline-block;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
.button--loading span, .write__submit--loading span {
  visibility: hidden;
}
.button--white {
  background-color: #fff;
  color: #1F2124;
  text-shadow: none;
}
.button--white:hover {
  background-color: #f2f2f2;
}
.button--link {
  text-shadow: none;
  color: #0B78E3;
  padding: 0 8px;
}
.button--primary, .write__submit, #app .dropzone .dz-message span, .state--card .state__cta {
  background-color: #0B78E3;
}
.button--primary:hover, .write__submit:hover, #app .dropzone .dz-message span:hover, .state--card .state__cta:hover {
  background-color: #1485f4;
}
.button--success {
  background-color: #18a064;
}
.button--success:hover {
  background-color: #1bb672;
}
.button--error {
  background-color: #d8405a;
}
.button--error:hover {
  background-color: #dc556c;
}
.button--action {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  color: #999;
  text-shadow: none;
}
.button--action:hover {
  color: #2E2E2E;
}
.button--muted {
  text-shadow: none;
  color: #2E2E2E;
  background-color: #EEE;
}
.button--muted:hover {
  background-color: #fbfbfb;
}
.button--grey, .sweet-alert .sa-button-container button.cancel {
  text-shadow: none;
  color: #2E2E2E;
  background-color: #d8d8d8;
}
.button--grey:hover, .sweet-alert .sa-button-container button.cancel:hover {
  background-color: #e5e5e5;
}
.button--positive {
  background-color: #18a064;
}
.button--positive:hover {
  background-color: #1bb672;
}
.button--negative, .sweet-alert .sa-button-container button.confirm {
  background-color: #d8405a;
}
.button--negative:hover, .sweet-alert .sa-button-container button.confirm:hover {
  background-color: #dc556c;
}
.button--highlighted {
  border-bottom: 2px solid;
  padding-left: 0;
  padding-right: 0;
}
.button--bordered, .write__addtag, .select {
  background-color: transparent;
  text-shadow: none;
  border-color: var(--navigation-login-outline);
  color: var(--navigation-text-color);
}
.button--bordered:hover, .write__addtag:hover, .select:hover {
  border-color: #a2a2a2;
  color: #a2a2a2;
}
.button--rounded, .write__submit, .write__addtag, .state--card .state__cta {
  border-radius: 38px;
}
.button--full {
  width: 100%;
  text-align: center;
}
.button--icon {
  padding: 0;
  border-radius: 100%;
  width: 40px;
}
.button--icon .icon, .button--icon .form__select:after,
.button--icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button--icon svg  {
  width: 26px;
  height: 26px;
}
.button--icon.button--small {
  width: 35px;
}
.button--icon.button--small .icon, .button--icon.button--small .form__select:after {
  font-size: 20px;
}
.button--icon-normal {
  padding: 0;
  border-radius: 100%;
  width: 40px;
  text-align: center;
}
.button--big {
  height: 50px;
  line-height: 46px;
  padding: 0 30px;
  font-size: 16px;
}
.button--small {
  height: 35px;
  line-height: 31px;
  font-size: 13px;
}
.button--small .button--icon {
  width: 35px;
}
.button--x-small {
  height: 30px;
  line-height: 27px;
  font-size: 12px;
}
.button--x-small .button--icon {
  width: 30px;
}
.button--twitter {
  background-color: #55acee;
  color: #fff;
}
.button--twitter:hover {
  background-color: #83c3f3;
}
.button--whatsapp {
  background-color: #20A611;
  color: #fff;
}
.button--whatsapp:hover {
  background-color: #29d416;
}
.button--facebook {
  background-color: #1980f8;
  color: #fff;
}
.button--facebook:hover {
  background-color: #4a9bfa;
}
.button--email {
  background-color: #898989;
  color: #fff;
}
.button--email:hover {
  background-color: #a3a3a3;
}
.button--disabled {
  background-color: #7d7d7d;
  cursor: default;
  color: #bfbfbf;
  text-shadow: none;
}
.button--disabled:hover {
  background-color: #7d7d7d;
}
.button--rainbow {
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  border-radius: 40px;
  box-sizing: border-box;
  color: var(--rainbow-button-text-color);
  display: block;
  height: 36px;
  font-size: 15px;
  padding: 2px;
  position: relative;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  border: none;
  cursor: pointer;
}
.button--rainbow span {
  align-items: center;
  background-color: var(--navigation-login-button-background) !important;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
}
.button--rainbow-disabled {
  color: var(--rainbow-button-disabled-text-color);
}

.background {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.background--login {
  opacity: 0.4;
  background-image: url(https://d37la7eqpd4apt.cloudfront.net/assets/images/backgrounds/login.jpg);
}
.background--more {
  opacity: 0.3;
  background-image: url(https://images.unsplash.com/photo-1457369804613-52c61a468e7d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=aff2bf56593d08c8fdda8de3eced4910);
}
.background--create {
  opacity: 0.2;
  background-image: url(/images/hero-login.jpg);
}

.alert, .write__tags-max span {
  position: relative;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 12px;
  background-color: rgba(244, 75, 103, 0.5);
  color: #fff;
  font-size: 15px;
  line-height: 1.4em;
}
.alert--x-small, .write__tags-max span {
  padding: 8px;
}
.alert--small {
  padding: 16px;
}
.alert--rounded, .write__tags-max span {
  border-radius: 12px;
}
.alert--error {
  background-color: #d8405a;
}
.alert--error a {
  color: #fff;
  text-decoration: underline;
}
.alert--info, .write__tags-max span {
  background-color: #0B78E3;
}
.alert--success {
  background-color: #18a064;
}
.alert + .form, .write__tags-max span + .form {
  margin-top: 32px;
}
.alert__title {
  font-size: 16px;
  margin: 0;
}
.alert__title--big {
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 16px;
}
.alert__message {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5em;
}
.alert__message a {
  text-decoration: underline;
  color: #fff;
}
.alert__close {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
}
.alert__close .icon, .alert__close .form__select:after {
  position: relative;
  top: 5px;
  font-size: 20px;
}
.alert p, .write__tags-max span p {
  margin-top: 8px;
}
.alert p:first-child, .write__tags-max span p:first-child {
  margin-top: 0;
}
.alert p a, .write__tags-max span p a {
  color: #fff;
  text-decoration: underline;
}
.alert .text, .write__tags-max span .text {
  padding-right: 50px;
}
.alert .close, .write__tags-max span .close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color:   #fff;
  top: 0;
  right: 0;
  width: 45px;
  height: 50px;
  text-decoration: none;
}
@media (max-width: 960px) {
  .alert:not(.alert--boxed), .write__tags-max span:not(.alert--boxed) {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .alert--no-margin {
    margin-bottom: 0;
  }
  .alert--slideup {
    transition: transform 0.3s linear;
    transform: translate(0, -100%);
  }
  .alert--mobile {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.error__title {
  color: #fff;
  font-size: 45px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: -0.9px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
}
.error__description {
  padding: 0 8px;
  font-size: 18px;
  line-height: 1.6em;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
.error__description:not(:last-child) {
  margin-bottom: 16px;
}
.error__ctas {
  margin-top: 24px;
  margin-bottom: -8px;
  text-align: center;
}
.error__ctas .button, .error__ctas .write__submit, .error__ctas .write__selector-trigger, .error__ctas .write__addtag, .error__ctas .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .error__ctas button, .error__ctas #app .dropzone .dz-message span, #app .dropzone .dz-message .error__ctas span, .error__ctas .dialog__action, .error__ctas .select, .error__ctas .state--card .state__cta, .state--card .error__ctas .state__cta {
  margin: 8px;
  color: #fff;
  border-color: #fff;
}
.error__ctas .button:hover, .error__ctas .write__submit:hover, .error__ctas .write__selector-trigger:hover, .error__ctas .write__addtag:hover, .error__ctas .sweet-alert .sa-button-container button:hover, .sweet-alert .sa-button-container .error__ctas button:hover, .error__ctas #app .dropzone .dz-message span:hover, #app .dropzone .dz-message .error__ctas span:hover, .error__ctas .dialog__action:hover, .error__ctas .select:hover, .error__ctas .state--card .state__cta:hover, .state--card .error__ctas .state__cta:hover {
  color: #fff;
  border-color: #fff;
}
@media (max-width: 960px) {
  .error__ctas .button, .error__ctas .write__submit, .error__ctas .write__selector-trigger, .error__ctas .write__addtag, .error__ctas .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .error__ctas button, .error__ctas #app .dropzone .dz-message span, #app .dropzone .dz-message .error__ctas span, .error__ctas .dialog__action, .error__ctas .select, .error__ctas .state--card .state__cta, .state--card .error__ctas .state__cta {
    color: #fff;
    border-color: #fff;
  }
}
.error__action {
  margin-top: 24px;
  margin-bottom: -8px;
  text-align: center;
}
.error__disclaimer {
  margin: 8px 0;
}
.error__disclaimer--link {
  display: block;
  color: #999;
  text-decoration: underline;
}

.moderation {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.moderation__title {
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  color: #fafafa;
  display: flex;
  align-items: center;
}
.moderation__actions {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  flex-shrink: 0;
}
.moderation__actions .button + .button, .moderation__actions .write__submit + .button, .moderation__actions .button + .write__submit, .moderation__actions .write__submit + .write__submit, .moderation__actions .write__selector-trigger + .button, .moderation__actions .write__selector-trigger + .write__submit, .moderation__actions .button + .write__selector-trigger, .moderation__actions .write__submit + .write__selector-trigger, .moderation__actions .write__selector-trigger + .write__selector-trigger, .moderation__actions .write__addtag + .button, .moderation__actions .write__addtag + .write__submit, .moderation__actions .write__addtag + .write__selector-trigger, .moderation__actions .button + .write__addtag, .moderation__actions .write__submit + .write__addtag, .moderation__actions .write__selector-trigger + .write__addtag, .moderation__actions .write__addtag + .write__addtag, .moderation__actions .sweet-alert .sa-button-container button + .button, .moderation__actions .sweet-alert .sa-button-container button + .write__submit, .moderation__actions .sweet-alert .sa-button-container button + .write__selector-trigger, .moderation__actions .sweet-alert .sa-button-container button + .write__addtag, .sweet-alert .sa-button-container .moderation__actions button + .button, .sweet-alert .sa-button-container .moderation__actions button + .write__submit, .sweet-alert .sa-button-container .moderation__actions button + .write__selector-trigger, .sweet-alert .sa-button-container .moderation__actions button + .write__addtag, .moderation__actions .sweet-alert .sa-button-container .button + button, .moderation__actions .sweet-alert .sa-button-container .write__submit + button, .moderation__actions .sweet-alert .sa-button-container .write__selector-trigger + button, .moderation__actions .sweet-alert .sa-button-container .write__addtag + button, .sweet-alert .sa-button-container .moderation__actions .button + button, .sweet-alert .sa-button-container .moderation__actions .write__submit + button, .sweet-alert .sa-button-container .moderation__actions .write__selector-trigger + button, .sweet-alert .sa-button-container .moderation__actions .write__addtag + button, .moderation__actions .sweet-alert .sa-button-container button + button, .sweet-alert .sa-button-container .moderation__actions button + button, .moderation__actions #app .dropzone .dz-message span + .button, .moderation__actions #app .dropzone .dz-message span + .write__submit, .moderation__actions #app .dropzone .dz-message span + .write__selector-trigger, .moderation__actions #app .dropzone .dz-message span + .write__addtag, .moderation__actions #app .dropzone .dz-message .sweet-alert .sa-button-container span + button, .sweet-alert .sa-button-container .moderation__actions #app .dropzone .dz-message span + button, #app .dropzone .dz-message .moderation__actions span + .button, #app .dropzone .dz-message .moderation__actions span + .write__submit, #app .dropzone .dz-message .moderation__actions span + .write__selector-trigger, #app .dropzone .dz-message .moderation__actions span + .write__addtag, #app .dropzone .dz-message .moderation__actions .sweet-alert .sa-button-container span + button, .sweet-alert .sa-button-container #app .dropzone .dz-message .moderation__actions span + button, .moderation__actions #app .dropzone .dz-message .button + span, .moderation__actions #app .dropzone .dz-message .write__submit + span, .moderation__actions #app .dropzone .dz-message .write__selector-trigger + span, .moderation__actions #app .dropzone .dz-message .write__addtag + span, .moderation__actions #app .dropzone .dz-message .sweet-alert .sa-button-container button + span, .sweet-alert .sa-button-container .moderation__actions #app .dropzone .dz-message button + span, #app .dropzone .dz-message .moderation__actions .button + span, #app .dropzone .dz-message .moderation__actions .write__submit + span, #app .dropzone .dz-message .moderation__actions .write__selector-trigger + span, #app .dropzone .dz-message .moderation__actions .write__addtag + span, #app .dropzone .dz-message .moderation__actions .sweet-alert .sa-button-container button + span, .sweet-alert .sa-button-container #app .dropzone .dz-message .moderation__actions button + span, .moderation__actions #app .dropzone .dz-message span + span, #app .dropzone .dz-message .moderation__actions span + span, .moderation__actions .dialog__action + .button, .moderation__actions .dialog__action + .write__submit, .moderation__actions .dialog__action + .write__selector-trigger, .moderation__actions .dialog__action + .write__addtag, .moderation__actions .sweet-alert .sa-button-container .dialog__action + button, .sweet-alert .sa-button-container .moderation__actions .dialog__action + button, .moderation__actions #app .dropzone .dz-message .dialog__action + span, #app .dropzone .dz-message .moderation__actions .dialog__action + span, .moderation__actions .button + .dialog__action, .moderation__actions .write__submit + .dialog__action, .moderation__actions .write__selector-trigger + .dialog__action, .moderation__actions .write__addtag + .dialog__action, .moderation__actions .sweet-alert .sa-button-container button + .dialog__action, .sweet-alert .sa-button-container .moderation__actions button + .dialog__action, .moderation__actions #app .dropzone .dz-message span + .dialog__action, #app .dropzone .dz-message .moderation__actions span + .dialog__action, .moderation__actions .dialog__action + .dialog__action, .moderation__actions .select + .button, .moderation__actions .select + .write__submit, .moderation__actions .select + .write__selector-trigger, .moderation__actions .select + .write__addtag, .moderation__actions .sweet-alert .sa-button-container .select + button, .sweet-alert .sa-button-container .moderation__actions .select + button, .moderation__actions #app .dropzone .dz-message .select + span, #app .dropzone .dz-message .moderation__actions .select + span, .moderation__actions .select + .dialog__action, .moderation__actions .button + .select, .moderation__actions .write__submit + .select, .moderation__actions .write__selector-trigger + .select, .moderation__actions .write__addtag + .select, .moderation__actions .sweet-alert .sa-button-container button + .select, .sweet-alert .sa-button-container .moderation__actions button + .select, .moderation__actions #app .dropzone .dz-message span + .select, #app .dropzone .dz-message .moderation__actions span + .select, .moderation__actions .dialog__action + .select, .moderation__actions .select + .select, .moderation__actions .state--card .state__cta + .button, .moderation__actions .state--card .state__cta + .write__submit, .moderation__actions .state--card .state__cta + .write__selector-trigger, .moderation__actions .state--card .state__cta + .write__addtag, .moderation__actions .state--card .sweet-alert .sa-button-container .state__cta + button, .sweet-alert .sa-button-container .moderation__actions .state--card .state__cta + button, .moderation__actions .state--card #app .dropzone .dz-message .state__cta + span, #app .dropzone .dz-message .moderation__actions .state--card .state__cta + span, .moderation__actions .state--card .state__cta + .dialog__action, .moderation__actions .state--card .state__cta + .select, .state--card .moderation__actions .state__cta + .button, .state--card .moderation__actions .state__cta + .write__submit, .state--card .moderation__actions .state__cta + .write__selector-trigger, .state--card .moderation__actions .state__cta + .write__addtag, .state--card .moderation__actions .sweet-alert .sa-button-container .state__cta + button, .sweet-alert .sa-button-container .state--card .moderation__actions .state__cta + button, .state--card .moderation__actions #app .dropzone .dz-message .state__cta + span, #app .dropzone .dz-message .state--card .moderation__actions .state__cta + span, .state--card .moderation__actions .state__cta + .dialog__action, .state--card .moderation__actions .state__cta + .select, .moderation__actions .state--card .button + .state__cta, .moderation__actions .state--card .write__submit + .state__cta, .moderation__actions .state--card .write__selector-trigger + .state__cta, .moderation__actions .state--card .write__addtag + .state__cta, .moderation__actions .state--card .sweet-alert .sa-button-container button + .state__cta, .sweet-alert .sa-button-container .moderation__actions .state--card button + .state__cta, .moderation__actions .state--card #app .dropzone .dz-message span + .state__cta, #app .dropzone .dz-message .moderation__actions .state--card span + .state__cta, .moderation__actions .state--card .dialog__action + .state__cta, .moderation__actions .state--card .select + .state__cta, .state--card .moderation__actions .button + .state__cta, .state--card .moderation__actions .write__submit + .state__cta, .state--card .moderation__actions .write__selector-trigger + .state__cta, .state--card .moderation__actions .write__addtag + .state__cta, .state--card .moderation__actions .sweet-alert .sa-button-container button + .state__cta, .sweet-alert .sa-button-container .state--card .moderation__actions button + .state__cta, .state--card .moderation__actions #app .dropzone .dz-message span + .state__cta, #app .dropzone .dz-message .state--card .moderation__actions span + .state__cta, .state--card .moderation__actions .dialog__action + .state__cta, .state--card .moderation__actions .select + .state__cta, .moderation__actions .state--card .state__cta + .state__cta, .state--card .moderation__actions .state__cta + .state__cta {
  margin-left: 16px;
}

.navigation {
  z-index: 60;
  background-color: var(--toolbar-background);
  top: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
}
.light-theme .navigation {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.navigation--border {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.navigation-mobile {
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.navigation-mobile .left {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-start;
}
.navigation-mobile .left .icon, .navigation-mobile .left .form__select:after {
  color: var(--navigation-mobile-menu-icon);
}
.navigation-mobile .center {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
}
.navigation-mobile .center .logo {
  height: 28px;
}
.navigation-mobile .center .text {
  padding-left: 10px;
  margin-bottom: 0px;
  color: var(--navigation-branding-text-color);
  font-family: "Signika";
}
@media (max-width: 960px) {
  .user--logged .navigation-mobile .center .text {
    display: none;
  }
  .user--guest .navigation-mobile .center .text {
    font-size: 18px;
    margin-right: 15px;
    padding-left: 5px;
  }
}
.navigation-mobile .right {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.navigation-mobile .right .icon, .navigation-mobile .right .form__select:after {
  color: var(--navigation-mobile-menu-icon);
  padding-right: 5px;
}
.navigation-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 960px) {
  .navigation-header {
    flex-direction: column;
  }
}
.navigation-header__branding {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
@media (max-width: 960px) {
  .navigation-header__branding {
    display: none;
  }
}
.navigation-header__text {
  color: var(--navigation-branding-text-color);
}
.navigation-header__logo {
  height: 50px;
  padding-right: 20px;
}
.navigation-header__content-rating {
  display: flex;
  flex-direction: row;
}
@media (max-width: 960px) {
  .navigation-header__content-rating {
    margin-bottom: 10px;
    margin-right: 20px;
  }
}
@media (min-width: 960px) {
  .navigation-header__content-rating {
    margin-right: 40px;
  }
}
.navigation-header__button {
  margin: 0 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 36px;
  color: #222;
  background-color: #c2c2c2;
}
@media (max-width: 960px) {
  .navigation-header__button {
    height: 32px;
    line-height: 29px;
  }
}
.navigation-header__button--active {
  background-color: #0B78E3 !important;
  color: white;
}
.navigation-header__button:hover {
  background-color: hsl(0deg, 0%, 85%);
}
@media (min-width: 960px) {
  .navigation-header__rankings {
    margin-top: 30px !important;
    padding: 10px 20% !important;
  }
}
.navigation-header__query {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  align-items: center;
}
@media (min-width: 960px) {
  .navigation-header__query__text {
    color: #0B78E3;
    font-size: 24px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 960px) {
  .navigation-header__query__text {
    color: #0B78E3;
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.navigation-header__query__icon {
  width: 45px;
  margin-right: 8px;
}
@media (min-width: 960px) {
  .navigation-header__query__icon {
    display: none;
  }
}
.navigation .wrap, .navigation .hero__message {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 960px) {
  .navigation {
    box-shadow: 0 0px 0 #222;
    position: absolute;
  }
}
@media (max-width: 960px) {
  .navigation {
    height: 55px;
    position: fixed;
  }
  .navigation .wrap, .navigation .hero__message {
    padding: 0 8px;
  }
  .navigation--male {
    background-color: #1f6ab0;
  }
  .navigation--female {
    background-color: #a4488d;
  }
  .navigation__secondary {
    right: 8px;
  }
  .navigation#main-navigation, .navigation__primary {
    background-color: #000;
    color: #fff;
  }
  .navigation .navigation-mobile .text,
.navigation .navigation-mobile .icon,
.navigation .navigation-mobile .form__select:after,
.navigation .navigation-mobile .toolbar__icon,
.navigation .navigation-mobile .navigation-header__text {
    color: #fff;
  }
}
@media (max-width: 960px) {
  .body--navigation-transparent\@mobile .navigation {
    box-shadow: none;
  }
}
.body--navigation-transparent\@mobile .navigation__title {
  opacity: 0;
}
.body--navigation-transparent-full\@mobile .navigation__title {
  opacity: 0;
}
.navigation--with-background {
  background-color: #0e0e0e !important;
}
.body--static-navigation .navigation {
  position: relative;
}
.body--navigation-transparent .navigation {
  background-color: var(--navigation-background);
}
.body--navigation-transparent .navigation#main-navigation {
  box-shadow: none;
}
.body--navigation-transparent .navigation .tabs a,
.body--navigation-transparent .navigation .tabs .meganav__item,
.body--navigation-transparent .navigation .navigation__action:not(.navigation__cta--highlight):not(.navigation__cta) {
  color: var(--navigation-text-color);
  border-color: #eee;
}
.body--navigation-transparent .navigation .navigation__action.dropdown--notifications #notifications-bell {
  color: var(--navigation-notifications-icon);
}
@media (min-width: 960px) {
  .body--navigation-transparent\@desktop .navigation#main-navigation {
    box-shadow: none;
  }
  .body--navigation-transparent\@desktop .navigation .tabs a,
.body--navigation-transparent\@desktop .navigation .tabs .meganav__item,
.body--navigation-transparent\@desktop .navigation .navigation__action:not(.navigation__cta--highlight):not(.navigation__cta) {
    color: var(--navigation-text-color);
    border-color: var(--navigation-login-outline);
  }
  .body--navigation-transparent\@desktop .navigation .navigation__action.dropdown--notifications #notifications-bell {
    color: var(--navigation-notifications-icon);
  }
  .body--navigation-transparent\@desktop .navigation .navigation__action.dropdown--notifications #notifications-bell.button--active {
    color: #f4c858;
  }
  .body--navigation-transparent\@desktop .navigation .navigation__search-bar input[type=text] {
    background-color: var(--navigation-search-box);
    color: var(--navigation-text-color);
  }
  .body--navigation-transparent\@desktop .navigation .navigation__search-bar input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .body--navigation-transparent\@desktop .navigation .navigation__search-bar input[type=text]::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
.navigation__mobile-actions {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 8px;
}
.navigation__mobile-actions .button, .navigation__mobile-actions .write__submit, .navigation__mobile-actions .write__selector-trigger, .navigation__mobile-actions .write__addtag, .navigation__mobile-actions .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .navigation__mobile-actions button, .navigation__mobile-actions #app .dropzone .dz-message span, #app .dropzone .dz-message .navigation__mobile-actions span, .navigation__mobile-actions .dialog__action, .navigation__mobile-actions .select, .navigation__mobile-actions .state--card .state__cta, .state--card .navigation__mobile-actions .state__cta {
  margin-right: 8px;
}
.navigation--modal {
  padding: 0;
}
.navigation__primary {
  height: 100%;
  display: flex;
  flex: 1;
  align-items: center;
}
.navigation__secondary {
  position: relative;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.navigation .tabs:not(.navigation__secrets) {
  display: flex;
  flex-shrink: 0;
}
@media (min-width: 960px) {
  .navigation .tabs:not(.navigation__secrets).hide--on-desktop {
    display: none;
  }
}
.navigation .tabs__item {
  font-size: 15px;
  height: 55px;
  line-height: 55px;
}
.navigation .tabs__item--drop {
  position: relative;
}
.navigation .tabs__item--drop:hover .sub-menu {
  display: block;
}
.navigation .tabs__item--drop > span {
  cursor: pointer;
}
@media (max-width: 360px) {
  .navigation .tabs__item {
    margin-left: 10px !important;
  }
}
@media (max-width: 740px) {
  .navigation .tabs.hide--on-mobile {
    display: none;
  }
  .navigation .tabs.show--on-mobile {
    display: block;
  }
}
.navigation__logo {
  width: 48px;
  margin-right: 8px;
  float: left;
  height: 55px;
  line-height: 55px;
}
.navigation__logo .vector {
  height: 38px;
}
@media (max-width: 960px) {
  .navigation__logo {
    margin-left: 8px;
  }
  .navigation__logo .vector {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 360px) {
  .navigation__logo {
    margin-right: 10px;
  }
}
.navigation__close {
  color: var(--navigation-close-icon);
  font-size: 16px;
  top: 0;
  position: absolute;
  z-index: 20;
  left: 0;
  height: 55px;
  line-height: 55px;
  padding: 0 8px;
  min-width: 45px;
}
.navigation__close .icon, .navigation__close .form__select:after {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.navigation__back {
  color: var(--navigation-back-icon);
  font-size: 16px;
  top: 0;
  position: absolute;
  z-index: 20;
  left: 0;
  height: 55px;
  line-height: 55px;
  padding: 0 8px;
}
.navigation__back-white {
  color: var(--navigation-close-icon);
}
@media (max-width: 960px) {
  .navigation__back-white {
    background-color: #0b78e3;
    position: fixed;
    right: auto;
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
  }
}
.navigation__back .icon, .navigation__back .form__select:after {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  top: 6px;
  position: relative;
  color: var(--navigation-back-icon);
}
.navigation__title {
  color: var(--navigation-text-color);
  font-size: 16px;
  float: none;
  margin: 0;
  width: 100%;
  padding: 0;
  text-align: center;
}
.navigation__cta {
  color: #fff;
}
.navigation__cta--highlight {
  color: #F4C858;
}
.navigation__cta:not(:last-child) {
  margin-right: 8px;
}
.navigation__search-bar {
  position: relative;
  width: 100%;
  max-width: 800px;
  padding: 0 32px 0 16px;
}
.navigation__search-bar .button, .navigation__search-bar .write__submit, .navigation__search-bar .write__selector-trigger, .navigation__search-bar .write__addtag, .navigation__search-bar .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .navigation__search-bar button, .navigation__search-bar #app .dropzone .dz-message span, #app .dropzone .dz-message .navigation__search-bar span, .navigation__search-bar .dialog__action, .navigation__search-bar .select, .navigation__search-bar .state--card .state__cta, .state--card .navigation__search-bar .state__cta {
  position: absolute;
  top: 0;
  left: 16px;
  height: 35px;
}
.navigation__search-bar .button .icon, .navigation__search-bar .write__submit .icon, .navigation__search-bar .write__selector-trigger .icon, .navigation__search-bar .write__addtag .icon, .navigation__search-bar .sweet-alert .sa-button-container button .icon, .sweet-alert .sa-button-container .navigation__search-bar button .icon, .navigation__search-bar #app .dropzone .dz-message span .icon, #app .dropzone .dz-message .navigation__search-bar span .icon, .navigation__search-bar .dialog__action .icon, .navigation__search-bar .select .icon, .navigation__search-bar .state--card .state__cta .icon, .state--card .navigation__search-bar .state__cta .icon, .navigation__search-bar .button .form__select:after, .navigation__search-bar .write__submit .form__select:after, .navigation__search-bar .write__selector-trigger .form__select:after, .navigation__search-bar .write__addtag .form__select:after, .navigation__search-bar .sweet-alert .sa-button-container button .form__select:after, .sweet-alert .sa-button-container .navigation__search-bar button .form__select:after, .navigation__search-bar #app .dropzone .dz-message span .form__select:after, #app .dropzone .dz-message .navigation__search-bar span .form__select:after, .navigation__search-bar .dialog__action .form__select:after, .navigation__search-bar .select .form__select:after, .navigation__search-bar .state--card .state__cta .form__select:after, .state--card .navigation__search-bar .state__cta .form__select:after {
  top: calc(50% - 1px);
  font-size: 20px;
}
@media (max-width: 960px) {
  .navigation__search-bar .button .icon, .navigation__search-bar .write__submit .icon, .navigation__search-bar .write__selector-trigger .icon, .navigation__search-bar .write__addtag .icon, .navigation__search-bar .sweet-alert .sa-button-container button .icon, .sweet-alert .sa-button-container .navigation__search-bar button .icon, .navigation__search-bar #app .dropzone .dz-message span .icon, #app .dropzone .dz-message .navigation__search-bar span .icon, .navigation__search-bar .dialog__action .icon, .navigation__search-bar .select .icon, .navigation__search-bar .state--card .state__cta .icon, .state--card .navigation__search-bar .state__cta .icon, .navigation__search-bar .button .form__select:after, .navigation__search-bar .write__submit .form__select:after, .navigation__search-bar .write__selector-trigger .form__select:after, .navigation__search-bar .write__addtag .form__select:after, .navigation__search-bar .sweet-alert .sa-button-container button .form__select:after, .sweet-alert .sa-button-container .navigation__search-bar button .form__select:after, .navigation__search-bar #app .dropzone .dz-message span .form__select:after, #app .dropzone .dz-message .navigation__search-bar span .form__select:after, .navigation__search-bar .dialog__action .form__select:after, .navigation__search-bar .select .form__select:after, .navigation__search-bar .state--card .state__cta .form__select:after, .state--card .navigation__search-bar .state__cta .form__select:after {
    top: calc(50% + 8px);
  }
}
.navigation__search-bar input[type=text] {
  width: 100%;
  height: 35px;
  padding: 0 30px 2px 15px;
  font-size: 14px;
  color: var(--navigation-text-color);
  background-color: var(--navigation-search-box);
  border: 1px solid transparent;
  border-radius: 20px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.navigation__search-bar input[type=text]:focus {
  background-color: var(--navigation-search-box-selected);
}
.navigation__action {
  float: left;
  font-size: 15px;
  flex-shrink: 0;
}
.navigation__action.dropdown--notifications {
  margin-left: 0;
}
.navigation__action.dropdown--notifications #notifications-bell {
  color: var(--navigation-notifications-icon);
  margin-left: 0;
}
.navigation__action.dropdown--notifications #notifications-bell.button--active {
  color: #F4C858;
}
.navigation__action.button--icon {
  color: #6F6F6F;
  margin-left: 0;
}
.navigation__action:first-child {
  margin-left: 0;
}
.navigation__action--back {
  margin-left: -4px;
}
.navigation__action #navigation-user {
  display: block;
  width: 100%;
  height: 100%;
}
.navigation__action--user {
  transform: none;
  border: 0;
  margin-left: 20px;
}
.navigation__action--user .button, .navigation__action--user .write__submit, .navigation__action--user .write__selector-trigger, .navigation__action--user .write__addtag, .navigation__action--user .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .navigation__action--user button, .navigation__action--user #app .dropzone .dz-message span, #app .dropzone .dz-message .navigation__action--user span, .navigation__action--user .dialog__action, .navigation__action--user .select, .navigation__action--user .state--card .state__cta, .state--card .navigation__action--user .state__cta {
  border: 0;
  width: 35px;
  height: 35px;
}
@media (max-width: 960px) {
  .navigation__action--user .button, .navigation__action--user .write__submit, .navigation__action--user .write__selector-trigger, .navigation__action--user .write__addtag, .navigation__action--user .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .navigation__action--user button, .navigation__action--user #app .dropzone .dz-message span, #app .dropzone .dz-message .navigation__action--user span, .navigation__action--user .dialog__action, .navigation__action--user .select, .navigation__action--user .state--card .state__cta, .state--card .navigation__action--user .state__cta {
    width: 30px;
    height: 30px;
  }
}
.navigation__mobile-left {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
}
.navigation__mobile-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.navigation__mobile-right .tool {
  position: relative;
  min-width: 44px;
  float: left;
  padding: 0 8px;
  color: var(--navigation-mobile-menu-icon);
  height: 55px;
}
.navigation__mobile-explore-container {
  width: 44px;
}
.navigation__mobile-explore {
  display: flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 100%;
  color: var(--navigation-mobile-menu-icon);
}
.navigation__mobile-explore .icon, .navigation__mobile-explore .form__select:after {
  margin: 0;
  padding: 0;
  color: inherit;
}
.navigation__sort {
  position: absolute !important;
  top: 0;
  right: 0;
}
.navigation__sort .button--icon {
  width: 55px;
  height: 55px;
  line-height: 55px;
  color: var(--navigation-sort-color);
}
.navigation__sort .button--icon .icon, .navigation__sort .button--icon .form__select:after {
  font-size: 24px;
}
.navigation__sort.sorter .button--icon {
  padding-right: 10px;
  font-size: 15px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation__sort.sorter .button--icon .icon, .navigation__sort.sorter .button--icon .form__select:after {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  margin-left: 8px;
  width: 24px;
}
@media (max-width: 960px) {
  .navigation__primary {
    float: none;
    background-color: var(--navigation-background);
  }
  .navigation__search {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px !important;
    height: 55px;
    line-height: 55px;
  }
  .navigation__search .icon, .navigation__search .form__select:after {
    color: #fff;
    font-size: 25px !important;
  }
  .navigation__scroller {
    white-space: nowrap;
  }
  .navigation__scroller:after {
    content: "";
    display: table;
    clear: both;
  }
  .navigation__scroller a {
    float: none;
    display: inline-block;
  }
  .navigation__search {
    border-radius: 0;
    z-index: 30;
  }
  .navigation__search:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 55px;
    top: -2px;
    right: -2px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(43, 44, 50, 0) 0%, rgb(43, 44, 50) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002B2C32", endColorstr="#2B2C32",GradientType=1 );
  }
  .navigation__search span {
    z-index: 11;
  }
  .navigation__fullheight .tabs__item {
    position: relative;
    margin: 0;
    padding: 0 8px;
  }
  .navigation__fullheight .tabs__item--active:after {
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 3px;
  }
  .navigation__secrets {
    position: absolute;
    z-index: 10;
    left: 8px;
    right: 40px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
  }
  .navigation__secrets:not(.hide) {
    display: -webkit-box !important;
    display: -moz-box !important;
  }
  .navigation__secrets .tabs__item {
    float: none;
    display: block;
  }
}

.navigation.headroom--unpinned {
  display: none;
}
.navigation.headroom--unpinned + .navigation-secrets {
  top: 0;
}

.notification--unread {
  color: rgba(255, 255, 255, 0.9);
}
.notification--unread:hover {
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}
.notification .count {
  position: absolute;
  top: -8px;
  right: -6px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
}

.body--static-navigation {
  padding-top: 0;
}

.sub-menu {
  position: absolute;
  display: none;
  top: 55px;
  left: 0;
  padding: 10px 0 20px;
  width: 275px;
  background-color: var(--toolbar-background);
}
.sub-menu__item {
  display: block;
  padding: 10px 28px;
  color: var(--navigation-text-color);
}

.nav-filters {
  margin-left: 4px;
  padding: 8px 7px 8px 10px;
  display: flex !important;
  align-items: center;
  color: var(--dropdown-tile-text);
  background-color: var(--dropdown-tile);
  font-weight: 400;
  border-radius: 3px;
  font-size: 13px;
}
.nav-filters .icon, .nav-filters .form__select:after {
  font-size: 18px;
  width: 19px;
  height: 19px;
  padding: 0 !important;
}

.nav-sections {
  padding: 8px 7px 8px 10px;
  display: flex !important;
  align-items: center;
  font-weight: 400;
  color: var(--dropdown-tile-text);
  background-color: var(--dropdown-tile);
  border-radius: 3px;
  font-size: 16px;
}
.nav-sections .icon, .nav-sections .form__select:after {
  font-size: 18px;
  width: 19px;
  height: 19px;
  padding: 0 !important;
  margin-left: 4px;
}

.nav-sections-grid {
  display: flex;
  margin-left: -4px;
  margin-bottom: 4px;
}
.nav-sections-grid--2 .nav-sections-grid__item {
  width: calc(50% - 4px);
}
.nav-sections-grid--3 .nav-sections-grid__item {
  width: calc(33.33% - 4px);
}
.nav-sections-grid--4 .nav-sections-grid__item {
  width: calc(25% - 4px);
}
.nav-sections-grid--2 .nav-sections-grid__item {
  width: calc(50% - 4px);
}
.nav-sections-grid__item {
  display: flex;
  flex-direction: column;
  padding: 13px 10px;
  align-items: center;
  width: calc(50% - 4px);
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 4px;
  border-radius: 5px;
  color: var(--dropdown-tile-text) !important;
  background-color: var(--dropdown-tile) !important;
}
.nav-sections-grid__item--active {
  background-color: var(--dropdown-tile-active) !important;
}
.nav-sections-grid__item img {
  display: block;
  margin-bottom: 7px;
  width: 25px;
  height: 25px;
}

.dark-theme #cookiefirst-policy-page .table-sm,
.dark-theme #cookiefirst-cookies-table .table-sm {
  color: var(--about-text-color);
}

.cookiefirst-legal-embed {
  color: var(--about-text-color);
}
.cookiefirst-legal-embed p,
.cookiefirst-legal-embed li {
  line-height: 1.7;
}
.cookiefirst-legal-embed a {
  color: #0B78E3;
}

.cookiefirst-legal-attribution {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
}

.meganav:hover .meganav__item {
  background-color: #0e0e0e;
}
.meganav:hover .meganav__menu {
  display: block;
}
.meganav__item {
  display: block;
  margin: 0 -8px;
  padding: 0 8px;
}
.meganav__menu {
  position: absolute;
  display: none;
  z-index: 100;
  top: 55px;
  left: 0;
  width: 100%;
  background-color: #0e0e0e;
  min-height: 120px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.process {
  text-align: center;
}
.process__step {
  position: relative;
  display: inline-block;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid rgba(90, 90, 90, 0.9);
  margin: 0 10px;
  font-size: 10px;
  color: rgba(90, 90, 90, 0.9);
}
.process__step:not(:first-child):before {
  content: "";
  left: -18px;
  height: 1px;
  top: 10px;
  width: 10px;
  display: block;
  position: absolute;
  background-color: rgba(90, 90, 90, 0.9);
}
.process__step--active {
  color: #fff;
  border-color: #fff;
}
.process__step--active:not(:first-child):before {
  background-color: #fff;
}

.pagination {
  display: flex;
  flex-wrap: nowrap;
}
@media (min-width: 960px) {
  .pagination {
    margin-top: 20px;
  }
}
.pagination--light .pagination__button {
  background-color: #0B78E3;
}
.pagination--light .pagination__button:hover {
  background-color: #0b7ded;
}
.pagination__button {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 16px;
  background-color: #0B78E3;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
}
.pagination__button:hover {
  background-color: #1485f4;
}
.pagination__button--prev {
  margin-right: 6px;
}
.pagination__button--next {
  width: 100%;
}
.pagination__button--big {
  margin-right: 0;
}
@media (max-width: 960px) {
  .pagination__button--big {
    width: 100%;
  }
}
.pagination__button--current {
  margin-left: 6px;
  flex-shrink: 0;
  padding: 0 8px 0 16px;
}
.pagination__button .icon, .pagination__button .form__select:after {
  position: relative;
  top: 8px;
  width: 24px;
  height: 24px;
}
.pagination + .secret, .pagination + .secrets {
  margin-top: 20px;
}

.banner {
  margin-bottom: 20px;
}
.banner--card {
  height: 250px;
  background-color: rgba(216, 216, 216, 0.3);
}
.banner--mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -16px;
  margin-right: -16px;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100vw;
}
.banner--small {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -15px;
}
@media (max-width: 960px) {
  .banner--small {
    display: flex !important;
  }
}
.banner--m-b {
  margin-bottom: 20px;
}
.banner__title {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.adsbygoogle {
  max-width: 100%;
}

.gifs-navigation {
  padding-left: 16px;
}
.gifs-navigation.tag {
  padding-left: 0;
}
.gifs-navigation .navigation__search-bar {
  padding-right: 8px;
}

.compose-gifs {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.compose-gifs .navigation {
  background-color: #000 !important;
}
.compose-gifs .navigation__primary:not(.gifs-navigation) {
  display: none;
}
.compose-gifs .gifs-navigation {
  display: flex;
}
.compose-gifs .compose__actions,
.compose-gifs .compose__textarea {
  display: none !important;
}

.gif-dialog .navigation__search-bar {
  padding-right: 0;
  padding-left: 30px;
}
.gif-dialog .navigation__search-bar .button, .gif-dialog .navigation__search-bar .write__submit, .gif-dialog .navigation__search-bar .write__selector-trigger, .gif-dialog .navigation__search-bar .write__addtag, .gif-dialog .navigation__search-bar .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .gif-dialog .navigation__search-bar button, .gif-dialog .navigation__search-bar #app .dropzone .dz-message span, #app .dropzone .dz-message .gif-dialog .navigation__search-bar span, .gif-dialog .navigation__search-bar .dialog__action, .gif-dialog .navigation__search-bar .select, .gif-dialog .navigation__search-bar .state--card .state__cta, .state--card .gif-dialog .navigation__search-bar .state__cta {
  position: absolute;
  top: -1px;
  left: 31px;
  height: 35px;
}

.gifs {
  padding: 0 16px;
}
.gifs__loader {
  padding: 24px 0;
}
.gifs__cats {
  margin-top: -8px;
  margin-left: -16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.gifs__reactions {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: -16px;
}
.gifs__reactions .loader, .gifs__reactions .softpage__loader, .gifs__reactions .dialog__loader {
  margin-top: 24px;
}

.gifs-img {
  position: relative;
  border-radius: 12px;
  background-color: #2B2C32;
  color: #fff;
  overflow: hidden;
  display: block;
  margin-bottom: 16px;
  margin-left: 16px;
  width: calc(50% - 16px);
}
.gifs-img__remove {
  position: absolute;
  z-index: 20;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gifs-img__remove .icon, .gifs-img__remove .form__select:after {
  color: #fff;
  font-size: 15px;
}
.gifs-img__holder {
  display: block;
  background-color: #2B2C32;
}
.gifs-img__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gifs-btn {
  position: relative;
  padding: 8px;
  border-radius: 12px;
  background-color: #2B2C32;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  margin-left: 16px;
  width: calc(50% - 16px);
  min-height: 90px;
  overflow: hidden;
}
.gifs-btn__bg {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-position: center;
  background-size: cover;
}
.gifs-btn__name {
  position: relative;
  z-index: 10;
  margin: 0;
  font-weight: 500;
  font-size: 17px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}

.select {
  position: relative;
  width: 100%;
  padding: 0;
}
.select__icon {
  position: absolute;
  top: 7px;
  right: 5px;
}
.select__dropdown {
  outline: none;
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 17px;
  color: #fff;
}
.select--flat {
  border: 0;
}
.select--flat .select__dropdown {
  padding: 0;
}

.hero, .hero-grid {
  position: relative;
  z-index: 10;
  background-color: var(--hero-background);
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .hero, .hero-grid {
    margin-bottom: 8px;
  }
  .hero--below {
    width: 100%;
    margin-top: -55px;
  }
  .hero--below .hero__background {
    top: -55px;
    height: calc(100% + 55px);
  }
}
.hero--padding {
  padding: 30px 0;
}
.hero--padding.hero--below {
  padding-top: 55px;
}
.hero--huge {
  min-height: 360px;
}
.hero--large {
  min-height: 300px;
}
.hero--medium {
  min-height: 220px;
}
.hero--small {
  min-height: 150px;
}
.hero--tiny {
  min-height: 120px;
}
.hero--no-margin {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .hero--medium {
    min-height: 160px;
  }
}
.hero--with-nav {
  padding-top: 55px;
}
.hero__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
}
.hero__cta-mobile {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__background {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.hero__background--blur {
  filter: blur(3px);
  transform: scale(1.1);
}
.hero__background--tv {
  background-image: url(http://a5.res.cloudinary.com/db79cecgq/image/upload/c_crop,h_742,w_1696,x_1,y_108/c_fill,h_560,w_1280/v1461337561/Segreti_2000_wxejom.jpg);
  opacity: 0.5;
  background-position: center;
  background-size: cover;
}
.hero__background--serv {
  background-repeat: repeat;
  background-size: auto;
  background-image: var(--rankings-background-image);
}
.hero__background--login {
  background-image: url(/images/hero-login.jpg);
  opacity: 0.3;
  background-position: top;
}
.hero__background--videos {
  opacity: 0.3;
  background-position: center;
  background-size: cover;
}
.hero__avatar {
  float: left;
  margin-right: 16px;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 3px solid rgba(255, 255, 255, 0.25);
}
.hero__message {
  position: relative;
  z-index: 20;
  color: #fff;
}
.hero__message--centered {
  text-align: center;
}
.hero__title {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 400;
  font-family: "Montserrat";
  color: var(--hero-title-color);
  text-shadow: 2px 2px 8px RGBA(0, 0, 0, 0.3);
}
@media (max-width: 960px) {
  .hero__title {
    margin-bottom: 4px;
  }
}
.hero__round-cta {
  position: absolute;
  z-index: 20;
  right: 50%;
  margin-right: -500px;
  bottom: -23px;
  width: 46px;
  height: 46px;
  background-color: #0B78E3;
}
@media (max-width: 1024px) {
  .hero__round-cta {
    right: 10px;
    margin-right: 0;
  }
}
.hero__cta {
  margin-left: 16px;
  position: relative;
  top: -2px;
  margin-bottom: -7px;
}
.hero__cta--light {
  color: #B6B6B6;
  border-color: #B6B6B6;
}
.hero__cta--light:hover {
  color: #FAFAFA;
  border-color: #FAFAFA;
}
.hero__description {
  font-size: 16px;
  line-height: 1.4em;
  color: var(--hero-description-color);
}
.hero__description--small {
  font-size: 15px;
}
.hero__link {
  color: #fff;
}
.hero__link--hashtag {
  display: inline-block;
  padding: 3px 10px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  margin-right: 1px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 24px;
}
.hero__link--hashtag:hover {
  border-color: rgba(255, 255, 255, 0.6);
}
.hero__tabs {
  display: block;
  width: 100%;
  align-self: flex-end;
}
.hero--category[data-slug=divertenti] {
  background-color: #e29b31;
}
.hero--category[data-slug=vdm] {
  background-color: #77462e;
}
.hero--category[data-slug=ask] {
  background-color: #a061e6;
}
.hero--category[data-slug=amore] {
  background-color: #ec3f60;
}
.hero--category[data-slug=figuracce] {
  background-color: #ff867b;
}
.hero--category[data-slug=tenera-eta] {
  background-color: #2873b7;
}
.hero--category[data-slug=imbarazzanti] {
  background-color: #ff867b;
}
.hero--category[data-slug=sfoghi] {
  background-color: #bb3c39;
}
.hero--category[data-slug=nsfw] {
  background-color: #cc1d1d;
}
@media (max-width: 960px) {
  .hero--faded {
    min-height: 0;
  }
  .hero--faded .hero__message {
    padding: 16px 16px 32px;
  }
  .hero--category {
    padding-top: 30px;
  }
}

#rankings-laurel {
  position: absolute;
  background-image: var(--rankings-laurel);
  background-repeat: no-repeat;
  width: 346px;
  height: 190px;
}

.dropdown {
  position: relative;
  text-align: left;
}
.dropdown__trigger {
  position: relative;
  z-index: 9;
  display: block;
}
.dropdown__menu {
  display: none;
  position: absolute;
  z-index: 20;
  top: 50px;
  right: 0;
  height: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: normal;
  border-radius: 4px;
  padding: 8px 0;
  background-color: var(--dropdown-background);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
}
.dropdown__menu-title {
  color: var(--dropdown-title);
  text-align: center;
  font-size: 22px;
}
.dropdown__menu-title:not(:first-child) {
  margin-top: 16px;
}
.dropdown__menu--large {
  width: 270px;
}
.dropdown__menu--macros {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}
.dropdown__menu--scroll {
  max-height: 220px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 960px) {
  .dropdown__menu--partial {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 15px 0 6px 0;
    top: unset !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    transform: none !important;
  }
}
.dropdown__menu--right {
  left: -10px !important;
}
.dropdown__menu--right .dropdown__arrow {
  left: 20px !important;
}
@media (max-width: 960px) {
  .dropdown__menu--borderless {
    top: 10px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    padding: 10px !important;
    overflow: hidden;
  }
}
.dropdown--active .dropdown__menu--sheet {
  display: flex;
  padding: 16px;
}
.dropdown__menu--sheet .dropdown__items {
  margin-top: 20px;
}
.dropdown__menu--sheet .dropdown__items--2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
.dropdown__menu--sheet .dropdown__item {
  border: 0;
  outline: none;
  color: var(--dropdown-tile-text);
  background-color: var(--dropdown-tile);
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  display: block;
}
.dropdown__menu--sheet .dropdown__item--primary {
  background-color: var(--dropdown-tile-active);
  color: #fff;
}
.dropdown__menu--age {
  text-align: center !important;
  width: 100%;
}
.dropdown__menu--date {
  text-align: right !important;
  width: 130%;
}
.dropdown__menu--date input {
  border: 1px solid #EAEAEA;
  width: 100%;
}
@media (min-width: 960px) {
  .dropdown__menu--date input {
    padding: 6px;
    margin: 6px;
  }
}
@media (max-width: 960px) {
  .dropdown__menu--date input {
    padding: 6px;
    margin: 6px 30% 1px 6px;
  }
}
.dropdown__close {
  color: var(--dropdown-text-color);
}
@media (min-width: 960px) {
  .dropdown__close {
    display: none;
  }
}
.dropdown__arrow {
  content: "";
  position: absolute;
  z-index: 20;
  top: -14px;
  right: 12px;
  clip: rect(0 18px 14px -4px);
}
.dropdown__arrow:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: var(--dropdown-background);
  transform: rotate(45deg) translate(6px, 6px);
  box-shadow: -1px -1px 1px -1px rgba(0, 0, 0, 0.44);
}
.dropdown__loader {
  position: absolute;
  top: 9px;
  left: 24px;
  display: none;
}
.dropdown__items {
  position: relative;
  list-style: none;
  width: auto;
  min-width: 124px;
  margin: 0;
  text-align: left;
}
.dropdown__items--icons.dropdown__item {
  padding: 7px 25px 7px 15px;
}
.dropdown__separator {
  display: block;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-top: 0;
}
.dropdown__item {
  display: flex;
  color: var(--dropdown-text-color);
  padding: 6px 25px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}
.dropdown__item [class^=is-icon-], .dropdown__item [class*=" is-icon-"] {
  font-size: 18px;
}
.dropdown__item--loading .dropdown__loader {
  display: inline-block;
}
.dropdown__item--loading .dropdown__icon {
  visibility: hidden;
}
.dropdown__item--small {
  font-size: 14px;
}
.dropdown__item:hover {
  color: var(--dropdown-text-color-hover);
}
.dropdown__item--separated {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown__item--danger {
  color: #d8405a;
}
.dropdown__item--danger .dropdown__icon {
  color: #d8405a;
}
.dropdown__item--danger:hover {
  color: #d8405a;
}
.dropdown__item--danger:hover .dropdown__icon {
  color: #d8405a;
}
.dropdown--active .dropdown__menu {
  display: block;
  z-index: 100;
}
.dropdown__sharer {
  padding: 8px 16px;
  display: flex;
  line-height: 1em;
  flex-wrap: wrap;
  flex-direction: column;
}
.dropdown__sharer--row {
  display: flex;
  flex-direction: row;
}
.dropdown__sharer-url {
  margin: 16px -16px -16px;
  width: calc(100% + 32px);
  border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.dropdown__link {
  display: block;
  padding: 16px;
  font-size: 15px;
  color: var(--dropdown-text-color);
  line-height: 1.2em;
}
.dropdown__social {
  float: left;
  width: 25%;
  text-align: center;
}
@media (min-width: 960px) {
  .dropdown__social {
    width: 33.333%;
  }
}
.dropdown__social .social {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 10px 8px 10px;
}
.dropdown__social .social .vector {
  fill: #fff;
  color: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.dropdown__social .social .vector use > svg {
  fill: #fff;
  color: #fff;
}
.dropdown__social--facebook .social {
  background-color: #5975b1;
}
.dropdown__social--twitter .social {
  background-color: #55acee;
}
.dropdown__social--email .social {
  background-color: #898989;
}
.dropdown__social--whatsapp .social {
  background-color: #20A611;
}
.dropdown__social--telegram .social {
  background-color: #0088cc;
}
.dropdown__social p {
  font-size: 14px;
  color: var(--share-text-color);
  line-height: 1.2em;
}
.dropdown__icon {
  position: relative;
  margin-right: 16px;
  font-size: 18px;
}
@media (max-width: 960px) {
  .dropdown__social p {
    color: var(--dropdown-text-color);
  }
  .dropdown__link {
    color: var(--dropdown-text-color);
  }
  .dropdown__arrow {
    display: none;
  }
  .dropdown--active .dropdown__backdrop {
    content: "";
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .dropdown--active .dropdown__trigger {
    display: block;
  }
  .dropdown--active .dropdown__trigger.dropdown__item {
    display: flex;
  }
  .dropdown .dropdown__menu {
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    right: 0;
    width: 100%;
    border-radius: 0;
    z-index: 100;
    background-color: var(--dropdown-background);
  }
  .dropdown .dropdown__menu--sheet {
    padding: 24px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    flex-direction: column;
    background-color: var(--toolbar-background);
  }
  .dropdown .dropdown__items {
    padding: 0;
  }
  .dropdown .dropdown__separator {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
  }
  .dropdown .dropdown__item {
    color: var(--dropdown-text-color);
  }
  .dropdown .dropdown__item.disabled {
    color: #b9b9b9;
  }
  .dropdown .dropdown__item.active {
    color: #fff;
  }
}

.secret__actions .dropdown__item,
.shout__actions .dropdown__item {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}
.secret__actions .dropdown__item > .dropdown__icon,
.shout__actions .dropdown__item > .dropdown__icon {
  margin-right: 0 !important;
}

.comments {
  padding: 0;
  margin-top: 32px;
  list-style: none;
  display: block;
  background-color: var(--comments-background);
}
.comments--loading {
  position: relative;
}
.comments--loading .comments__loading {
  display: block;
}
.comments__loading {
  display: none;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.comments__empty {
  max-width: none;
  margin-bottom: 32px;
}
@media (max-width: 960px) {
  .comments__empty .state__cta.show--on-mobile {
    display: inline-block;
  }
}
.comments #the-main-comment-form {
  padding-top: 20px;
}
.comments .alert-op {
  border-radius: 0;
  margin-bottom: 0;
}
.comments__loader {
  clear: both;
  text-align: center;
  background-color: #fff;
  padding: 32px 0;
}
.comments__loader--more {
  margin-top: 32px;
}
.comments__empty {
  padding: 32px;
}
.comments__empty .state__label {
  max-width: 80%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .comments__empty .state__label {
    max-width: 100%;
  }
}
.comments__head {
  clear: both;
  border-radius: 12px 12px 0 0;
  background-color: var(--comments-background);
  padding: 0 8px 0 16px;
  position: relative;
  height: 55px;
}
.comments__title {
  float: left;
  font-weight: 400;
  text-transform: none;
  height: 55px;
  line-height: 55px;
  margin-bottom: 0;
}
.comments__tabs {
  float: right;
}
.comments__tabs--loading .comments__tabs-loader {
  display: block;
}
.comments__list {
  clear: both;
}
.comments__more {
  display: block;
  text-align: center;
  margin: 0 0 32px;
  padding-top: 32px;
}
.comments__tabs-loader {
  display: none;
  position: absolute;
  top: 18px;
  right: 170px;
}
.comments__show-more {
  border-top: 2px solid var(--comments-border-color);
}
.comments__more-replies {
  border-radius: 0;
  background-color: var(--commens-more-background);
  text-shadow: none;
  color: var(--comments-text-color);
  border: 0;
  line-height: 35px;
}
@media (max-width: 960px) {
  .comments__more-replies {
    background-color: var(--comments-background);
  }
}
.comments__more-replies .icon, .comments__more-replies .form__select:after {
  font-size: 18px;
  margin-right: 3px;
  top: 3px;
  position: relative;
}
.comments__more-replies:hover {
  color: #0B78E3;
}
@media (min-width: 960px) {
  .comments__main {
    border-radius: 0 0 12px 12px;
  }
  .comments__empty {
    margin-bottom: 0;
    border-radius: 0 0 12px 12px;
  }
}
@media (max-width: 960px) {
  .comments {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  .comments__more {
    margin: 0;
    padding-top: 2px;
  }
  .comments__more .button, .comments__more .write__submit, .comments__more .write__selector-trigger, .comments__more .write__addtag, .comments__more .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .comments__more button, .comments__more #app .dropzone .dz-message span, #app .dropzone .dz-message .comments__more span, .comments__more .dialog__action, .comments__more .state--card .state__cta, .state--card .comments__more .state__cta, .comments__more .select {
    display: block;
    border-radius: 0;
    font-size: 13px;
  }
}
.comments--dark {
  background-color: #2F3035;
}
.comments--dark .comments__head {
  background-color: #3D414A;
  color: #fff;
}
.comments--dark .comments__empty {
  color: #fff;
  margin-bottom: 0;
  background-color: transparent;
}
.comments--dark .comments__show-more {
  border: 0;
}
.comments--dark .comments__more-replies {
  position: relative;
  border-top: 2px solid #2F3035;
  background-color: #3D414A;
  color: #fff;
  height: 47px;
  line-height: 47px;
  font-size: 15px;
}
.comments--dark .comments__more-replies:before {
  position: absolute;
  content: "";
  z-index: 10;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #737A84;
}
.comments--dark .comment__author {
  color: #B5B9C2;
}
.comments--dark .comment__date {
  color: rgba(255, 255, 255, 0.5);
}
.comments--dark .comment__footer {
  display: flex;
  align-items: center;
}
.comments--dark .comment__secondary {
  margin-left: auto;
}
.comments--dark .comment__secondary .button--small {
  height: 30px;
  line-height: 30px;
  border: 0;
  top: 0 !important;
}
.comments--dark .comment .voting {
  margin-left: -8px;
}
.comments--dark .comment__author-badge {
  background-color: #A366E1;
}
.comments--dark .comment .vote {
  background-color: transparent;
  box-shadow: none;
}
.comments--dark .comment .vote:not(:first-child) {
  margin-left: 0;
}
.comments--dark .comment .vote .icon, .comments--dark .comment .vote .form__select:after {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comments--dark .comment .vote.vote--down.vote--active .icon, .comments--dark .comment .vote.vote--down.vote--active .form__select:after, .comments--dark .comment .vote.vote--down.vote--active .points {
  color: #F44B67;
}
.comments--dark .comment--main {
  background-color: #3D414A;
}
.comments--dark .comment--main:not(:last-child) {
  margin-bottom: 2px;
}
.comments--dark .comment__message {
  color: #fff;
}
.comments--dark .comment__replies {
  border-left-color: #2F3035;
}
.comments--dark .comment__replies .comment {
  position: relative;
  background-color: #3D414A;
  border-top: 2px solid #2F3035;
}
.comments--dark .comment__replies .comment:before {
  position: absolute;
  content: "";
  z-index: 10;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #737A84;
}

@media (max-width: 960px) {
  body.comment-focus {
    position: fixed;
    left: 0;
    width: 100%;
  }
  body.comment-focus #main-toolbar {
    display: none;
  }
  body.comment-focus.comment-focus-main .compose__main {
    display: block;
  }
  body.comment-focus .comments--write .compose {
    padding-top: 55px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: var(--comments-header-color);
    z-index: 100;
    border: 0;
    border-radius: 0;
  }
  body.comment-focus .comments--write .compose__textarea {
    background-color: var(--comments-textarea-background);
    color: var(--comments-text-color);
    min-height: calc(100vh - 55px);
    line-height: 22px;
    font-size: 16px;
    position: fixed;
    z-index: 150;
    top: 55px;
    bottom: 50px;
    width: 100%;
    padding-right: 16px;
  }
  body.comment-focus .comments--write .compose__actions {
    position: fixed;
    top: 0;
    z-index: 150;
    height: 50px;
    padding: 0 8px;
    background-color: var(--comments-header-color);
    border: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    left: 40px;
    right: 0;
    padding-left: 0;
  }
  body.comment-focus .comments--write .compose__actions .compose__buttons {
    margin-left: auto;
  }
  body.comment-focus .comments--write .compose__actions .compose__help {
    color: #fff;
    display: block;
    top: 21px;
    left: 8px;
  }
  body.comment-focus .comments--write .compose__actions .compose__gif {
    position: absolute;
    top: 0;
    right: 90px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.comment-focus .comments--write .compose__actions .compose__gif span {
    display: inline-block;
    color: var(--comments-text-color);
    padding: 0 8px;
    text-align: center;
    height: 24px;
    line-height: 21px;
    border-radius: 8px;
    font-size: 11px;
    border: 2px solid var(--comments-text-color);
  }
  body.comment-focus .comments--write .compose__actions .compose__submit {
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    padding: 0 15px;
    width: auto;
    line-height: 40px;
  }
  body.comment-focus .comments--write .compose__actions .compose__submit .hide--on-mobile {
    display: block !important;
  }
  body.comment-focus .comments--write .compose__actions .compose__submit .icon, body.comment-focus .comments--write .compose__actions .compose__submit .form__select:after {
    display: none;
  }
}
@media (min-width: 960px) {
  .compose__gif {
    height: 50px;
    min-width: 50px;
    display: contents;
    align-items: center;
    justify-content: center;
  }
  .compose__gif span {
    display: inline-block;
    color: var(--comments-text-color);
    padding: 0 8px;
    text-align: center;
    height: 24px;
    line-height: 21px;
    border-radius: 8px;
    font-size: 11px;
    border: 2px solid var(--comments-text-color);
    margin-left: 15px;
    margin-top: 4px;
  }
}
.comment {
  padding: 16px 16px 8px;
}
.comment--collapsed {
  display: none;
}
.comment--main {
  background-color: var(--comments-background);
  border-bottom: 1px solid var(--comments-border-color);
}
.comment--main:not(:last-child) {
  margin-bottom: 16px;
}
.comment--main:last-child {
  border-radius: 0 0 3px 3px;
}
.comment--highlighted {
  -webkit-animation: highlightMainComment 1.2s linear;
          animation: highlightMainComment 1.2s linear;
}
.comment--reply.comment--highlighted {
  -webkit-animation: highlightReplyComment 1.2s linear;
          animation: highlightReplyComment 1.2s linear;
}
.comment .secret__reports .secret__reports-users {
  background-color: rgba(255, 255, 255, 0.1);
}
.comment .secret__reports .secret__reports-users a {
  color: var(--report-text);
  text-decoration: none;
}
.comment .secret__reports .secret__reports-reason {
  background-color: var(--report-reason-background);
}
.comment .secret__reports .secret__reports-reason .secret__reports-label {
  color: var(--report-text);
}
.comment .secret__reports .secret__reports-reason .secret__reports-counter {
  color: var(--report-text);
}
.comment .secret__reports .secret__reports-percentage {
  background-color: var(--report-reason-selected-color);
}
.comment:last-child {
  margin-bottom: 0;
}
.comment__main {
  position: relative;
}
.comment__gif {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  max-width: 60%;
}
.comment__gif span {
  display: block;
  background-color: #2B2C32;
}
.comment__gif .comment__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.comment__image {
  display: block;
  max-width: 80%;
}
.comment__actions {
  position: absolute;
  top: -4px;
  right: -12px;
  display: flex;
  align-items: center;
}
.comment__actions .dropdown {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment__actions .dropdown:not(:first-child) {
  margin-left: 8px;
}
.comment__actions .dropdown > .dropdown__trigger {
  color: var(--comments-text-color);
}
.comment--removed .comment__open-replies {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  margin-right: 0;
}
.comment--removed .comment__message {
  position: relative;
  top: -5px;
  padding: 0;
}
.comment__open-replies {
  position: relative;
  top: 1px;
  float: right;
  font-size: 10px;
  margin-right: 16px;
  background-color: var(--comments-more-badge-background);
  padding: 3px 8px;
  border-radius: 13px;
  color: var(--comments-more-badge-text-color);
}
.comment__open-replies .icon, .comment__open-replies .form__select:after {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 18px;
}
.comment__avatar {
  position: relative;
  top: -5px;
  float: left;
  margin-right: 8px;
  width: 27px;
  height: 27px;
}
.comment__avatar img {
  width: 100%;
}
.comment__author {
  font-size: 15px;
  color: #0B78E3;
}
.comment__author-badge {
  font-size: 11px;
  line-height: 13px;
  background-color: #f44b67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: relative;
  margin-left: 5px;
  top: -1px;
}
.comment__author-badge.op {
  background-color: #0B78E3;
}
.comment__author-role {
  margin-top: 1px;
  display: block;
  font-size: 12px;
}
.comment__best {
  display: inline-block;
  padding: 4px;
  color: #fff;
  font-size: 10px;
  border-radius: 100%;
  position: relative;
  top: -2px;
  margin-left: 5px;
  background-color: #18a064;
}
.comment__date {
  display: inline-block;
  margin-left: 5px;
  font-size: 11px;
}
.comment__mention {
  color: #61adf7;
  text-decoration: none;
}
.comment__mention:hover {
  color: #92c6f9;
}
.comment__message {
  clear: both;
  margin-top: 16px;
  line-height: 25px;
  font-size: 16px;
  color: var(--comments-text-color);
}
.comment__message--removed {
  margin-top: 0;
  padding-bottom: 16px;
  font-style: italic;
}
.comment__message p {
  word-wrap: break-word;
}
.comment__message p:empty {
  display: none;
}
.comment__message p:not(:first-child) {
  margin-top: 8px;
}
.comment__message p:not(:last-child) {
  margin-bottom: 8px;
}
.comment__message a {
  color: #0B78E3;
  text-decoration: none;
}
.comment__message a:hover {
  text-decoration: underline;
}
.comment--showing-replies {
  padding-bottom: 0;
}
.comment--showing-replies .comment__replies {
  display: block;
}
.comment--showing-replies .comment__open-replies .icon, .comment--showing-replies .comment__open-replies .form__select:after {
  top: 1px;
  transform: rotate(180deg);
}
.comment__replies {
  display: none;
  margin: 0 -16px;
  border-left: 8px solid var(--comments-more-left-border-color);
}
.comment-focus .comment__replies {
  display: block;
}
.comment__replies .compose {
  margin-bottom: 0;
  border-radius: 0 0 3px 3px;
  border-top: 2px solid #eee;
}
.comment__replies .comment {
  padding-bottom: 0;
  background-color: var(--comments-background);
  border-top: 2px solid var(--comments-border-color);
}
.comment__replies .comment__main {
  height: 30px;
}
.comment__replies .comment__message {
  margin-top: 8px;
}
.comment__replies .comment__avatar {
  width: 30px;
  height: 30px;
}
.comment__replies .comment__author-role {
  display: inline-block;
  margin-left: 8px;
  margin-top: 0;
  position: relative;
  top: 4px;
}
.comment__footer {
  padding-top: 8px;
}
.comment__footer .voting {
  float: left;
}
.comment__secondary {
  float: right;
}
.comment__reply {
  float: left;
  text-shadow: none;
  font-weight: 400;
}
.comment__reply:hover {
  color: #0B78E3;
}
.comment__edits {
  float: left;
  text-shadow: none;
  font-weight: 400;
}
.comment__edits:hover {
  color: #0B78E3;
}
.comment__edit {
  float: left;
  text-shadow: none;
  font-weight: 400;
}
.comment__edit:hover {
  color: #0B78E3;
}
@media (max-width: 960px) {
  .comment {
    border-radius: 0;
  }
}

@-webkit-keyframes highlightMainComment {
  0% {
    background-color: #3D414A;
  }
  50% {
    background-color: #6f747f;
  }
  100% {
    background-color: #3D414A;
  }
}

@keyframes highlightMainComment {
  0% {
    background-color: #3D414A;
  }
  50% {
    background-color: #6f747f;
  }
  100% {
    background-color: #3D414A;
  }
}
@-webkit-keyframes highlightReplyComment {
  0% {
    background-color: #3D414A;
  }
  50% {
    background-color: #6f747f;
  }
  100% {
    background-color: #3D414A;
  }
}
@keyframes highlightReplyComment {
  0% {
    background-color: #3D414A;
  }
  50% {
    background-color: #6f747f;
  }
  100% {
    background-color: #3D414A;
  }
}
.compose {
  position: relative;
  margin-bottom: 8px;
  clear: both;
}
.compose--guest:before {
  content: "";
  position: absolute;
  z-index: 300;
  top: 55px;
  left: 0;
  width: 100%;
  height: 100%;
}
.compose__avatar {
  float: left;
  margin-right: 16px;
  width: 35px;
  height: 35px;
  border-radius: 2px;
  overflow: hidden;
}
.compose__avatar img {
  width: 100%;
}
.compose__main {
  margin-top: 32px;
}
.compose__main .compose__cancel {
  display: none;
}
.compose__preview-gif {
  position: fixed;
  z-index: 300;
  display: none;
}
@media (max-width: 960px) {
  .compose__preview-gif {
    width: 90%;
    left: 5%;
    bottom: 20px;
  }
}
@media (min-width: 960px) {
  .compose__preview-gif {
    width: 220px;
    left: calc(50% - 220px);
    bottom: 20px;
  }
}
.compose__textarea {
  display: block;
  width: 100%;
  border: 0;
  color: var(--comments-text-color);
  background-color: var(--comments-textarea-background);
  padding: 15px;
  font-size: 15px;
  outline: none;
  resize: none;
  height: 56px;
  min-height: 65px;
  border-radius: 3px 3px 0 0;
  -webkit-appearance: none;
  max-height: 150px;
}
.compose__buttons {
  float: right;
}
.compose__buttons .button, .compose__buttons .write__submit, .compose__buttons .write__selector-trigger, .compose__buttons .write__addtag, .compose__buttons .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .compose__buttons button, .compose__buttons #app .dropzone .dz-message span, #app .dropzone .dz-message .compose__buttons span, .compose__buttons .dialog__action, .compose__buttons .state--card .state__cta, .state--card .compose__buttons .state__cta, .compose__buttons .select {
  float: left;
  margin-right: 8px;
}
.compose__buttons .button:last-child, .compose__buttons .write__submit:last-child, .compose__buttons .write__selector-trigger:last-child, .compose__buttons .write__addtag:last-child, .compose__buttons .sweet-alert .sa-button-container button:last-child, .sweet-alert .sa-button-container .compose__buttons button:last-child, .compose__buttons #app .dropzone .dz-message span:last-child, #app .dropzone .dz-message .compose__buttons span:last-child, .compose__buttons .dialog__action:last-child, .compose__buttons .state--card .state__cta:last-child, .state--card .compose__buttons .state__cta:last-child, .compose__buttons .select:last-child {
  margin-right: 0;
}
.compose--op {
  margin-bottom: 0;
  border-radius: 3px 3px 0 0;
}
.compose__op {
  border-top: 1px solid #181e23;
  background-color: #272a2e;
  text-align: center;
  font-size: 14px;
  border-radius: 0 0 3px 3px;
}
.compose__actions {
  border-radius: 0 0 3px 3px;
  background-color: var(--comments-background);
  border-top: 1px solid var(--comments-separator);
  clear: both;
  position: relative;
  padding: 8px 16px;
}
.compose__help {
  float: left;
  font-size: 11px;
  margin-right: 8px;
  position: relative;
  top: 12px;
}
@media (max-width: 960px) {
  .compose__submit {
    padding: 0;
    width: 40px;
    text-align: center;
    border-radius: 100%;
    height: 40px;
  }
  .compose__submit .icon, .compose__submit .form__select:after {
    top: 5px;
    position: relative;
    left: 2px;
  }
  .compose__main {
    margin-left: -8px;
    margin-right: -8px;
  }
  .compose__actions {
    padding: 8px;
  }
  .compose__side {
    display: none;
  }
}

.secret {
  border-radius: 12px;
}
.secret--male:not(.secret--styled) {
  background: var(--secret-background-male, rgba(31, 106, 176, 0.5));
  color: #fff;
}
.secret--male:not(.secret--styled) .secret__head {
  background-color: transparent;
}
.secret--male:not(.secret--styled) .secret__message, .secret--male:not(.secret--styled) .secretssearch .search__secret-message, .secretssearch .secret--male:not(.secret--styled) .search__secret-message,
.secret--male:not(.secret--styled) .secret__message a,
.secret--male:not(.secret--styled) .secretssearch .search__secret-message a,
.secretssearch .secret--male:not(.secret--styled) .search__secret-message a,
.secret--male:not(.secret--styled) .secret__title,
.secret--male:not(.secret--styled) .secret__button,
.secret--male:not(.secret--styled) .secret__category a {
  color: #fff;
}
.secret--male:not(.secret--styled) .secret__info,
.secret--male:not(.secret--styled) .secret__date,
.secret--male:not(.secret--styled) .vote,
.secret--male:not(.secret--styled) .vote .icon,
.secret--male:not(.secret--styled) .vote .form__select:after,
.secret--male:not(.secret--styled) .vote .points {
  color: rgba(255, 255, 255, 0.85);
}
.secret--female:not(.secret--styled) {
  background: var(--secret-background-female, rgba(164, 72, 141, 0.5));
  color: #fff;
}
.secret--female:not(.secret--styled) .secret__head {
  background-color: transparent;
}
.secret--female:not(.secret--styled) .secret__message, .secret--female:not(.secret--styled) .secretssearch .search__secret-message, .secretssearch .secret--female:not(.secret--styled) .search__secret-message,
.secret--female:not(.secret--styled) .secret__message a,
.secret--female:not(.secret--styled) .secretssearch .search__secret-message a,
.secretssearch .secret--female:not(.secret--styled) .search__secret-message a,
.secret--female:not(.secret--styled) .secret__title,
.secret--female:not(.secret--styled) .secret__button,
.secret--female:not(.secret--styled) .secret__category a {
  color: #fff;
}
.secret--female:not(.secret--styled) .secret__info,
.secret--female:not(.secret--styled) .secret__date,
.secret--female:not(.secret--styled) .vote,
.secret--female:not(.secret--styled) .vote .icon,
.secret--female:not(.secret--styled) .vote .form__select:after,
.secret--female:not(.secret--styled) .vote .points {
  color: rgba(255, 255, 255, 0.85);
}
.secret--other:not(.secret--styled) {
  background: var(--secret-background-other, rgba(70, 70, 70, 0.5));
  color: #fff;
}
.secret--other:not(.secret--styled) .secret__head {
  background-color: transparent;
}
.secret--other:not(.secret--styled) .secret__message, .secret--other:not(.secret--styled) .secretssearch .search__secret-message, .secretssearch .secret--other:not(.secret--styled) .search__secret-message,
.secret--other:not(.secret--styled) .secret__message a,
.secret--other:not(.secret--styled) .secretssearch .search__secret-message a,
.secretssearch .secret--other:not(.secret--styled) .search__secret-message a,
.secret--other:not(.secret--styled) .secret__title,
.secret--other:not(.secret--styled) .secret__button,
.secret--other:not(.secret--styled) .secret__category a {
  color: #fff;
}
.secret--other:not(.secret--styled) .secret__info,
.secret--other:not(.secret--styled) .secret__date,
.secret--other:not(.secret--styled) .vote,
.secret--other:not(.secret--styled) .vote .icon,
.secret--other:not(.secret--styled) .vote .form__select:after,
.secret--other:not(.secret--styled) .vote .points {
  color: rgba(255, 255, 255, 0.85);
}
.secret--detail {
  margin-bottom: 0;
  overflow: hidden;
}
.secret--no-border {
  border-radius: 0;
}
.secret--collapsed {
  display: none;
}
.secret--styled {
  background-color: transparent;
  position: relative;
}
@media (max-width: 960px) {
  .secret--styled.secret--detail {
    margin-top: -55px;
    padding-top: 55px;
    z-index: 10;
  }
}
.secret--styled .secret__tags {
  margin-top: 0;
}
.secret--styled .secret__tags .tags__item {
  background-color: rgba(255, 255, 255, 0.2);
}
.secret--styled .secret__head {
  background-color: transparent;
  margin-bottom: 0;
}
.secret--styled .secret__background {
  display: block;
}
.secret--styled .secret__message, .secret--styled .secretssearch .search__secret-message, .secretssearch .secret--styled .search__secret-message {
  padding-top: 15px;
  color: var(--secret-text-color);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.secret--styled .secret__message a, .secret--styled .secretssearch .search__secret-message a, .secretssearch .secret--styled .search__secret-message a {
  color: #fff;
}
.secret--styled .secret__info {
  padding-bottom: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.secret--styled .secret__foot {
  margin-top: 0;
  border: 0;
}
.secret--styled .secret__foot .vote .icon, .secret--styled .secret__foot .vote .form__select:after,
.secret--styled .secret__foot .vote .points {
  color: rgba(255, 255, 255, 0.6);
}
.secret--styled .secret__foot .vote.vote--active .icon, .secret--styled .secret__foot .vote.vote--active .form__select:after,
.secret--styled .secret__foot .vote.vote--active .points {
  color: rgba(255, 255, 255, 0.9);
}
.secret--styled .secret__button {
  color: rgba(255, 255, 255, 0.8);
}
.secret__background {
  display: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #222 !important;
  border-radius: inherit;
}
.secret__background .secret-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.secret__background .secret-background[data-background="1"] {
  background-color: #f9f9f9;
}
.secret__background .secret-background[data-background="2"] {
  background-color: #ec6f86;
}
.secret__background .secret-background[data-background="3"] {
  background-color: #439fc9;
}
.secret__background .secret-background[data-background="4"] {
  background-color: #fe816d;
}
.secret__background .secret-background[data-background="5"] {
  background-color: #68cf94;
}
.secret__background .secret-background[data-background="6"] {
  background-color: #ffdd75;
}
.secret__background .secret-background[data-background="7"] {
  background-color: #ada7fc;
}
.secret__background .secret-background[data-background="8"] {
  background-color: #181313;
}
.secret__background .secret-background[data-background="9"] {
  background-color: #4573e7;
}
.secret__background .secret-background[data-background="10"] {
  background-color: #fda6f8;
}
.secret__background--image {
  background-color: #222 !important;
}
.secret__background--image .secret-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-size: cover;
  background-position: center;
}
.secret__pattern {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-size: 80px;
}
.secret__pattern[data-pattern="5"] {
  background-size: 160px;
}
.secret__pattern[data-pattern="6"] {
  background-size: 140px;
}
.secret__pattern[data-pattern="8"] {
  background-size: 300px;
}
.secret__pattern[data-pattern="9"] {
  background-size: 100px;
}
.secret__pattern[data-pattern="10"] {
  background-size: 160px;
}
.secret__logo {
  display: none;
  width: 27px;
  height: 50px;
  margin-left: 16px;
  line-height: 50px;
}
.secret__logo .vector {
  width: 24px;
  height: 24px;
  fill: #fff;
  color: #fff;
}
.secret__logo .vector use > svg {
  fill: #fff;
  color: #fff;
}
.secret__loading {
  display: none;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.secret--loading {
  position: relative;
}
.secret--loading .secret__loading {
  display: block;
}
.secret__warning {
  position: relative;
  display: block;
  margin: -16px -16px 16px;
  line-height: 1.1em;
  padding: 6px 16px;
  font-size: 12px;
  color: #fff;
  background-color: #cc4259;
}
.secret__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-radius: 12px 12px 0 0;
  margin: -16px -16px 8px;
  padding: 0 16px;
  height: 50px;
  line-height: 50px;
  color: #fff;
}
.secret__head--male {
  background-color: #1f6ab0;
}
.secret__head--male .secret__title {
  color: white !important;
}
.secret__head--male .secret__icon {
  color: white !important;
}
.secret__head--female {
  background-color: #a4488d;
}
.secret__head--female .secret__title {
  color: white !important;
}
.secret__head--female .secret__icon {
  color: white !important;
}
.secret__head--other {
  background-color: #464646;
}
.secret__head--other .secret__title {
  color: white !important;
}
.secret__head--other .secret__icon {
  color: white !important;
}
.secret__head-actions {
  margin-left: auto;
  margin-right: -8px;
}
.secret__head-actions .cta-login {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.8);
}
.secret__head-actions .secret__icon {
  color: var(--secret-text-color);
}
.secret__head-actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop) {
  width: 40px;
  text-align: center;
}
.secret__tags {
  margin-top: 8px;
  padding: 0 !important;
  margin-left: -4px;
}
.secret__tags .tags__item {
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 12px;
  margin: 4px 0 0 4px;
}
.secret__tags .tags__item:not(.custom) {
  background-image: none !important;
}
.secret__reports {
  position: relative;
  z-index: 1;
  margin: 8px -16px -8px;
  padding: 0 0 16px;
}
.secret__reports-ai {
  margin-top: 2px;
  padding: 14px 16px 16px;
  background-color: var(--report-reason-background);
  color: var(--report-text);
  font-size: 13px;
}
.secret__reports-ai-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.secret__reports-ai-status {
  padding: 3px 8px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.12);
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.secret__reports-ai-status--completed {
  background-color: rgba(46, 204, 113, 0.2);
}
.secret__reports-ai-status--failed {
  background-color: rgba(231, 76, 60, 0.25);
}
.secret__reports-ai-details {
  display: grid;
  grid-template-columns: minmax(100px, 30%) 1fr;
  gap: 5px 12px;
  margin: 0;
}
.secret__reports-ai-details dt {
  color: var(--report-reported-by);
  font-weight: normal;
}
.secret__reports-ai-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.secret__reports-reason {
  position: relative;
  height: 25px;
  overflow: hidden;
  background-color: var(--report-reason-background);
}
.secret__reports-reason:not(:first-child) {
  border-top: 1px solid var(--report-reason-separator);
}
.secret__reports-users {
  padding: 16px;
  margin-top: 2px;
  background-color: var(--report-reason-background);
  font-size: 13px;
}
.secret__reports-users label {
  color: var(--report-reported-by);
}
.secret__reports-users a {
  color: var(--report-text);
  text-decoration: none;
}
.secret__reports-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  color: var(--report-text);
  padding: 0 16px;
  font-size: 13px;
  text-align: center;
  height: 100%;
  line-height: 25px;
}
.secret__reports-counter {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  color: var(--report-text);
  padding-right: 16px;
  font-size: 13px;
  line-height: 25px;
}
.secret__reports-percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  background-color: var(--report-reason-selected-color);
  z-index: 10;
}
.secret__reports-ignore {
  flex: 3;
}
.secret__reports-ignore-all {
  flex: 2;
}
.secret__reports-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.secret__reports-button {
  margin: 0 2px;
  width: 100%;
  text-align: center;
  display: block;
}
.secret__cta {
  margin: 8px -16px -16px;
  padding: 8px 16px;
  color: #fff;
}
.secret__foot {
  margin: 8px -16px -16px;
  height: 50px;
  padding: 0 16px;
  line-height: 50px;
}
.secret__title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 50px;
  letter-spacing: 0.005em;
  color: var(--secret-text-color);
}
.secret__title--single {
  color: #2E2E2E;
  height: auto;
  line-height: 1.2em;
  font-size: 20px;
  margin-bottom: 16px;
}
.secret .dropdown > .dropdown__trigger {
  text-align: center;
}
.secret__icon {
  position: relative;
  top: 7px;
}
.secret__actions {
  width: 40px;
  margin-right: -8px;
  float: left;
}
@media (min-width: 960px) {
  .secret__actions .dropdown__menu {
    border-radius: 12px;
  }
}
.secret__toggle.button, .secret__toggle.write__submit, .secret__toggle.write__selector-trigger, .secret__toggle.write__addtag, .sweet-alert .sa-button-container button.secret__toggle, #app .dropzone .dz-message span.secret__toggle, .secret__toggle.dialog__action, .state--card .secret__toggle.state__cta, .secret__toggle.select {
  float: left;
  height: 50px;
}
.secret__toggle.button .secret__icon, .secret__toggle.write__submit .secret__icon, .secret__toggle.write__selector-trigger .secret__icon, .secret__toggle.write__addtag .secret__icon, .sweet-alert .sa-button-container button.secret__toggle .secret__icon, #app .dropzone .dz-message span.secret__toggle .secret__icon, .secret__toggle.dialog__action .secret__icon, .state--card .secret__toggle.state__cta .secret__icon, .secret__toggle.select .secret__icon {
  top: 12px;
  left: 3px;
}
.secret__delete.button, .secret__delete.write__submit, .secret__delete.write__selector-trigger, .secret__delete.write__addtag, .sweet-alert .sa-button-container button.secret__delete, #app .dropzone .dz-message span.secret__delete, .secret__delete.dialog__action, .state--card .secret__delete.state__cta, .secret__delete.select {
  float: left;
  height: 50px;
}
.secret__delete.button .secret__icon, .secret__delete.write__submit .secret__icon, .secret__delete.write__selector-trigger .secret__icon, .secret__delete.write__addtag .secret__icon, .sweet-alert .sa-button-container button.secret__delete .secret__icon, #app .dropzone .dz-message span.secret__delete .secret__icon, .secret__delete.dialog__action .secret__icon, .state--card .secret__delete.state__cta .secret__icon, .secret__delete.select .secret__icon {
  top: 12px;
  left: 3px;
}
.secret__fav {
  float: left;
  height: 50px;
}
.secret__fav.button--favorited .icon, .secret__fav.button--favorited .form__select:after {
  color: #f4c858;
}
.secret__fav .secret__icon {
  top: 12px;
  left: 3px;
}
.secret__message, .secretssearch .search__secret-message {
  line-height: 25px;
  color: var(--secret-text-color);
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.secret__message-full {
  display: none;
}
.secret__message--full .secret__message-partial {
  display: none;
}
.secret__message--full .secret__message-full {
  display: block;
}
.secret__message p, .secretssearch .search__secret-message p {
  word-wrap: break-word;
}
.secret__message a, .secretssearch .search__secret-message a {
  color: #0B78E3;
  text-decoration: underline;
}
.secret__message-more {
  white-space: nowrap;
  position: relative;
  text-decoration: none !important;
  padding-right: 20px;
}
.secret__message-more .icon, .secret__message-more .form__select:after {
  top: -2px;
  right: -5px;
  position: absolute;
}
.secret__keyword {
  display: inline-block;
  color: var(--search-results-keyword-fgcolor);
  background-color: var(--search-results-keyword-bgcolor);
  border-radius: 1px;
}
.secret__info {
  font-size: 12px;
  letter-spacing: 0.005em;
  margin-top: 8px;
  color: #999;
}
.secret__info > span {
  display: inline-block;
  margin-left: 8px;
}
.secret__info > span:first-child {
  margin-left: 0;
}
.secret .navigation__action--user {
  display: none;
}
.secret .secret__date--full {
  display: none;
}
.secret__date--full {
  display: none;
}
.secret__date em {
  font-style: normal;
}
.secret .secret__date:hover em.secret__date--ago {
  display: none;
}
.secret .secret__date:hover em.secret__date--full {
  display: inline-block;
}
.secret__comments {
  margin: 16px -16px -16px;
  border-top: 1px solid var(--secret-border);
}
.secret__code {
  font-weight: 500;
  color: #666666;
}
.secret__close {
  margin-right: 16px;
  position: relative;
  top: 6px;
}
.secret__category {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
}
.secret__category a {
  text-decoration: none;
  color: var(--secret-category-color);
}
.secret__category .vector {
  width: 28px;
  height: 20px;
  margin-left: 5px;
  position: relative;
  top: -2px;
}
.secret .button, .secret .write__submit, .secret .write__selector-trigger, .secret .write__addtag, .secret .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .secret button, .secret #app .dropzone .dz-message span, #app .dropzone .dz-message .secret span, .secret .dialog__action, .secret .state--card .state__cta, .state--card .secret .state__cta, .secret .select {
  transition: none;
}
.secret .button--active {
  transition: transform 0.3s ease-in;
  transform: rotate(360deg);
}
.secret .button.fav, .secret .fav.write__submit, .secret .fav.write__selector-trigger, .secret .fav.write__addtag, .secret .sweet-alert .sa-button-container button.fav, .sweet-alert .sa-button-container .secret button.fav, .secret #app .dropzone .dz-message span.fav, #app .dropzone .dz-message .secret span.fav, .secret .fav.dialog__action, .secret .state--card .fav.state__cta, .state--card .secret .fav.state__cta, .secret .fav.select {
  border: 0;
}
.secret .button .vector, .secret .write__submit .vector, .secret .write__selector-trigger .vector, .secret .write__addtag .vector, .secret .sweet-alert .sa-button-container button .vector, .sweet-alert .sa-button-container .secret button .vector, .secret #app .dropzone .dz-message span .vector, #app .dropzone .dz-message .secret span .vector, .secret .dialog__action .vector, .secret .state--card .state__cta .vector, .state--card .secret .state__cta .vector, .secret .select .vector {
  fill: #9c9c9c;
  color: #9c9c9c;
}
.secret .button .vector use > svg, .secret .write__submit .vector use > svg, .secret .write__selector-trigger .vector use > svg, .secret .write__addtag .vector use > svg, .secret .sweet-alert .sa-button-container button .vector use > svg, .sweet-alert .sa-button-container .secret button .vector use > svg, .secret #app .dropzone .dz-message span .vector use > svg, #app .dropzone .dz-message .secret span .vector use > svg, .secret .dialog__action .vector use > svg, .secret .state--card .state__cta .vector use > svg, .state--card .secret .state__cta .vector use > svg, .secret .select .vector use > svg {
  fill: #9c9c9c;
  color: #9c9c9c;
}
.secret .button--favorited .icon, .secret .button--favorited .form__select:after {
  color: #f4c858 !important;
}
.secret .button--active .icon, .secret .button--active .form__select:after {
  color: #2e2e2e;
}
.secret__votes {
  font-style: normal;
}
.secret__button {
  display: flex;
  align-items: center;
  color: var(--vote-text-color);
  font-weight: 500;
  padding-right: 8px;
}
.secret__button.dropdown__trigger {
  display: flex;
}
.secret__button .icon, .secret__button .form__select:after {
  margin-right: 4px;
}
.secret__button:not(:first-child) {
  margin-left: 8px;
}
.secret__button:last-child {
  margin-right: -8px;
}
.secret__actions-secondary {
  float: right;
  display: flex;
}
.secret__actions-secondary .secret__button {
  height: 50px;
}
.secret__actions-primary {
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  color: #999;
  text-transform: uppercase;
}
.secret__actions-primary .button, .secret__actions-primary .write__submit, .secret__actions-primary .write__selector-trigger, .secret__actions-primary .write__addtag, .secret__actions-primary .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .secret__actions-primary button, .secret__actions-primary #app .dropzone .dz-message span, #app .dropzone .dz-message .secret__actions-primary span, .secret__actions-primary .dialog__action, .secret__actions-primary .state--card .state__cta, .state--card .secret__actions-primary .state__cta, .secret__actions-primary .select {
  float: left;
  width: 35px;
}
.secret__actions-primary .button:hover, .secret__actions-primary .write__submit:hover, .secret__actions-primary .write__selector-trigger:hover, .secret__actions-primary .write__addtag:hover, .secret__actions-primary .sweet-alert .sa-button-container button:hover, .sweet-alert .sa-button-container .secret__actions-primary button:hover, .secret__actions-primary #app .dropzone .dz-message span:hover, #app .dropzone .dz-message .secret__actions-primary span:hover, .secret__actions-primary .dialog__action:hover, .secret__actions-primary .state--card .state__cta:hover, .state--card .secret__actions-primary .state__cta:hover, .secret__actions-primary .select:hover {
  color: #2E2E2E;
}
.secret__actions-primary .icon, .secret__actions-primary .form__select:after {
  color: #999;
}
@media (max-width: 960px) {
  .secret {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .secret .secret__head {
    border-radius: 0;
    /*
    &--headbar {
        display: block;
        height: 55px;
        line-height: 55px;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;

        .navigation__back {
            float: left;
            top: 0;
        }

        .secret__fav {
            height: 55px;

            .icon {
                top: 15px;
                left: 3px;
            }
        }

        .secret__head-actions.show--on-mobile {
            display: flex;
            align-items: center;
        }
    }

    .secret__head-actions {
        float: right;
        height: 100%;
    }
    */
  }
  .secret .secret__head .navigation__action--user {
    display: block;
    float: right;
  }
  .secret .secret__head .navigation__action--user .button.dropdown__trigger, .secret .secret__head .navigation__action--user .dropdown__trigger.write__submit, .secret .secret__head .navigation__action--user .dropdown__trigger.write__selector-trigger, .secret .secret__head .navigation__action--user .dropdown__trigger.write__addtag, .secret .secret__head .navigation__action--user .sweet-alert .sa-button-container button.dropdown__trigger, .sweet-alert .sa-button-container .secret .secret__head .navigation__action--user button.dropdown__trigger, .secret .secret__head .navigation__action--user #app .dropzone .dz-message span.dropdown__trigger, #app .dropzone .dz-message .secret .secret__head .navigation__action--user span.dropdown__trigger, .secret .secret__head .navigation__action--user .dropdown__trigger.dialog__action, .secret .secret__head .navigation__action--user .state--card .dropdown__trigger.state__cta, .state--card .secret .secret__head .navigation__action--user .dropdown__trigger.state__cta, .secret .secret__head .navigation__action--user .dropdown__trigger.select {
    width: 30px;
  }
  .secret .secret__head .secret__logo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    line-height: 55px;
  }
  .secret__action {
    max-width: none;
  }
  .secret__action--right {
    float: left;
  }
}

.post-control {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  gap: 8px;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.post-control:hover, .post-control:focus {
  color: #fff;
}
.post-control .icon, .post-control .form__select:after {
  margin: 0 !important;
  font-size: 16px;
}

.post-control-group {
  display: flex;
  align-items: center;
  height: 32px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

.secret__head-actions,
.shout__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.secret__head-actions > .button, .secret__head-actions > .write__submit, .secret__head-actions > .write__selector-trigger, .secret__head-actions > .write__addtag, .sweet-alert .sa-button-container .secret__head-actions > button, #app .dropzone .dz-message .secret__head-actions > span, .secret__head-actions > .dialog__action, .state--card .secret__head-actions > .state__cta, .secret__head-actions > .select, .secret__head-actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop),
.shout__actions > .button,
.shout__actions > .write__submit,
.shout__actions > .write__selector-trigger,
.shout__actions > .write__addtag,
.sweet-alert .sa-button-container .shout__actions > button,
#app .dropzone .dz-message .shout__actions > span,
.shout__actions > .dialog__action,
.state--card .shout__actions > .state__cta,
.shout__actions > .select,
.shout__actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border: 0;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.secret__head-actions > .button:hover, .secret__head-actions > .write__submit:hover, .secret__head-actions > .write__selector-trigger:hover, .secret__head-actions > .write__addtag:hover, .sweet-alert .sa-button-container .secret__head-actions > button:hover, #app .dropzone .dz-message .secret__head-actions > span:hover, .secret__head-actions > .dialog__action:hover, .state--card .secret__head-actions > .state__cta:hover, .secret__head-actions > .select:hover, .secret__head-actions > .button:focus, .secret__head-actions > .write__submit:focus, .secret__head-actions > .write__selector-trigger:focus, .secret__head-actions > .write__addtag:focus, .sweet-alert .sa-button-container .secret__head-actions > button:focus, #app .dropzone .dz-message .secret__head-actions > span:focus, .secret__head-actions > .dialog__action:focus, .state--card .secret__head-actions > .state__cta:focus, .secret__head-actions > .select:focus, .secret__head-actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop):hover, .secret__head-actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop):focus,
.shout__actions > .button:hover,
.shout__actions > .write__submit:hover,
.shout__actions > .write__selector-trigger:hover,
.shout__actions > .write__addtag:hover,
.sweet-alert .sa-button-container .shout__actions > button:hover,
#app .dropzone .dz-message .shout__actions > span:hover,
.shout__actions > .dialog__action:hover,
.state--card .shout__actions > .state__cta:hover,
.shout__actions > .select:hover,
.shout__actions > .button:focus,
.shout__actions > .write__submit:focus,
.shout__actions > .write__selector-trigger:focus,
.shout__actions > .write__addtag:focus,
.sweet-alert .sa-button-container .shout__actions > button:focus,
#app .dropzone .dz-message .shout__actions > span:focus,
.shout__actions > .dialog__action:focus,
.state--card .shout__actions > .state__cta:focus,
.shout__actions > .select:focus,
.shout__actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop):hover,
.shout__actions > .dropdown > .dropdown__trigger:not(.dropdown__backdrop):focus {
  color: #fff;
}
.secret__head-actions > .dropdown,
.shout__actions > .dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.secret__head-actions .secret__icon, .secret__head-actions > .dropdown .icon, .secret__head-actions > .dropdown .form__select:after,
.shout__actions .secret__icon,
.shout__actions > .dropdown .icon,
.shout__actions > .dropdown .form__select:after {
  margin: 0 !important;
  top: 0;
  font-size: 16px;
}

.secret__head-actions {
  margin-right: 0;
}
.secret__head-actions .secret__delete.button .secret__icon, .secret__head-actions .secret__delete.write__submit .secret__icon, .secret__head-actions .secret__delete.write__selector-trigger .secret__icon, .secret__head-actions .secret__delete.write__addtag .secret__icon, .secret__head-actions .sweet-alert .sa-button-container button.secret__delete .secret__icon, .sweet-alert .sa-button-container .secret__head-actions button.secret__delete .secret__icon, .secret__head-actions #app .dropzone .dz-message span.secret__delete .secret__icon, #app .dropzone .dz-message .secret__head-actions span.secret__delete .secret__icon, .secret__head-actions .secret__delete.dialog__action .secret__icon, .secret__head-actions .state--card .secret__delete.state__cta .secret__icon, .state--card .secret__head-actions .secret__delete.state__cta .secret__icon, .secret__head-actions .secret__delete.select .secret__icon,
.secret__head-actions .secret__fav .secret__icon,
.secret__head-actions .secret__actions .secret__icon {
  top: 0;
  left: auto;
}

.secret__actions-secondary,
.shout__footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.secret__actions-secondary .post-control,
.shout__footer-right .post-control {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.secret__actions-secondary .post-control-group {
  height: 32px;
  color: inherit;
}

.secret__foot {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 36px;
  line-height: normal;
  padding-bottom: 9px;
}

.secret__actions-primary {
  display: flex;
  align-items: center;
  float: none;
  height: auto;
  min-height: 36px;
  line-height: normal;
}

.secret__actions-secondary {
  float: none;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: auto;
}

.secret__actions-primary .voting,
.shout__footer > .voting {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
}
.secret__actions-primary .voting .vote,
.shout__footer > .voting .vote {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  margin-left: 0;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.secret__actions-primary .voting .vote:hover, .secret__actions-primary .voting .vote:focus,
.shout__footer > .voting .vote:hover,
.shout__footer > .voting .vote:focus {
  color: #fff;
}
.secret__actions-primary .voting .vote[class*=voting-points-],
.shout__footer > .voting .vote[class*=voting-points-] {
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding: 0;
  background-color: transparent;
  color: var(--vote-text-color);
  font-size: 12px;
  font-weight: 500;
}
.secret__actions-primary .voting .icon, .secret__actions-primary .voting .form__select:after,
.shout__footer > .voting .icon,
.shout__footer > .voting .form__select:after {
  margin: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.secret__actions-secondary .post-control,
.shout__footer-right .post-control {
  height: 32px;
  padding: 8px;
  font-weight: 500;
}

.profileSecret {
  width: 200px;
}
.profileSecret--has-image {
  position: relative;
}
.profileSecret--has-image:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  content: "";
}
.profileSecret--has-image .profileSecret__head,
.profileSecret--has-image .profileSecret__title {
  background-color: transparent !important;
}
.profileSecret--has-image .profileSecret__head {
  padding: 0 10px;
}
.profileSecret__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-radius: 2px 2px 0 0;
  padding: 0 16px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  z-index: 1;
}
.profileSecret__head--male {
  background-color: #1f6ab0;
}
.profileSecret__head--female {
  background-color: #a4488d;
}
.profileSecret__head--other {
  background-color: #464646;
}
.profileSecret__title {
  width: 100%;
  height: 200px;
  background-color: var(--shout-background);
  color: var(--secret-text-color);
  padding: 10px;
  position: relative;
  z-index: 1;
}

.ad {
  min-height: 280px;
  display: block;
  flex-direction: column;
  background-color: #000;
}
.ad.secret--collapsed {
  display: none;
}
.ad__banner {
  display: block;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
}
.ad .secret__message, .ad .secretssearch .search__secret-message, .secretssearch .ad .search__secret-message {
  padding-bottom: 14px;
}
.ad .secret__foot {
  margin-top: auto;
}
.ad__video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.ad .secret__actions-primary {
  display: flex;
}
.ad .secret__actions-primary .secret__button.card__comments {
  margin-right: 0;
  margin-left: 16px;
}
.ad .secret__actions-secondary .secret__button {
  padding-right: 0;
  color: #fff;
}

@-webkit-keyframes adv-medium-anim {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes adv-medium-anim {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.adv-medium {
  width: 300px;
  height: 300px;
  text-align: center;
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  background-size: 1800% 1800%;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  padding: 2px;
  padding-bottom: 2px !important;
  position: relative;
  background-color: var(--navigation-background) !important;
  color: var(--navigation-text-color) !important;
  -webkit-animation-name: adv-medium-anim;
          animation-name: adv-medium-anim;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border: none;
  cursor: pointer;
}
@media (max-width: 960px) {
  .adv-medium {
    margin: 20px auto 16px !important;
  }
}
@media (min-width: 960px) {
  .adv-medium {
    margin: 0 auto 16px !important;
  }
}
.adv-medium ins {
  align-items: center;
  background-color: var(--navigation-background) !important;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.adv-medium ins a img {
  padding: 2px;
}

#adv-pushdown {
  margin: 0 0 16px;
}
#adv-pushdown.mobile .adv-container {
  width: 300px;
  height: 100px;
}
#adv-pushdown.desktop {
  text-align: center;
}
#adv-pushdown.desktop .adv-container {
  width: 900px;
  height: 90px;
}
#adv-pushdown .adv-container,
#adv-pushdown iframe {
  margin: 15px auto;
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  background-size: 1800% 1800%;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  padding: 2px;
  padding-bottom: 2px !important;
  position: relative;
  background-color: var(--navigation-background) !important;
  color: var(--navigation-text-color) !important;
  -webkit-animation-name: adv-medium-anim;
          animation-name: adv-medium-anim;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border: none;
  box-sizing: content-box;
  padding: 2px;
}
#adv-pushdown .adv {
  align-items: center;
  background-color: var(--navigation-background) !important;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
#adv-pushdown .adv a {
  display: block;
  width: 100%;
}
#adv-pushdown .adv a img {
  display: block;
}

.vector {
  position: relative;
  display: inline-block;
}

.table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #2d2d2d;
  padding: 14px 8px;
  font-size: 16px;
  line-height: 1.42857143;
  text-align: left;
}
.table tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.2);
}
.table tbody td, .table tbody th {
  font-size: 16px;
  padding: 14px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #2d2d2d;
}

.dialog {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  display: flex;
  padding: 32px 16px;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.dialog--no-transparency {
  background-color: var(--dialog-no-transparency-background) !important;
}
.dialog__cta {
  height: 440px !important;
  width: 440px !important;
  background-position: center !important;
  background-size: contain !important;
}
.dialog__close {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
}
.dialog__loader {
  display: none;
}
.dialog__foot {
  position: relative;
  margin-left: -8px;
  padding-top: 12px;
  margin-top: 16px;
}
.dialog__foot:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  right: 0;
  height: 1px;
  background-color: var(--dialog-separator-color);
}
.dialog--modal {
  position: static;
  background-color: #222;
  padding: 0;
  align-items: normal;
  height: auto;
}
.dialog--modal .dialog__body {
  color: #fff;
  padding: 0;
  background-color: #222;
}
.dialog--modal .dialog__message {
  padding: 16px;
}
.dialog--modal .dialog__html:not(:first-child) {
  margin-top: 0;
}
.dialog--modal .dialog__message {
  color: #f9f9f9;
}
.dialog--modal .dialog__content {
  margin: 0;
}
.dialog--modal .dialog__action--negative {
  color: #f9f9f9;
}
@media (min-width: 960px) {
  .dialog--navbar {
    position: fixed;
    top: 55px;
    bottom: 50px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 960px) {
  .dialog--navbar .dialog__navbar {
    display: block;
  }
}
.dialog--navbar .dialog__navbar {
  display: block;
}
.dialog__navbar {
  height: 55px;
  background-color: #000 !important;
}
.dialog__navbar .dialog__navbar-close .icon, .dialog__navbar .dialog__navbar-close .form__select:after {
  position: relative;
  left: -3px;
  top: -1px;
}
@media (max-width: 960px) {
  .dialog__navbar {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.dialog__navbar .navigation__title {
  opacity: 1 !important;
  text-align: left;
  padding-left: 34px;
}
.dialog--shake .dialog__body {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}
.dialog--prompt .dialog__prompt {
  display: block;
}
.dialog--loading .dialog__loader {
  display: block;
}
.dialog--loading .dialog__body {
  padding: 16px;
}
.dialog--loading .dialog__foot,
.dialog--loading .dialog__title,
.dialog--loading .dialog__prompt,
.dialog--loading .dialog__message,
.dialog--loading .dialog__html {
  display: none;
}
.dialog__content {
  margin: auto;
  min-height: 150px;
  width: 100%;
  max-width: 440px;
}
.dialog__prompt {
  display: none;
}
.dialog__prompt input {
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 45px;
  padding: 0 16px;
  color: #222;
  line-height: 45px;
}
.dialog__icon {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.dialog__action {
  font-size: 17px;
  padding-left: 8px;
  padding-right: 8px;
}
.dialog__action--positive {
  color: #0B78E3;
}
.dialog__action--negative {
  color: #6F6F6F;
}
.dialog__head {
  position: relative;
  height: 90px;
  background-color: #37addf;
  padding: 16px;
  border-radius: 6px 6px 0 0;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog__head + .dialog__body {
  border-radius: 0 0 6px 6px;
  padding-top: 48px;
}
.dialog__head--no-icon + .dialog__body {
  padding-top: 16px;
}
.dialog__head--transparent {
  height: 43px;
  padding: 0;
  background-color: transparent;
}
.dialog__head--transparent .dialog__close {
  right: 0;
}
.dialog__head--transparent + .dialog__body {
  border-radius: 10px;
}
.dialog__body {
  position: relative;
  padding: 16px 16px 8px;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--dialog-background);
  margin-bottom: 300px;
}
.dialog__body--background .dialog__action {
  color: #fff !important;
}
.dialog__body--background:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--background-opacity);
  background-image: var(--background-image);
  background-size: var(--background-size);
  background-position: center;
}
.dialog__body--background > * {
  position: relative;
  z-index: 10;
}
.dialog__title {
  color: var(--dialog-text-color);
  font-weight: 300;
  margin-bottom: 16px;
}
.dialog__message {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: var(--dialog-message-color);
}
.dialog__message + .dialog__prompt {
  margin-top: 16px;
}
.dialog__html {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: var(--dialog-message-color);
}
.dialog__html:not(:first-child) {
  margin-top: 16px;
}
.dialog--warning .dialog__head {
  background-color: #f2c444;
}
.dialog--success .dialog__head {
  background-color: #18a064;
}
.dialog--error .dialog__head {
  background-color: #f37a93;
}

@media (min-width: 960px) {
  .dialog--with-navbar {
    width: 100%;
  }
}
.dialog--with-navbar .dialog__foot {
  z-index: 100;
  width: 100%;
  margin: 0;
  padding: 0 8px;
  background-color: var(--dialog-background);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dialog--with-navbar .dialog__foot:before {
  display: none;
}
.dialog--with-navbar .dialog__foot .dialog__action:not(:first-child) {
  margin-left: 16px;
}

@media (max-width: 960px) {
  .body--dialog:not(.dialog--with-navbar) {
    position: fixed;
    width: 100%;
  }
  .body--dialog.dialog--with-navbar {
    position: static !important;
    background-color: #222 !important;
  }
  .body--dialog.dialog--with-navbar #main-navigation,
.body--dialog.dialog--with-navbar #main-toolbar,
.body--dialog.dialog--with-navbar #secret-modal,
.body--dialog.dialog--with-navbar #shout-modal,
.body--dialog.dialog--with-navbar .main, .body--dialog.dialog--with-navbar > *:not(.dialog):not(.dialog__navbar):not(.dialog__foot) {
    display: none;
  }
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.toolbar {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: var(--toolbar-background);
  box-shadow: 0 -1px 0 var(--toolbar-background);
  justify-content: space-around;
}
.toolbar.shout-toolbar {
  z-index: 1000;
  align-items: center;
}
.toolbar__alert {
  position: absolute;
  z-index: 10;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 0;
}
@media (max-width: 960px) {
  .toolbar {
    display: flex;
  }
  .toolbar .body--with-dropdown:not(.keep-toolbar) {
    z-index: 20;
  }
}
.toolbar__avatar {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: relative;
  top: 5px;
  display: block;
  margin: 0 auto 10px;
}
.toolbar__badge {
  position: absolute;
  z-index: 50;
  top: -6px;
  right: -7px;
  font-size: 11px;
  min-width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 100%;
  padding: 0 5px;
  text-align: center;
}
.toolbar__badge__secondary {
  right: 28px;
  font-size: 9px;
  z-index: 49;
  background-color: #0f4ff3;
}
.toolbar__nav-item {
  width: inherit !important;
  height: inherit !important;
  margin-right: 12px !important;
}
.toolbar__nav-item span {
  margin: 0;
  color: var(--navigation-text-color);
}
.toolbar__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  text-align: center;
  color: var(--toolbar-icon-color);
  width: 100%;
  height: 60px;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.toolbar__item--top {
  width: 40px;
}
.toolbar__item--top .toolbar__icon {
  margin-bottom: 0;
}
.toolbar__item--active {
  color: var(--toolbar-icon-color-active);
}
.toolbar__item--write {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  margin: 0 8px;
}
.toolbar__item--write .toolbar__icon {
  color: #fff;
  margin: 0;
  font-size: 30px !important;
}
.toolbar__item--new:before {
  content: " ";
  position: absolute;
  z-index: 50;
  top: 10px;
  right: 16px;
  font-size: 11px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toolbar__fab-click {
  width: 40px;
  height: 40px;
  background-color: #0B78E3;
  border-radius: 100%;
  flex-shrink: 0;
  top: -2px;
  z-index: 40;
  transition: all 0.2s linear 0.1s;
}
.toolbar__fab-click .toolbar__icon {
  color: #fff;
  margin: 0;
  font-size: 27px !important;
  transition: all 0.2s linear 0.1s;
}
.toolbar__fab-backdrop {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.toolbar__fab-menu {
  z-index: 30;
  position: absolute;
  width: 30px;
  height: 30px;
  overflow: hidden;
  bottom: 18px;
  transition: all 0.2s linear;
}
.toolbar__fab-options {
  transition: none;
  opacity: 0;
  transform: translate(0, 50px);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.toolbar__fab-options a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 20px;
}
.toolbar__fab-options a:first-child {
  margin-bottom: 20px;
}
.toolbar__fab-options a h4 {
  margin-top: 8px;
  margin-bottom: 0;
}
.toolbar__fab-options a img {
  width: 80px;
  height: 80px;
  display: block;
}
.toolbar__fab.active .toolbar__fab-options {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.2s linear 0.1s;
}
.toolbar__fab.active .toolbar__fab-click .toolbar__icon {
  transform: rotate(134deg);
  font-size: 26px !important;
}
.toolbar__fab.active .toolbar__fab-menu {
  width: 100px;
  height: 300px;
  bottom: 0;
}
.toolbar__fab.active .toolbar__fab-backdrop {
  display: block;
}
.toolbar__icon {
  display: block;
  margin-bottom: 0;
  font-size: 24px !important;
  width: 24px;
  height: 24px;
}
.toolbar__icon-secrets, .toolbar__icon-shouts {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0.4;
}
.toolbar__item--active .toolbar__icon-secrets, .toolbar__item--active .toolbar__icon-shouts {
  opacity: 1;
}
.light-theme .toolbar__item--active .toolbar__icon-secrets, .light-theme .toolbar__item--active .toolbar__icon-shouts {
  filter: invert(0.5) sepia(2) saturate(4) hue-rotate(172deg);
}
.toolbar__icon-secrets img, .toolbar__icon-shouts img {
  width: auto;
  height: 87%;
}
.light-theme .toolbar__icon-secrets img, .light-theme .toolbar__icon-shouts img {
  filter: invert(1);
}
.noUi-target {
  border: 0;
  box-shadow: none;
  background-color: #6F6F6F;
  height: 8px;
}

.noUi-origin.noUi-connect {
  box-shadow: none;
}

.noUi-connect {
  background-color: #0B78E3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.noUi-horizontal .noUi-handle {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  top: -9px;
}
.noUi-horizontal .noUi-handle:before {
  left: 9px;
  top: 5px;
}
.noUi-horizontal .noUi-handle:after {
  left: 13px;
  top: 5px;
}

.noUi-background {
  background-color: #6F6F6F;
  box-shadow: none;
}

.range--single {
  background-color: #0B78E3;
}
.range--single .noUi-origin {
  background-color: #6F6F6F;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

#age-slider {
  margin: 16px 8px 0 17px;
}

.pills {
  padding: 0 16px;
  cursor: -webkit-grab;
  cursor: grab;
}
@media (min-width: 960px) {
  .pills + .main .wrap--main {
    margin-top: 16px;
  }
}
.pills__container {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 16px 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
.pills__icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350%;
  height: 350%;
  opacity: 0.3;
}
.pills__item {
  position: relative;
  flex: 0 0 auto;
  display: block;
  margin-left: 8px;
  background-color: #000;
  padding: 10px 25px;
  border-radius: 3px;
  color: #fff;
}
.pills__item-icon {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
}
.pills__item-icon:before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.pills__item--new:after {
  position: absolute;
  z-index: 50;
  top: -8px;
  right: -4px;
  font-size: 11px;
  background-color: #F44B67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
}
.pills__item span {
  position: relative;
  z-index: 20;
}
.pills__item:first-child {
  margin-left: 0;
}
.pills__item:hover .pills__item-icon:before,
.pills__item:hover .pills__icon {
  opacity: 0.4;
}
.pills__item--active:before {
  content: "";
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  opacity: 0.6;
}
.pills__item--active .pills__item-icon:before,
.pills__item--active .pills__icon, .pills__item--active:hover .pills__item-icon:before, .pills__item--active:hover .pills__icon {
  opacity: 0.5;
}
.pills__item[data-slug=summer] .pills__item-icon:before {
  background-color: #42ade2;
}
.pills__item[data-slug=summer]:before {
  border-color: #0B78E3;
}
.pills__item[data-slug=funny] .pills__item-icon:before {
  background-color: #e29b31;
}
.pills__item[data-slug=funny]:before {
  border-color: #e29b31;
}
.pills__item[data-slug=fml] .pills__item-icon:before {
  background-color: #77462e;
}
.pills__item[data-slug=fml]:before {
  border-color: #77462e;
}
.pills__item[data-slug=ask] .pills__item-icon:before {
  background-color: #a061e6;
}
.pills__item[data-slug=ask]:before {
  border-color: #a061e6;
}
.pills__item[data-slug=love] .pills__item-icon:before {
  background-color: #ec3f60;
}
.pills__item[data-slug=love]:before {
  border-color: #ec3f60;
}
.pills__item[data-slug=fails] .pills__item-icon:before {
  background-color: #ff867b;
}
.pills__item[data-slug=fails]:before {
  border-color: #ff867b;
}
.pills__item[data-slug=tender-age] .pills__item-icon:before {
  background-color: #2873b7;
}
.pills__item[data-slug=tender-age]:before {
  border-color: #2873b7;
}
.pills__item[data-slug=embarassing] .pills__item-icon:before {
  background-color: #ff867b;
}
.pills__item[data-slug=embarassing]:before {
  border-color: #ff867b;
}
.pills__item[data-slug=outburst] .pills__item-icon:before {
  background-color: #bb3c39;
}
.pills__item[data-slug=outburst]:before {
  border-color: #bb3c39;
}
.pills__item[data-slug=nsfw] .pills__item-icon:before {
  background-color: #cc1d1d;
}
.pills__item[data-slug=nsfw]:before {
  border-color: #cc1d1d;
}
@media (max-width: 960px) {
  .pills {
    position: relative;
    overflow: hidden;
  }
  .pills__container {
    display: -webkit-box;
    display: -moz-box;
    -webkit-overflow-scrolling: touch;
  }
  .pills:before, .pills:after {
    content: "";
    position: absolute;
    z-index: 50;
    top: 0;
    width: 50px;
    height: 100%;
  }
  .pills:after {
    right: -10px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(14, 14, 14, 0) 0%, rgb(14, 14, 14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000e0e0e", endColorstr="#0e0e0e",GradientType=1 );
  }
  .pills:before {
    left: -10px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(14, 14, 14, 0) 0%, rgb(14, 14, 14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000e0e0e", endColorstr="#0e0e0e",GradientType=1 );
  }
}

html[lang=en] .pills__item--new:after {
  content: "New";
}

html[lang=it] .pills__item--new:after {
  content: "Novità";
}

.video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video--back {
  z-index: -1;
}
.video__background {
  position: absolute;
  z-index: 30;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.video__cover {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.video__overlay {
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.video__content {
  z-index: 50;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.modal--hidden {
  display: none;
}
.modal--active {
  display: block;
}
.modal__loading {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal__background {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal__close {
  position: absolute;
  z-index: 10;
  top: 5px;
  right: 5px;
  color: #000;
  text-shadow: none;
}
.modal__content {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  padding: 32px;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  width: 100%;
  max-width: 960px;
  background-color: #fff;
}
.modal__title {
  font-weight: 500;
  font-size: 26px;
  margin-bottom: 10px;
}
.modal__description {
  font-size: 16px;
}
.modal__loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  border-radius: 3px;
}

.toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.toggle__title {
  margin: 0;
  font-size: 17px;
  font-weight: 300;
  color: var(--settings-text-color);
}
.toggle__button {
  margin-left: auto;
}
.toggle__label {
  transition: 0.25s ease-in-out;
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  width: 50px;
  height: 26px;
  border-radius: 18px;
  background: #f8f8f8;
  cursor: pointer;
}
.toggle__label:before {
  transition: 0.25s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 34px;
  text-indent: 40px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  top: -2px;
  left: 0px;
  right: auto;
  background: white;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
}
.toggle__label:after {
  content: attr(data-off);
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50px;
  height: 100%;
  text-align: right;
  color: var(--settings-switch-text-color);
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  margin-left: 8px;
}
.toggle__input, .toggle__input:active {
  position: absolute;
  top: -5000px;
  height: 0;
  width: 0;
  opacity: 0;
  border: none;
  outline: none;
}
.toggle__input:checked + .toggle__label {
  background-color: rgb(19, 191, 17);
}
.toggle__input:checked + .toggle__label:before {
  left: calc(100% - 30px);
}
.toggle__input:checked + .toggle__label:after {
  content: attr(data-on);
}

#app .dropzone {
  position: relative;
  width: 200px;
  min-height: 200px;
  margin: 0;
  padding: 8px;
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  background-color: transparent;
}
#app .dropzone .dz-message {
  position: absolute;
  margin: 0;
  top: 8px;
  left: 8px;
  bottom: 8px;
  right: 8px;
  background-color: transparent;
  border-radius: 3px;
  background-size: cover;
}
#app .dropzone .dz-message span {
  position: absolute;
  bottom: 68px;
  right: 8px;
  left: 8px;
  opacity: 0.8;
}
#app .dropzone .dz-message span:hover {
  opacity: 1;
}
#app .dropzone .dz-message em {
  font-style: normal;
}
#app .dropzone .dz-preview {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 0;
}
#app .dropzone .dz-preview:not(.dz-processing) .dz-progress {
  opacity: 0;
}
#app .dropzone .dz-preview .dz-details {
  display: none;
}
#app .dropzone .dz-preview:hover .dz-remove {
  opacity: 1;
}
#app .dropzone .dz-preview:hover .dz-image img {
  filter: none;
  transform: none;
}
#app .dropzone .dz-preview .dz-remove {
  position: absolute;
  z-index: 20;
  top: 8px;
  right: 8px;
  width: 35px;
  height: 35px;
  line-height: 31px;
  font-size: 13px;
  display: block;
  border-radius: 100%;
  cursor: pointer;
  background-color: rgba(223, 25, 60, 0.5);
}
#app .dropzone .dz-preview .dz-remove:hover {
  background-color: rgba(223, 25, 60, 0.9);
}
#app .dropzone .dz-preview .dz-remove .icon, #app .dropzone .dz-preview .dz-remove .form__select:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
#app .dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
  color: #d8405a;
}
#app .dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
  min-height: 155px;
  border-radius: 3px;
}
#app .dropzone .dz-preview .dz-image img {
  display: block;
  width: 100%;
}
#app .dropzone--replace-only .dz-default.dz-message {
  display: block;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  top: auto;
  bottom: 0;
  transform: none;
  left: 0;
  right: 0;
  padding: 8px 40px 10px 40px;
  font-size: 13px;
  line-height: 1.3em;
}
#app .dropzone--replace-only .dz-preview .dz-remove {
  display: none;
}
#app .dropzone--replace-only .dz-preview:hover {
  z-index: inherit;
}
#app .dropzone--replace-only .dz-preview:hover .dz-image img {
  filter: none;
  transform: none;
}
#app .dropzone--rounded {
  margin: 16px auto 32px;
  border-radius: 100%;
  overflow: hidden;
}
#app .dropzone--rounded .dz-preview .dz-image {
  border-radius: 100%;
}

.title {
  margin-top: 16px;
  margin-bottom: 0;
}
.title__name {
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  margin-bottom: 2px;
}
.title__tabs .tabs__item {
  height: 45px;
}
.title__tabs .tabs__item:after {
  bottom: 0;
}

.sweet-alert {
  font-family: inherit;
  border-radius: 0;
}
.sweet-alert .sa-icon {
  display: none !important;
}
.sweet-alert .sa-button-container {
  text-align: right;
  margin-top: 32px;
}
.sweet-alert .sa-button-container button {
  margin-top: 0;
  box-shadow: none !important;
}
.sweet-alert h2 {
  font-size: 21px;
  text-align: left;
  font-weight: 500;
  line-height: 1.2em;
  margin: 16px 0;
}
.sweet-alert p {
  font-weight: 400;
  line-height: 1.2em;
  text-align: left;
}

.search__header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 5px;
  transition: 0.2s filter linear;
  background-image: var(--hero-background-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(var(--hero-background-brightness)) grayscale(var(--hero-background-greyscale));
}
.search__title-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  top: 55px;
}
.search__title-container p {
  color: var(--search-title-color);
  font-family: "Montserrat";
  letter-spacing: 1px;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 960px) {
  .search__title-container p {
    font-size: 1.7rem;
  }
}
.search__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  left: 0;
}
.search__item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 50%;
}
@media (min-width: 960px) {
  .search__item {
    flex-basis: 50%;
  }
}
@media (max-width: 960px) {
  .search__item {
    flex-basis: 100%;
  }
}
.search__item--header {
  width: 100%;
}
.search__item--header p {
  color: white;
  text-transform: uppercase;
  font-size: 1rem;
  margin-left: 15px;
  height: 40px;
  font-weight: 550;
  font-family: "Signika";
  justify-content: center;
  display: flex;
  align-items: center;
}
.search__item--generals {
  background-color: #5D5AA3;
}
.search__item--ranking {
  background-color: #FAB943;
}
.search__item--categories {
  background-color: #18A895;
}
.search__item--tags {
  background-color: #82BFE3;
}
.search__item--break {
  flex-basis: 100%;
  width: 0;
}
.search__icons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  padding: 50px 0px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 960px) {
  .search__icons {
    padding: 36px 0px;
  }
}
.search__icons--row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .search__icons--row {
    margin-bottom: 20px;
  }
}
.search__icon {
  width: 50px;
  height: 50px;
  margin: 30px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 0px;
  grid-template-areas: "." ".";
}
.search__icon--image {
  width: 50px;
  height: 50px;
}
.search__icon--text {
  font-family: "Signika";
  text-align: center;
  color: var(--search-text-color);
}
.search__tags {
  display: grid;
  gap: 10px 10px;
  margin: 40px auto;
}
@media (min-width: 960px) {
  .search__tags {
    grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content max-content;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content;
    grid-template-areas: ". . ." ". . ." ". . .";
  }
}
@media (max-width: 960px) {
  .search__tags {
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-template-areas: ". ." ". ." ". ." ". ." ".";
  }
}
.search__tag {
  width: 150px;
  height: 50px;
  border-radius: 30px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: "Signika";
  letter-spacing: 1px;
  font-weight: 800;
  font-size: 0.9rem;
}

.step {
  display: block;
  text-align: center;
  list-style: none;
}
.step__item {
  display: inline-block;
  margin: 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.step__item--active {
  background-color: #fff;
}

.shout {
  padding: 1px 16px 0 16px;
  background-color: var(--shout-background);
  border: 1px solid var(--shout-background);
  border-radius: 12px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  display: block;
  position: relative;
}
.shout--detail {
  overflow: hidden;
}
.shout--loading {
  position: relative;
}
.shout--loading .shout__loading {
  display: block;
}
.shout__loading {
  display: none;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.shout .secret__reports .secret__reports-users {
  background-color: var(--report-reason-background);
}
.shout .secret__reports .secret__reports-users a {
  color: var(--shout-text-color);
}
.shout .secret__reports .secret__reports-reason {
  background-color: var(--report-reason-background);
}
.shout .secret__reports .secret__reports-reason .secret__reports-label {
  color: var(--shout-text-color);
}
.shout .secret__reports .secret__reports-reason .secret__reports-counter {
  color: var(--shout-text-color);
}
.shout .secret__reports .secret__reports-percentage {
  background-color: var(--report-reason-selected-color);
}
.shout__head {
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
}
.shout__actions {
  position: relative;
  top: 5px;
  left: 0px;
  z-index: 20;
  display: flex;
  align-items: center;
}
.shout__actions--modal {
  position: absolute !important;
  top: 5px;
  right: 0;
  left: unset;
}
.shout__actions .dropdown {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shout__actions .dropdown:not(:first-child) {
  margin-left: 8px;
}
.shout__actions .dropdown > .dropdown__trigger {
  color: var(--shout-text-color);
}
.shout__tags {
  font-size: 0;
  margin: 0 -16px;
  padding: 0 8px 8px;
  background-color: var(--shout-background);
}
.shout__tag {
  height: 32px;
  line-height: 32px;
  background-color: #3D414A;
  color: #fff;
  text-decoration: none;
  padding: 0 16px;
  border-radius: 18px;
  font-size: 14px;
  margin: 8px 0 0 8px;
  display: inline-block;
}
.shout__title {
  font-size: 18px;
  color: var(--shout-text-color);
  font-weight: 400;
  margin: 15px 0 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  word-break: break-word;
}
.shout__title a {
  color: var(--shout-text-color);
  text-decoration: none;
}
.shout__fav.button--favorited .icon, .shout__fav.button--favorited .form__select:after {
  color: #f4c858;
}
.shout__fav .shout__icon {
  top: 12px;
  left: 3px;
}
.shout__info {
  margin-top: 4px;
  color: var(--shout-info-color);
  font-size: 12px;
}
.shout__info span:not(:first-child) {
  display: inline-block;
  margin-left: 4px;
}
.shout__info--author {
  font-size: 15px;
}
.shout__details {
  display: flex;
  flex-direction: column;
}
.shout__content {
  position: relative;
  margin-top: 0;
  margin-left: -16px;
  margin-right: -16px;
}
.shout__content img,
.shout__content video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.shout__content--truncate {
  max-height: 290px;
  overflow: hidden;
}
.shout__content--truncate .shout__content-area {
  max-height: 290px;
  overflow: hidden;
}
.shout__description {
  margin-top: 8px;
  padding-bottom: 8px;
  line-height: 25px;
  font-size: 16px;
  color: var(--shout-text-color);
  padding-left: 16px;
  padding-right: 16px;
}
.shout__description + .shout__item:not(:first-child) {
  margin-top: 0;
}
.shout__description-more {
  white-space: nowrap;
  position: relative;
  text-decoration: none !important;
  padding-right: 20px;
}
.shout__description-more .icon, .shout__description-more .form__select:after {
  top: -2px;
  right: -5px;
  position: absolute;
}
.shout__description p {
  word-wrap: break-word;
}
.shout__description p:last-child {
  margin-bottom: 0;
}
.shout__description a {
  color: #0B78E3;
  text-decoration: underline;
}
.shout__comments:not(.shout__button) {
  margin: 16px -16px -16px;
}
.shout__content-area {
  position: relative;
}
.shout__more {
  display: block;
  margin: 2px 0 8px;
  border-radius: 0;
  border: 0;
  line-height: 40px;
  text-align: center;
  background-color: #A366E1;
}
.shout__more--absolute {
  display: inline-block;
  margin: 0;
  border-radius: 3px;
  position: absolute;
  z-index: 300;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.shout__button {
  display: flex;
  align-items: center;
  font-weight: 500;
  height: 50px;
  padding-right: 8px;
  color: var(--vote-text-color);
}
.shout__button.dropdown__trigger {
  display: flex;
}
.shout__button .icon, .shout__button .form__select:after {
  margin-right: 4px;
}
.shout__button:not(:first-child) {
  margin-left: 8px;
}
.shout__button:last-child {
  margin-right: -8px;
}
.shout__footer-right .post-control-group {
  height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.shout__footer-right .shout__button.post-control {
  height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
}
.shout__footer {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.shout__footer > .voting {
  height: 36px;
}
.shout__footer--detail {
  margin-bottom: 0;
}
.shout__footer-left {
  float: left;
}
.shout__footer-right {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 36px;
  margin-left: auto;
}
.shout__count {
  position: absolute;
  z-index: 20;
  top: 8px;
  right: 8px;
  padding: 2px 7px 1px;
  line-height: 16px;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.6);
}
.shout__mute {
  position: absolute;
  display: flex;
  z-index: 20;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.shout__mute div {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
}
.shout__duration {
  position: absolute;
  z-index: 10;
  bottom: 8px;
  right: 8px;
  font-size: 11px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  padding: 0 4px;
  background-color: rgba(0, 0, 0, 0.8);
}
.shout__controls {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shout__controls div {
  display: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  background: #2C97DE;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  line-height: 56px;
  border-radius: 50%;
}
.shout__controls div .gif {
  font-size: 18px;
  font-weight: 500;
}
.shout__controls div .icon, .shout__controls div .form__select:after {
  font-size: 40px;
}
.shout__controls--paused div {
  display: flex;
}
.shout__item {
  position: relative;
  background-color: #7d7d7d;
  overflow: hidden;
}
.shout__item img,
.shout__item video,
.shout__item .video-js {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.shout__item:not(:first-child) {
  margin-top: 20px;
}
.shout__linear {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shout__linear img {
  margin-right: 16px;
  width: 60px;
  height: 60px;
}
.shout__linear h3 {
  margin: 0;
  font-size: 16px;
  color: #fff;
}
.shout--top-radius {
  border-radius: 12px 12px 0 0;
}
.shout--preview:hover {
  background-color: #494b53;
}
.shout--preview .shout__info {
  margin-left: -8px;
  margin-right: -8px;
}
.shout--preview .shout__content {
  position: relative;
  margin-top: -16px;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.shout--preview .shout__content img,
.shout--preview .shout__content video {
  width: 100%;
}
.shout--preview .shout__head {
  margin: 8px -8px 0;
}
.shout--preview .shout__title {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 960px) {
  .shout {
    border-radius: 0;
  }
  .body--user-profile .shout {
    margin-left: 0;
    margin-right: 0;
  }
}

@-webkit-keyframes sharpen {
  from {
    filter: blur(50px);
  }
  to {
    filter: blur(0px);
  }
}

@keyframes sharpen {
  from {
    filter: blur(50px);
  }
  to {
    filter: blur(0px);
  }
}
.profileShout {
  width: 200px;
}
.profileShout__image {
  background-color: #7d7d7d;
  display: block;
}
.profileShout__image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profileShout__title {
  height: 55px;
  background-color: var(--shout-background);
  color: var(--shout-text-color);
  padding: 10px;
}

.notification {
  display: flex;
  position: relative;
}
.notification:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--notifications-border-color);
}
.notification:first-child {
  padding-top: 5px;
}
.notification--activity .notification__title {
  padding-right: 30px;
}
.notification--unread .notification__actor:after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: -7px;
  width: 14px;
  height: 14px;
  background-color: #F44B67;
  border-radius: 100%;
  border: 2px solid #18191f;
}
.notification__dropdown {
  position: absolute;
  top: -8px;
  right: -8px;
}
.notification__dropdown > .dropdown__trigger {
  color: #fff;
}
.notification__link {
  color: var(--notifications-state-text-color);
  margin: 8px 0 0;
}
.notification__link .icon, .notification__link .form__select:after {
  font-size: 18px;
  top: 3px;
}
.notification__actor {
  position: relative;
  margin-right: 16px;
  width: 40px;
  height: 40px;
}
.notification__actor img {
  width: 40px;
  height: 40px;
}
.notification__title {
  font-weight: normal;
  color: var(--notifications-title-color);
  margin: 0;
  font-size: 16px;
  line-height: 1.3em;
}
.notification__title strong {
  font-weight: normal;
  color: var(--notifications-title-color);
}
.notification__main {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}
.notification__image {
  display: flex;
}
.notification__description {
  font-size: 15px;
  color: var(--notifications-description-color);
  margin: 4px 0 0;
  line-height: 20px;
  word-break: break-word;
}
.notification__date {
  font-size: 14px;
  white-space: nowrap;
  color: var(--notifications-date-color);
}
.notification__date:before {
  display: inline-block;
  content: "•";
  margin: 0 4px;
}
.notification__preview {
  max-width: 120px;
  margin-left: 16px;
}
.notification__preview img {
  display: block;
  width: 100%;
}
.notifications-dropdown__content .notification .notification__title {
  color: var(--notifications-title-color);
}
.notifications-dropdown__content .notification .notification__title strong {
  color: var(--notifications-title-color);
  font-weight: 500;
}
.notifications-dropdown__content .notification .notification__actor:after {
  border-color: #fff;
}
.notifications-dropdown__content .notification .notification__date {
  color: var(--notifications-date-color);
}
.notifications-dropdown__content .notification .notification__description {
  color: var(--notifications-description-color);
}
.notification__search {
  display: flex;
  flex-direction: column;
  background: var(--navigation-search-box);
  border-radius: 15px;
  margin-bottom: 20px;
}
.notification__search-bar {
  position: relative;
  width: 100%;
}
.notification__search-bar--open {
  margin-bottom: 5px;
}
.notification__search-bar .button, .notification__search-bar .write__submit, .notification__search-bar .write__selector-trigger, .notification__search-bar .write__addtag, .notification__search-bar .state--card .state__cta, .state--card .notification__search-bar .state__cta, .notification__search-bar .select, .notification__search-bar .dialog__action, .notification__search-bar #app .dropzone .dz-message span, #app .dropzone .dz-message .notification__search-bar span, .notification__search-bar .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .notification__search-bar button {
  position: absolute;
  top: 0;
  left: 4px;
  height: 35px;
}
.notification__search-bar input[type=text] {
  width: 100%;
  height: 35px;
  padding: 0 30px 2px 15px;
  font-size: 14px;
  color: var(--navigation-text-color);
  background-color: var(--navigation-search-box);
  border: 1px solid transparent;
  border-radius: 20px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.notification__search-bar input[type=text]:focus {
  background-color: var(--navigation-search-box-selected);
}
.notification__search-container {
  padding: 10px;
}
.notification__search-container label, .notification__search-container h3 {
  color: var(--navigation-text-color);
  margin-bottom: 10px;
}
.notification__search-container label {
  font-size: 1.125rem;
}
.notification__search-filters {
  display: flex;
  flex-direction: row;
}
.notification__search-filters div {
  margin-right: 10px;
}

#notifications-bell {
  display: block;
}

.notifications-dropdown {
  width: 410px;
  padding: 0;
}
.dropdown--active .notifications-dropdown {
  z-index: 200;
}
.notifications-dropdown__footer {
  padding: 16px;
  background-color: var(--notifications-footer-color);
}
.notifications-dropdown__footer a {
  font-size: 13px;
  color: #0B78E3;
}
.notifications-dropdown__footer a:hover {
  text-decoration: underline;
}
.notifications-dropdown__footer a.all {
  position: relative;
  float: right;
  padding-right: 20px;
}
.notifications-dropdown__footer a.all .icon, .notifications-dropdown__footer a.all .form__select:after {
  position: absolute;
  top: -3px;
  right: 0;
  font-size: 20px;
}
.notifications-dropdown__list {
  max-height: 270px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.notifications-dropdown__list .notification {
  padding: 16px;
  background-color: var(--notifications-background);
}
.notifications-dropdown__list .notification:not(:last-child) {
  border-bottom: 0;
}
.notifications-dropdown__list .notification:first-child {
  border-radius: 4px 4px 0 0;
}
.notifications-dropdown__list .notification:not(:first-child) {
  border-top: 0;
}
.notifications-dropdown__list .notification:hover {
  background-color: var(--notifications-hover);
}
.notifications-dropdown__empty {
  padding: 32px;
  margin: 0;
}
.notifications-dropdown__empty .state__label {
  font-size: 18px;
  font-weight: 300;
}
.notifications-dropdown--loading {
  height: 200px;
}
.notifications-dropdown--loading .notifications-dropdown__loader {
  display: block;
}
.notifications-dropdown--loading .notifications-dropdown__content {
  display: none;
}
.notifications-dropdown__loader {
  display: none;
}
@media (max-width: 960px) {
  .notifications-dropdown__close {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    color: #fff;
  }
  .notifications-dropdown__close .icon, .notifications-dropdown__close .form__select:after {
    line-height: 55px;
  }
  .dropdown.dropdown--active .notifications-dropdown {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 8px;
    width: auto;
    min-height: 100vh;
    box-shadow: none;
  }
  .dropdown.dropdown--active .notifications-dropdown.empty {
    display: flex;
    align-items: center;
  }
  .notifications-dropdown__list {
    max-height: none;
    padding-top: 55px;
    padding-bottom: 20px;
  }
  .notifications-dropdown__header {
    position: fixed;
    z-index: 100;
    padding-left: 50px;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    background-color: #0e0e0e;
  }
  .notifications-dropdown__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
  }
}

@media (max-width: 960px) {
  .ranking-users__hero {
    margin-top: 70px;
    margin-bottom: 0;
    padding: 5px 0 15px;
  }
}
@media (min-width: 960px) {
  .ranking-users__hero {
    margin-bottom: 0;
    padding: 65px 0 30px;
  }
}
.ranking-users__leaderboard {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ranking-users__leaderboard [data-number="1"] {
  order: 2;
}
@media (max-width: 960px) {
  .ranking-users__leaderboard [data-number="1"] .ranking-users__avatar {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 960px) {
  .ranking-users__leaderboard [data-number="1"] .ranking-users__avatar {
    width: 180px !important;
    height: 180px !important;
  }
}
.ranking-users__leaderboard [data-number="1"] .ranking-users__number {
  top: 75px;
  background-color: transparent;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.ranking-users__leaderboard [data-number="2"] {
  order: 1;
}
.ranking-users__leaderboard [data-number="2"] .ranking-users__number {
  background-color: transparent;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.ranking-users__leaderboard [data-number="3"] {
  order: 3;
}
.ranking-users__leaderboard [data-number="3"] .ranking-users__number {
  background-color: transparent;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.ranking-users__leaderboard .ranking-users__item {
  position: relative;
  flex-direction: column;
  border: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.ranking-users__leaderboard .ranking-users__item:not(:first-child) {
  padding: 0;
  margin-top: 0;
  border: 0;
}
.ranking-users__leaderboard .ranking-users__number {
  position: absolute;
  left: calc(50% - 15px);
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #ffda6d;
  display: flex;
  font-family: "Signika";
}
@media (max-width: 960px) {
  .ranking-users__leaderboard .ranking-users__number {
    font-size: 70px;
    top: 48px;
  }
}
@media (min-width: 960px) {
  .ranking-users__leaderboard .ranking-users__number {
    font-size: 86px;
    top: 46px;
  }
}
.ranking-users__leaderboard .ranking-users__info {
  margin: 4px 0 0;
}
.ranking-users__leaderboard .ranking-users__info p {
  color: rgba(255, 255, 255, 0.7);
}
.ranking-users__leaderboard .ranking-users__avatar {
  border: 2px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 960px) {
  .ranking-users__leaderboard .ranking-users__avatar {
    width: 96px !important;
    height: 96px !important;
  }
}
@media (min-width: 960px) {
  .ranking-users__leaderboard .ranking-users__avatar {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (max-width: 960px) {
  .ranking-users__leaderboard .ranking-users__info h4 {
    width: 99px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.ranking-users__item {
  display: flex;
  align-items: center;
}
.ranking-users__item:not(:first-child) {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ranking-users__item--with-button {
  justify-content: space-between;
}
.ranking-users__number {
  color: #999;
  font-size: 22px;
  display: block;
  flex-grow: 0;
  width: 30px;
}
.ranking-users__avatar {
  width: 80px;
  height: 80px;
  flex-grow: 0;
  border-radius: 100%;
}
.ranking-users__info-container {
  display: flex;
  flex-direction: row;
}
.ranking-users__info {
  margin-left: 16px;
}
.ranking-users__info h4 {
  color: var(--ranking-user-info-h4);
  font-family: "Signika";
  font-size: 24px;
  font-weight: bold;
  margin: 8px 0 4px 0;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.ranking-users__info p {
  color: var(--ranking-user-info-p) !important;
  font-family: "Signika";
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
@media (max-width: 960px) {
  .ranking-users {
    margin-top: 16px;
  }
}

.ranking-more h4, .ranking-more p {
  color: var(--ranking-user-info-h4-more) !important;
  text-shadow: none !important;
}

.ranking-page {
  max-width: 1100px;
}
.ranking-page__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.ranking-page__header h1 {
  margin-bottom: 8px;
}
.ranking-page__header p {
  color: var(--text-paragraph-color);
}
.ranking-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.ranking-page__periods, .ranking-page__sort {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: var(--toolbar-background);
}
.ranking-page__periods a, .ranking-page__sort a {
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--navigation-text-color);
  font-size: 13px;
}
.ranking-page__periods a.is-active, .ranking-page__sort a.is-active {
  background: #0B78E3;
  color: #fff;
}

.ranking-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.ranking-card {
  position: relative;
  grid-column: span 3;
  min-height: 220px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--secret-background);
  color: #fff;
}
.ranking-card:hover {
  color: #fff;
}
.ranking-card:hover .ranking-card__cover {
  transform: scale(1.05);
}
.ranking-card--first {
  grid-column: span 8;
  min-height: 0;
  aspect-ratio: 16/9;
}
.ranking-card--second {
  grid-column: span 4;
  min-height: 0;
}
.ranking-card--third, .ranking-card--later {
  grid-column: span 3;
}
.ranking-card__cover, .ranking-card__shade {
  position: absolute;
  inset: 0;
}
.ranking-card__cover {
  background-position: center;
  background-size: cover;
  opacity: 0.45;
  transition: transform 0.25s ease;
}
.ranking-card__shade {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.08));
}
.ranking-card__number {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
  font-size: 26px;
  font-weight: 700;
}
.ranking-card__content {
  position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ranking-card__avatar {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ranking-card__info {
  min-width: 0;
}
.ranking-card__info strong,
.ranking-card__info span,
.ranking-card__info p {
  display: block;
}
.ranking-card__info strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}
.ranking-card__info span {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
}
.ranking-card__info p {
  max-width: 420px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 960px) {
  .ranking-page__header {
    align-items: stretch;
    flex-direction: column;
  }
  .ranking-page__actions {
    justify-content: flex-start;
  }
  .ranking-page__periods,
.ranking-page__sort {
    max-width: 100%;
    overflow-x: auto;
  }
  .ranking-card {
    grid-column: span 6;
    min-height: 220px;
  }
  .ranking-card--first {
    grid-column: span 12;
    min-height: 220px;
    aspect-ratio: auto;
  }
  .ranking-card--later {
    grid-column: span 12;
  }
  .ranking-card__content {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }
  .ranking-card__avatar {
    width: 48px;
    height: 48px;
  }
}
.tags {
  font-size: 0;
  padding: 0 8px 8px;
}
.tags__item {
  text-transform: lowercase;
  height: 32px;
  line-height: 31px;
  background-color: #3D414A;
  color: var(--tag-text-color);
  background-color: var(--tag-background-color);
  text-decoration: none;
  padding: 0 16px;
  border-radius: 18px;
  font-size: 14px;
  margin: 8px 0 0 8px;
  display: inline-block;
}
.tags__item-close {
  font-size: 18px !important;
  top: 3px;
  margin-left: 2px;
}
.tags-slide {
  position: absolute;
  top: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--slider-background);
  height: 60px;
  width: 60px;
  border-radius: 100%;
}
.tags-slide--left {
  left: 0;
  margin-left: -30px;
}
.tags-slide--right {
  right: 0;
  margin-right: -30px;
}
.tags-slide__icon {
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.tags-slide__icon--left {
  margin-left: 24px;
  transform: rotate(180deg);
}
.tags-slide__icon--right {
  margin-right: 24px;
}

/*
.tag {
    height: 30px;
    width: fit-content;

    color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 50%;
    text-align: center;

    &__name {
        @include mobile() {
            font-size: 15px;
        }

        color: var(--tag-text-color);
    }

    &__count {
        margin-top: auto;
        color: #fff;
        font-size: 11px;
        text-shadow: 0 1px 1px rgba(0,0,0,.5);
        text-transform: uppercase;
    }
}
*/
.softpage {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  display: flex;
  padding: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: #222;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.softpage__content {
  margin: auto;
  width: 100%;
}
.softpage__loader {
  display: none;
}
.softpage--loading .softpage__loader {
  display: block;
}
.softpage .page-about .hero, .softpage .page-about .hero-grid {
  margin-top: 0;
}
.softpage .navigation__back {
  display: block !important;
}

@media (max-width: 960px) {
  .body--softpage {
    position: fixed;
    left: 0;
    width: 100%;
  }
}

.tagger .wrap, .tagger .hero__message {
  max-width: 560px;
}
.tagger .navigation {
  background-color: var(--navigation-background);
}
.tagger .navigation__search-bar {
  padding: 0 16px 0 40px;
  max-width: 100%;
}
@media (min-width: 960px) {
  .tagger .navigation__search-bar {
    padding: 0;
  }
}
.tagger .navigation__search-bar .button, .tagger .navigation__search-bar .write__submit, .tagger .navigation__search-bar .write__selector-trigger, .tagger .navigation__search-bar .write__addtag, .tagger .navigation__search-bar .state--card .state__cta, .state--card .tagger .navigation__search-bar .state__cta, .tagger .navigation__search-bar .select, .tagger .navigation__search-bar .dialog__action, .tagger .navigation__search-bar #app .dropzone .dz-message span, #app .dropzone .dz-message .tagger .navigation__search-bar span, .tagger .navigation__search-bar .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .tagger .navigation__search-bar button {
  display: none;
}
.tagger .navigation__search-bar input[type=text] {
  padding: 0 30px 2px 16px;
}
.tagger__help {
  color: #fff;
  padding: 8px 0 0;
  color: #f37777;
  font-size: 13px;
}
.tagger__tag {
  display: flex;
  padding: 16px 0;
  color: var(--tagger-tag-color);
  font-size: 16px;
}
.tagger__tag:not(:last-child) {
  border-bottom: 1px solid var(--tagger-separator-color);
}
.tagger__tag .counter {
  display: inline-block;
  margin-left: auto;
  color: var(--tagger-count-color);
}

.post-reactions {
  padding: 16px;
}
.post-reactions__item {
  display: flex;
  align-items: center;
}
.post-reactions__item-ago {
  font-size: 13px;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  top: 2px;
}
.post-reactions__item:not(:first-child) {
  margin-top: 16px;
}
.post-reactions__item .comment__avatar {
  top: 0;
}
.post-reactions__item .comment__author {
  font-size: 17px;
  color: #fff;
  width: calc(100vw - 222px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-reactions__item .comment__main {
  position: relative;
  display: flex;
  align-items: center;
}
.post-reactions__item .icon, .post-reactions__item .form__select:after {
  margin-right: 8px;
}
.post-reactions__item .icon.is-icon-arrow-up-outline, .post-reactions__item .is-icon-arrow-up-outline.form__select:after {
  color: #18a064;
}
.post-reactions__item .icon.is-icon-arrow-down-outline, .post-reactions__item .is-icon-arrow-down-outline.form__select:after {
  color: #d8405a;
}

.bans {
  padding: 16px;
}
.bans__item {
  display: flex;
  flex-direction: column;
}
.bans__item-ago {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}
.bans__item:not(:first-child) {
  margin-top: 16px;
}
.bans__item .comment__avatar {
  top: 0;
}
.bans__item .comment__author {
  font-size: 17px;
  color: #fff;
  width: calc(100vw - 222px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bans__item .comment__main {
  position: relative;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
}

.usernames {
  padding: 16px;
}

.voting {
  display: flex;
  align-items: center;
  height: 100%;
}
.voting--static .vote {
  cursor: default;
}

.vote {
  float: left;
  display: flex;
  align-items: center;
  color: var(--vote-text-color);
}
.vote:not(:first-child) {
  margin-left: 16px;
}
.vote .icon, .vote .form__select:after {
  width: 24px;
  height: 24px;
}
.vote .points {
  color: var(--vote-text-color);
  display: inline-block;
  margin-left: 2px;
}
.vote .icon, .vote .form__select:after, .vote .points {
  color: var(--vote-text-color);
}
.vote.vote--up.vote--active .icon, .vote.vote--up.vote--active .form__select:after, .vote.vote--up.vote--active .points {
  color: #18a064 !important;
}
.vote.vote--down.vote--active .icon, .vote.vote--down.vote--active .form__select:after, .vote.vote--down.vote--active .points {
  color: #d8405a !important;
}
.voting--dark .vote .icon, .voting--dark .vote .form__select:after, .voting--dark .vote .points {
  color: #999;
}
.voting--dark .vote.vote--down.vote--active .icon, .voting--dark .vote.vote--down.vote--active .form__select:after, .voting--dark .vote.vote--down.vote--active .points {
  color: #fff;
}
.voting--dark .vote.vote--up.vote--active .icon, .voting--dark .vote.vote--up.vote--active .form__select:after, .voting--dark .vote.vote--up.vote--active .points {
  color: #fff;
}

.hamburger {
  width: 90%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: var(--toolbar-background);
  overflow-x: hidden;
  transition: transform 0.15s;
  transform: translateX(-110%);
  padding: 60px 0 0;
  overflow: auto;
  height: 100vh;
  height: -webkit-fill-available;
}
.hamburger__user {
  position: relative;
  height: 80px;
  display: flex;
  width: 100%;
  padding: 16px;
  align-items: center;
}
.hamburger__user-action {
  margin-left: auto;
}
.hamburger__user-action div {
  display: flex;
  align-items: center;
  padding: 8px 7px 6px 12px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.hamburger__user-action div span {
  font-size: 17px;
  top: -1px;
  margin-left: 5px;
}
.hamburger__user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
}
.hamburger__user-info h4 {
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
.hamburger__user-info p {
  font-size: 12px;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.7);
}
.hamburger__head {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 10px 16px;
  height: 60px;
}
.hamburger__links {
  padding: 16px;
}
.hamburger__slider {
  overflow-x: scroll;
  overflow-y: hidden;
}
.hamburger__slider .cats {
  margin-left: -8px;
  display: flex;
}
.hamburger__grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
}
.hamburger__grid .hamburger__link {
  width: calc(50% - 4px);
  margin-left: 4px;
}
.hamburger__link {
  display: flex;
  width: 100%;
  padding: 12px 10px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 5px;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.8);
}
.hamburger__link--compact {
  background-color: transparent;
  padding: 6px 0;
}
.hamburger__link-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hamburger__link-icon .icon, .hamburger__link-icon .form__select:after {
  font-size: 20px;
}
.hamburger__link-icon svg {
  width: 100%;
  height: 100%;
}
.hamburger__title {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 10px;
  margin: 0 0 4px;
  font-weight: 400;
}
.hamburger__background {
  position: absolute;
  z-index: -1;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 60px);
  background-color: #000;
}
.hamburger__background-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.hamburger__outside {
  display: none;
  height: 100vh;
  height: -webkit-fill-available;
  width: 100%;
  overflow: hidden;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.hamburger.visible {
  transform: translateY(0);
}
.hamburger.visible + .hamburger__outside {
  display: block;
}
.hamburger-user {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hamburger-user .image {
  width: 40%;
}
.hamburger-user .points {
  color: var(--hamburger-text-color);
  margin-top: 20px;
  margin-bottom: 3px;
}
.hamburger-user .ranking {
  color: #4770FD;
  font-weight: 800;
}
.hamburger-open-icon {
  width: 45px;
  height: 55px;
  display: flex;
  align-items: center;
  margin-left: -8px;
  padding-left: 8px;
  display: none;
}
.hamburger-open-icon .icon, .hamburger-open-icon .form__select:after {
  width: 22px;
  height: 22px;
  font-size: 22px !important;
}
@media (min-width: 960px) {
  .hamburger-open-icon {
    display: none;
  }
}
@media (max-width: 960px) {
  .hamburger-open-icon {
    display: flex;
    color: var(--hamburger-open-icon);
  }
}
.hamburger .close-button-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.hamburger .close-button-container .icon, .hamburger .close-button-container .form__select:after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--navigation-mobile-menu-icon);
  border: 1px solid rgba(127, 127, 127, 0.22);
  border-radius: 50%;
  background-color: var(--navigation-search-box);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
  transition: background-color 0.15s ease, transform 0.15s ease;
}
@media (hover: hover) {
  .hamburger .close-button-container .icon:hover, .hamburger .close-button-container .form__select:hover:after {
    background-color: var(--navigation-search-box-selected);
  }
}
.hamburger .close-button-container .icon:active, .hamburger .close-button-container .form__select:active:after {
  transform: scale(0.96);
}
.hamburger .close-button-container .icon:focus-visible, .hamburger .close-button-container .form__select:focus-visible:after {
  box-shadow: 0 0 0 2px #0b78e3, 0 2px 8px rgba(0, 0, 0, 0.14);
}
.light-theme .hamburger .hamburger__slider .cats .tag {
  background-color: var(--navigation-search-box) !important;
}
.light-theme .hamburger .hamburger__title {
  color: rgba(0, 0, 0, 0.7);
}
.light-theme .hamburger .hamburger__link {
  background-color: var(--navigation-search-box);
  color: rgba(0, 0, 0, 0.7);
}
.light-theme .hamburger .hamburger__link--compact {
  background-color: transparent;
}

.hamburger-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 10px;
  background-image: var(--body-background-image);
  background-repeat: no-repeat;
  background-size: cover;
}

.hamburger-login {
  position: absolute;
  top: 35%;
  left: 35%;
}

@media (max-width: 960px) {
  .body--hamburger {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
  }
}

.badge {
  font-size: 11px;
  line-height: 13px;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: relative;
  margin-left: 5px;
  top: -1px;
}
.badge-op {
  background-color: #f44b67;
}
.badge-pro {
  background-color: #a366e1;
}

@media (max-width: 960px) {
  .tab {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 32px;
    background-color: var(--tabs-mobile-inactive-background);
  }
}
@media (min-width: 960px) {
  .tab {
    height: 36px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--tabs-desktop-inactive-background);
    padding: 0 15px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }
}
@media (min-width: 960px) {
  .tab--section-picker {
    border-radius: 12px;
  }
}
.tab__selector {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.tab__selector--floating {
  position: fixed;
  z-index: 90;
  bottom: 70px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 16px;
  padding: 0 5px;
}
@media (min-width: 960px) {
  .tab__selector--floating {
    display: none;
  }
}
.tab__selector--floating a {
  color: gray;
  border-radius: 16px;
  padding: 2px 12px;
  font-size: 16px;
}
.tab__selector--active {
  background-color: rgb(255, 255, 255);
  color: rgb(41, 41, 41) !important;
}
.tab__name {
  padding: 0 7px;
  color: var(--tabs-name);
}
.tab__open-icon {
  color: var(--tabs-name);
}
@media (min-width: 960px) {
  .tab--active {
    background-color: var(--tabs-desktop-active-background) !important;
    border-radius: 0;
  }
}
@media (max-width: 960px) {
  .tab--active {
    background-color: var(--tabs-mobile-active-background) !important;
  }
}
@media (min-width: 960px) {
  .tab__text {
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
    color: var(--tabs-mobile-inactive-text-color);
    font-family: "Roboto", sans-serif;
  }
}
@media (max-width: 960px) {
  .tab__text {
    color: var(--tabs-mobile-inactive-text-color);
  }
}
@media (min-width: 960px) {
  .tab__text--active {
    color: var(--tabs-desktop-active-text-color);
  }
}
@media (max-width: 960px) {
  .tab__text--active {
    color: var(--tabs-mobile-active-text-color);
  }
}
.tab__icon {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
@media (max-width: 960px) {
  .tab__icon {
    height: 20px;
    width: 20px;
  }
}
@media (min-width: 960px) {
  .tab__icon {
    margin-left: 10px;
  }
}
.tab__link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.tab__age {
  display: flex;
  flex-direction: column;
  margin: 15px;
}
.tab__age #slider {
  margin: 15px 18px 15px 18px;
  padding-left: 10px;
}
@media (max-width: 960px) {
  .tab__age-hint {
    color: var(--tabs-age-hint-text-color);
  }
}
@media (min-width: 960px) {
  .tab__age-hint {
    color: var(--navigation-text-color);
  }
}
.tab__filter-buttons {
  display: flex;
  justify-content: center;
}
.tab__filter-buttons .button, .tab__filter-buttons .write__submit, .tab__filter-buttons .write__selector-trigger, .tab__filter-buttons .write__addtag, .tab__filter-buttons .state--card .state__cta, .state--card .tab__filter-buttons .state__cta, .tab__filter-buttons .select, .tab__filter-buttons .dialog__action, .tab__filter-buttons #app .dropzone .dz-message span, #app .dropzone .dz-message .tab__filter-buttons span, .tab__filter-buttons .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .tab__filter-buttons button,
.tab__filter-buttons .searchdrop__buttons {
  margin: 0 5px;
  width: 100%;
  text-align: center;
}
@media (max-width: 960px) {
  .tab__filter-buttons .button, .tab__filter-buttons .write__submit, .tab__filter-buttons .write__selector-trigger, .tab__filter-buttons .write__addtag, .tab__filter-buttons .state--card .state__cta, .state--card .tab__filter-buttons .state__cta, .tab__filter-buttons .select, .tab__filter-buttons .dialog__action, .tab__filter-buttons #app .dropzone .dz-message span, #app .dropzone .dz-message .tab__filter-buttons span, .tab__filter-buttons .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .tab__filter-buttons button,
.tab__filter-buttons .searchdrop__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 960px) {
  .tab__sections {
    background-color: var(--tabs-desktop-inactive-background);
  }
}
@media (max-width: 960px) {
  .tab__sections {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 20px 10px 30px 12px;
    background: transparent;
  }
}
.tab__date {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tab__date__container {
  display: flex;
  flex-direction: column;
}
.tab__date__container--from {
  margin-right: 5px;
  margin-top: 4px;
}
.tab__date__container--to {
  margin-right: 5px;
  margin-top: 22px;
}

.search {
  width: 100%;
  position: relative;
}
.search__bar {
  position: relative;
  z-index: 2;
  height: 35px;
  width: 100%;
  font-size: 14px;
  color: var(--navigation-text-color);
  background-color: var(--navigation-search-box);
  border: 1px solid transparent;
  border-radius: 20px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 960px) {
  .search__bar {
    padding: 0 12px 0 40px;
  }
}
@media (max-width: 960px) {
  .search__bar {
    padding: 0 12px 0 12px;
    margin-bottom: 7px;
  }
}
@media (max-width: 960px) {
  .search__bar {
    padding: 0 30px 0 15px;
  }
}
.search__autocomplete {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: var(--navigation-search-box);
  color: var(--navigation-text-color);
  padding: 20px 20px 5px 20px;
  width: 100%;
  z-index: 1;
  margin-top: -15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: normal;
  opacity: 1;
  transition: opacity 0.1s ease;
}
.search__autocomplete a, .search__autocomplete a:visited {
  color: var(--navigation-text-color);
  text-underline: none;
}
.search__autocomplete__item {
  padding: 5px 0;
}
.search__autocomplete__item__icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.search__autocomplete__item__text {
  font-weight: bold;
}
.search__autocomplete--hidden {
  display: none;
  opacity: 0;
  z-index: -999;
}

.error-cloud {
  position: fixed;
  z-index: 999990;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: none;
}
.error-cloud__container {
  position: relative;
}
.error-cloud__cloud {
  position: absolute;
  height: 420px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999995;
}
@media (max-width: 960px) {
  .error-cloud__cloud {
    height: 255px;
  }
}
.error-cloud__close {
  position: absolute;
  top: -30px;
  right: -36px;
  background-color: white;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: black;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 960px) {
  .error-cloud__close {
    top: -16px;
    right: 18px;
  }
}
.error-cloud__text {
  position: absolute;
  left: -100px;
  top: -136px;
  z-index: 999999;
}
@media (max-width: 960px) {
  .error-cloud__text {
    left: -75px;
    top: -90px;
  }
}
.error-cloud__backdrop {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: black;
}
.error-cloud__title {
  font-size: 3rem;
  font-family: "Signika";
  color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 960px) {
  .error-cloud__title {
    font-size: 1.75rem;
  }
}
.error-cloud__subtitle {
  font-size: 1rem;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .error-cloud__subtitle {
    margin-top: -12px;
    margin-left: -40px;
    width: 250px;
  }
}

.user_card__background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: -16px -16px 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}
.user_card__header {
  display: flex;
  flex-direction: row;
}
.user_card__avatar {
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 75px;
}
.user_card__info {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-left: 20px;
}
.user_card__info__username {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 500;
}
.user_card__loading {
  display: none;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.user_card--loading {
  position: relative;
}
.user_card--loading .user_card__loading {
  display: block;
}

.report-modal__list {
  list-style: none;
  margin: 40px 0;
}
.report-modal__list li {
  margin-top: 15px;
  display: block;
}
.report-modal__list li:first-child {
  margin-top: 0;
}
.report-modal__actions {
  text-align: right;
}
.report-modal__actions .button, .report-modal__actions .write__submit, .report-modal__actions .write__selector-trigger, .report-modal__actions .write__addtag, .report-modal__actions .state--card .state__cta, .state--card .report-modal__actions .state__cta, .report-modal__actions .select, .report-modal__actions .dialog__action, .report-modal__actions #app .dropzone .dz-message span, #app .dropzone .dz-message .report-modal__actions span, .report-modal__actions .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .report-modal__actions button {
  margin-left: 8px;
}
.report-modal__alert {
  margin-top: -20px;
  margin-bottom: 20px;
}
.report-modal__loader {
  margin-top: 30px;
}

.secret-modal {
  display: none;
}
.secret-modal .extra {
  width: 100%;
}
.secret-modal .extra .tabs--inverted .tabs__item {
  color: #999;
}
.secret-modal .extra .tabs--inverted .tabs__item.tabs__item--active {
  color: #0B78E3;
}
.secret-modal .secret__title {
  margin-left: 15px;
}
.secret-modal .secret__title,
.secret-modal .card__comments {
  cursor: default;
}
.body--secret-modal .secret-modal {
  display: block;
}
.secret-modal .modal__content {
  padding: 0;
  top: auto;
  left: auto;
  border-radius: 2px;
  transform: none;
  margin: 20px auto;
  max-width: 1100px;
}
@media (max-width: 960px) {
  .secret-modal .modal__content {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .secret-modal .modal__content {
    position: relative;
    background-color: transparent;
  }
}
.secret-modal .modal__content .wrap__content {
  max-width: none;
}
.secret-modal .modal__content .close-secret-modal {
  left: auto;
  right: 0;
}
.secret-modal .comments__main {
  padding: 0 16px 16px;
}
.secret-modal .modal__close {
  color: #fff;
  left: 0;
  right: auto;
}
.secret-modal > .loader, .secret-modal > .dialog__loader, .secret-modal > .softpage__loader {
  display: none;
}
.secret-modal--simple .modal__background {
  background-color: var(--modal-background);
}
.secret-modal--simple .modal__content {
  background-color: transparent;
  max-width: 700px;
}
.secret-modal--loading > .loader, .secret-modal--loading > .dialog__loader, .secret-modal--loading > .softpage__loader {
  display: block;
}
@media (min-width: 960px) {
  .secret-modal .wrap__content {
    padding: 0 16px 32px;
  }
  .secret-modal .modal__content .close-secret-modal {
    position: fixed;
    right: auto;
    left: 16px;
    width: 50px;
    height: 50px;
    background-color: #0B78E3;
    border-radius: 100%;
    top: 16px;
    text-align: center;
    line-height: 50px;
  }
  .secret-modal .modal__content .close-secret-modal .icon, .secret-modal .modal__content .close-secret-modal .form__select:after {
    margin-right: 0;
  }
  .secret-modal > .loader, .secret-modal > .dialog__loader, .secret-modal > .softpage__loader {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
  }
  .secret-modal .comments__main {
    padding-left: 0;
    padding-right: 0;
  }
}
.secret-modal .wrap--main {
  margin-top: 0;
  padding: 32px 16px;
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .secret-modal {
    position: static;
  }
  body.comment-focus .secret-modal > .navigation {
    display: none;
  }
  .secret-modal .navigation {
    background-color: var(--comments-header-color);
  }
  .body--with-dropdown .secret-modal:not(.secret-modal--loading) > .navigation {
    z-index: 20;
  }
  .secret-modal:not(.secret-modal--loading) > .navigation {
    z-index: 101;
    background-color: transparent;
    width: 50px;
    overflow: hidden;
    box-shadow: none;
  }
  .secret-modal:not(.secret-modal--loading) > .navigation .navigation__title {
    display: none;
  }
  .secret-modal:not(.secret-modal--loading) > .navigation .navigation__primary {
    background-color: transparent;
  }
  .secret-modal .comments {
    margin-top: 0;
  }
  .secret-modal .comments .banner--mobile {
    margin-left: 0;
    margin-right: 0;
  }
  .secret-modal .modal__background {
    display: none;
  }
  .secret-modal .modal__content {
    z-index: auto;
    color: #999;
    border-radius: 0;
    margin: 0;
    padding-bottom: 55px;
    box-shadow: none;
    background-color: var(--comments-background);
    min-height: calc(100vh - 55px);
  }
  .secret-modal .modal__content > .main {
    display: block !important;
  }
  .secret-modal .comments__main {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .secret-modal .wrap--main {
    padding-top: 0;
    padding-bottom: 0;
  }
  .secret-modal .alert-op {
    margin: 0 0 auto;
  }
  .secret-modal .alert-op + .compose__main + .comments__main {
    margin: 0 0 auto;
  }
  .secret-modal .comments__tabs {
    margin-left: 34px;
  }
  .body--with-dropdown .secret-modal .secret__head {
    z-index: 19;
  }
  .secret-modal .secret__head {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    width: 100%;
    padding-left: 45px;
    height: 55px;
    line-height: 55px;
    align-items: center;
  }
  .secret-modal .secret__head .secret__fav,
.secret-modal .secret__head .secret__share,
.secret-modal .secret__head .secret__actions,
.secret-modal .secret__head .dropdown__trigger:not(.dropdown__backdrop):not(.dropdown__item),
.secret-modal .secret__head .secret__delete {
    border: 0;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .secret-modal .secret__head .secret__fav .secret__icon,
.secret-modal .secret__head .secret__share .secret__icon,
.secret-modal .secret__head .secret__actions .secret__icon,
.secret-modal .secret__head .dropdown__trigger:not(.dropdown__backdrop):not(.dropdown__item) .secret__icon,
.secret-modal .secret__head .secret__delete .secret__icon {
    top: auto;
  }
  .secret-modal .secret--comments-preview {
    margin-top: 0;
    padding-top: 16px;
  }
  .secret-modal .secret--comments-preview .secret__head {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    width: auto;
    height: 50px;
    padding-left: 16px;
    line-height: 50px;
    margin: -16px -16px 8px;
  }
  .secret-modal .secret--comments-preview .secret__head .secret__title {
    margin-left: 0;
  }
  .secret-modal .secret--comments-preview .secret__head .secret__fav,
.secret-modal .secret--comments-preview .secret__head .secret__share,
.secret-modal .secret--comments-preview .secret__head .secret__actions,
.secret-modal .secret--comments-preview .secret__head .dropdown__trigger:not(.dropdown__backdrop):not(.dropdown__item),
.secret-modal .secret--comments-preview .secret__head .secret__delete {
    height: 32px;
  }
  .secret-modal .secret--comments-preview .secret__foot {
    display: flex;
  }
  .secret-modal .secret__foot {
    display: none;
  }
}
.body--secret-modal-404 .secret-modal .modal__content .state {
  margin: 0 auto;
  min-height: calc(100vh - 110px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px;
  margin-top: -55px;
}
.body--secret-modal-404 .secret-modal .modal__content .state .state__icon {
  width: 299px;
  height: 457px;
}
.body--secret-modal-404 .secret-modal .modal__content .state .state__label {
  color: #fff;
  font-size: 23px;
  line-height: 31px;
}

@media (min-width: 960px) {
  .body--secret-modal {
    overflow: hidden;
  }
  .secret-modal {
    overflow: auto;
  }
}
@media (max-width: 960px) {
  .body--secret-modal-404 {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .body--secret-modal-404 .modal__content {
    background-color: transparent;
  }
  .body--secret-modal {
    overflow: auto;
    padding-bottom: 0;
  }
  .body--secret-modal.body--user-profile .card {
    margin-bottom: 0;
  }
  .body--secret-modal #main-navigation,
.body--secret-modal .main,
.body--secret-modal .hero,
.body--secret-modal .hero-grid,
.body--secret-modal .wrap.wrap--tabs,
.body--secret-modal .wrap--tabs.hero__message,
.body--secret-modal #main-toolbar,
.body--secret-modal #comments-toolbar,
.body--secret-modal .search-form,
.body--secret-modal .filters,
.body--secret-modal #pills-categories {
    display: none !important;
  }
  .secret-modal .shout-toolbar {
    align-items: center;
  }
  .secret-modal .modal__content > .main {
    display: flex !important;
    flex-direction: column;
    min-height: calc(100vh - 110px);
  }
  .secret-modal .modal__content > .main > .wrap, .secret-modal .modal__content > .main > .hero__message {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
  }
  .secret-modal .modal__content > .main > .wrap > .comments.comments--empty, .secret-modal .modal__content > .main > .hero__message > .comments.comments--empty {
    flex: 1 1 auto;
    align-items: stretch;
    min-height: 0;
  }
  .secret-modal .modal__content > .main > .wrap > .comments.comments--empty > .comments__main, .secret-modal .modal__content > .main > .hero__message > .comments.comments--empty > .comments__main {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
  }
  .secret-modal .modal__content > .main > .wrap > .comments.comments--empty .comments__list, .secret-modal .modal__content > .main > .hero__message > .comments.comments--empty .comments__list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .secret-modal .modal__content > .main > .wrap > .comments.comments--empty #empty-comments, .secret-modal .modal__content > .main > .hero__message > .comments.comments--empty #empty-comments {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 32px;
    box-sizing: border-box;
  }
  body:not(.comment-focus) .secret-modal .compose__main {
    display: none;
  }
  body.comment-focus .secret-modal .compose__main {
    display: block;
  }
  .secret-modal .navigation .comments__title {
    padding-left: 33px;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
  }
  .secret-modal .navigation .comments__tabs {
    right: 0;
  }
  .secret-modal .wrap, .secret-modal .hero__message {
    margin-bottom: 0;
  }
  .secret-modal .compose__main {
    margin: 0;
  }
  .secret-modal .compose {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    margin: 0;
    border-top: 1px solid #d7d7d7;
  }
  .secret-modal .compose .compose__textarea {
    border-radius: 0;
    background-color: #fff;
    color: #2E2E2E;
  }
  .secret-modal .compose .compose__help {
    position: absolute;
    top: -20px;
    left: 16px;
    color: #fff;
    z-index: 400;
    display: none;
  }
  .secret-modal .compose .compose__avatar {
    display: none;
  }
  .secret-modal .compose .compose__actions {
    border-radius: 0;
    position: static;
    border: 0;
    background: transparent;
    padding: 0;
  }
  .secret-modal .compose .compose__textarea {
    min-height: 51px;
    height: 51px;
    max-height: 100px;
    resize: none;
    font-size: 16px;
    padding: 16px 40px 16px 16px;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
  }
  .secret-modal .compose .compose__submit {
    position: absolute;
    z-index: 400;
    bottom: 5px;
    right: 8px;
  }
  .secret-modal .comments.comments--empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 110px);
  }
  .secret-modal .comments.comments--empty .comments__head {
    display: none;
  }
  .secret-modal #empty-comments {
    margin: 0;
  }
}
.body--youtube-modal .youtube-modal {
  display: block;
}
.youtube-modal__content {
  max-width: 490px;
  padding: 0;
}
.youtube-modal__close {
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.youtube-modal__main {
  padding: 16px;
}
.youtube-modal__title {
  font-size: 20px;
  line-height: 1em;
  font-weight: normal;
}
.youtube-modal__description {
  font-size: 15px;
  margin-top: 16px;
  color: #565656;
}
@media (max-width: 960px) {
  .youtube-modal {
    position: relative;
  }
  .youtube-modal .youtube-modal__background {
    display: none;
  }
  .youtube-modal .youtube-modal__content {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (max-width: 960px) {
  .body--youtube-modal {
    padding-bottom: 0;
    background-color: #fff;
  }
  .body--youtube-modal #main-navigation, .body--youtube-modal .main, .body--youtube-modal #main-toolbar, .body--youtube-modal #comments-toolbar {
    display: none !important;
  }
}
.welcome-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.welcome-modal .modal__content {
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
  border-radius: 12px;
  transform: none;
  padding: 32px 16px;
  margin: 16px;
  max-width: 600px;
  background-color: #0e0e0e;
}
.welcome-modal .modal__close {
  color: #fff;
  font-weight: 500;
  right: 8px;
  top: 8px;
  font-size: 13px;
}
.welcome-modal .state__title {
  font-size: 23px;
  font-weight: 300;
  color: #f9f9f9;
}
.welcome-modal .state__icon {
  width: 100px;
  height: 100px;
}
.welcome-modal .state__cta {
  margin-top: 16px;
}
.welcome-modal .state__label {
  color: #eee;
  font-size: 15px;
  line-height: 1.3em;
}
.welcome-modal__steps {
  display: none;
}
.welcome-modal__nav {
  margin-top: 32px;
}
.welcome-modal__nav-dots {
  float: left;
  font-size: 0;
}
.welcome-modal__nav-dots span {
  position: relative;
  top: 12px;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.welcome-modal__nav-dots span.active {
  background-color: #fff;
}
.welcome-modal__nav-next {
  float: right;
}
.welcome-modal__step {
  display: none;
}
.welcome-modal__step--active {
  display: block;
}

@media (max-width: 960px) {
  .body--with-welcome {
    position: fixed;
    left: 0;
    width: 100%;
  }
}
.covers-modal {
  color: #999;
}
.body--covers-modal .covers-modal {
  display: block;
}
.covers-modal__content {
  max-width: 490px;
  background-color: #161823;
}
.covers-modal__buttons {
  margin-left: -8px;
  margin-top: -8px;
}
.covers-modal__button {
  position: relative;
  float: left;
  width: calc(33.333% - 8px);
  height: 80px;
  margin-left: 8px;
  margin-top: 8px;
  border-radius: 3px;
  background-size: cover;
  background-position: center;
}
.covers-modal__button--active:before {
  content: "";
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 3px;
  opacity: 0.6;
  border-color: #fff;
}
.covers-modal__close {
  top: 0;
  color: #fff;
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
.covers-modal__close .icon, .covers-modal__close .form__select:after {
  line-height: 50px;
}
.covers-modal__main {
  padding: 32px;
}
.covers-modal__main--register {
  padding: 0 !important;
  margin: 0 !important;
}
.covers-modal__title {
  font-size: 28px;
  line-height: 1em;
  font-weight: 300;
  margin-bottom: 32px;
  color: #FAFAFA;
}
@media (max-width: 960px) {
  .covers-modal {
    position: relative;
    height: auto;
  }
  .covers-modal__content {
    padding: 64px 16px 16px;
    background-color: transparent;
  }
  .covers-modal__close {
    position: fixed;
  }
  .covers-modal .modal__background {
    background-color: #000;
  }
  .covers-modal__buttons {
    margin-left: -16px;
    margin-top: -16px;
  }
  .covers-modal__button {
    width: calc(50% - 16px);
    margin-left: 16px;
    margin-top: 16px;
  }
  .covers-modal__content {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (min-width: 960px) {
  .body--covers-modal {
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .body--covers-modal {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000;
  }
  .body--covers-modal .modal.secret-modal, .body--covers-modal .wrap.wrap--tabs, .body--covers-modal .wrap--tabs.hero__message, .body--covers-modal #hero-user, .body--covers-modal #main-navigation, .body--covers-modal .main, .body--covers-modal #main-toolbar, .body--covers-modal #comments-toolbar, .body--covers-modal .hero-videos, .body--covers-modal #pills-categories, .body--covers-modal .footer {
    display: none !important;
  }
}
.shout-modal {
  display: none;
}
.shout-modal .extra {
  width: 100%;
}
.shout-modal .extra .tabs--inverted .tabs__item {
  color: #999;
}
.shout-modal .extra .tabs--inverted .tabs__item.tabs__item--active {
  color: #0B78E3;
}
.shout-modal .shout__title,
.shout-modal .card__comments {
  cursor: default;
}
.body--shout-modal .shout-modal {
  display: block;
}
.shout-modal .modal__content {
  padding: 0;
  max-width: 700px !important;
  top: auto;
  left: auto;
  border-radius: 2px;
  transform: none;
  margin: 20px auto;
  max-width: 1100px;
}
@media (max-width: 960px) {
  .shout-modal .modal__content {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .shout-modal .modal__content {
    position: relative;
    background-color: transparent;
  }
}
.shout-modal .modal__content .wrap__content {
  max-width: none;
}
.shout-modal .modal__content .close-shout-modal {
  left: auto;
  right: 0;
}
.shout-modal .modal__content .close-secret-modal {
  position: fixed;
  right: auto;
  left: 16px;
  width: 50px;
  height: 50px;
  background-color: #0B78E3;
  border-radius: 100%;
  top: 16px;
  text-align: center;
  line-height: 50px;
}
.shout-modal .modal__content .close-secret-modal .icon, .shout-modal .modal__content .close-secret-modal .form__select:after {
  margin-right: 0;
}
.shout-modal .comments__main {
  padding: 0 16px 16px;
}
.shout-modal .modal__close {
  color: #fff;
  left: 0;
  right: auto;
}
.shout-modal > .loader, .shout-modal > .dialog__loader, .shout-modal > .softpage__loader {
  display: none;
}
.shout-modal--loading > .loader, .shout-modal--loading > .dialog__loader, .shout-modal--loading > .softpage__loader {
  display: block;
}
@media (min-width: 960px) {
  .shout-modal .wrap__content {
    padding: 0 16px 32px;
  }
  .shout-modal .modal__content .close-shout-modal {
    position: fixed;
    right: auto;
    left: 16px;
    width: 50px;
    height: 50px;
    background-color: #0B78E3;
    border-radius: 100%;
    top: 16px;
    text-align: center;
    line-height: 50px;
    color: white;
  }
  .shout-modal .modal__content .close-shout-modal .icon, .shout-modal .modal__content .close-shout-modal .form__select:after {
    margin-right: 0;
  }
  .shout-modal > .loader, .shout-modal > .dialog__loader, .shout-modal > .softpage__loader {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
  }
  .shout-modal .comments__main {
    padding-left: 0;
    padding-right: 0;
  }
}
.shout-modal .wrap--main {
  margin-top: 0;
  padding: 32px 16px;
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .shout-modal {
    position: static;
  }
  body.comment-focus .shout-modal > .navigation {
    display: none;
  }
  .shout-modal .navigation {
    background-color: var(--navigation-backgroundd);
  }
  .shout-modal .shout {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  .shout-modal:not(.shout-modal--loading) > .navigation {
    z-index: 101;
    background-color: transparent;
    width: 50px;
    overflow: hidden;
    box-shadow: none;
  }
  .shout-modal:not(.shout-modal--loading) > .navigation .navigation__back .icon, .shout-modal:not(.shout-modal--loading) > .navigation .navigation__back .form__select:after {
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  }
  .shout-modal:not(.shout-modal--loading) > .navigation .navigation__title {
    display: none;
  }
  .shout-modal .comments {
    margin-top: 0;
  }
  .shout-modal .comments .banner--mobile {
    margin-left: 0;
    margin-right: 0;
  }
  .shout-modal .modal__background {
    display: none;
  }
  .shout-modal .modal__content {
    z-index: auto;
    color: #999;
    border-radius: 0;
    margin: 0;
    padding-bottom: 55px;
    box-shadow: none;
    background-color: var(--body-background-color);
    min-height: calc(100vh - 55px);
  }
  .shout-modal .modal__content > .main {
    display: block !important;
  }
  .shout-modal .comments__main {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .shout-modal .wrap--main {
    padding: 0 16px;
  }
  .shout-modal .alert-op {
    margin: 0 0 auto;
  }
  .shout-modal .alert-op + .compose__main + .comments__main {
    margin: 0 0 auto;
  }
  .shout-modal .comments__tabs {
    margin-left: 34px;
  }
  .shout-modal .shout__head .shout__fav,
.shout-modal .shout__head .shout__share,
.shout-modal .shout__head .shout__actions,
.shout-modal .shout__head .dropdown__trigger:not(.dropdown__backdrop):not(.dropdown__item),
.shout-modal .shout__head .shout__delete {
    border: 0;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shout-modal .shout__head .shout__fav .shout__icon,
.shout-modal .shout__head .shout__share .shout__icon,
.shout-modal .shout__head .shout__actions .shout__icon,
.shout-modal .shout__head .dropdown__trigger:not(.dropdown__backdrop):not(.dropdown__item) .shout__icon,
.shout-modal .shout__head .shout__delete .shout__icon {
    top: auto;
  }
  .shout-modal .shout__foot {
    display: none;
  }
}
.body--shout-modal-404 .shout-modal .modal__content .state {
  margin: 0 auto;
  min-height: calc(100vh - 110px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32px;
  margin-top: -55px;
}
.body--shout-modal-404 .shout-modal .modal__content .state .state__icon {
  width: 299px;
  height: 457px;
}
.body--shout-modal-404 .shout-modal .modal__content .state .state__label {
  color: #fff;
  font-size: 23px;
  line-height: 31px;
}

@media (min-width: 960px) {
  .body--shout-modal {
    overflow: hidden;
  }
  .shout-modal {
    overflow: auto;
  }
}
@media (max-width: 960px) {
  .body--shout-modal-404 {
    background-image: url(/images/about/hero-triangles.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .body--shout-modal-404 .modal__content {
    background-color: transparent;
  }
  .body--shout-modal {
    overflow: auto;
    padding-bottom: 0;
  }
  .body--shout-modal.body--user-profile .card {
    margin-bottom: 0;
  }
  .body--shout-modal #main-navigation,
.body--shout-modal .main,
.body--shout-modal .hero,
.body--shout-modal .hero-grid,
.body--shout-modal .filters,
.body--shout-modal .wrap.wrap--tabs,
.body--shout-modal .wrap--tabs.hero__message,
.body--shout-modal #main-toolbar,
.body--shout-modal #comments-toolbar,
.body--shout-modal .search-form,
.body--shout-modal #pills-categories {
    display: none !important;
  }
  .shout-modal .navigation .comments__title {
    padding-left: 33px;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
  }
  .shout-modal .navigation .comments__tabs {
    right: 0;
  }
  .shout-modal .wrap, .shout-modal .hero__message {
    margin-bottom: 0;
  }
  .shout-modal .compose__main {
    margin: 0;
  }
  .shout-modal .compose {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    margin: 0;
    border-top: 1px solid #d7d7d7;
  }
  .shout-modal .compose .compose__textarea {
    border-radius: 0;
    background-color: #fff;
    color: #2E2E2E;
  }
  .shout-modal .compose .compose__help {
    position: absolute;
    top: -20px;
    left: 16px;
    color: #fff;
    z-index: 400;
    display: none;
  }
  .shout-modal .compose .compose__avatar {
    display: none;
  }
  .shout-modal .compose .compose__actions {
    border-radius: 0;
    position: static;
    border: 0;
    background: transparent;
    padding: 0;
  }
  .shout-modal .compose .compose__textarea {
    min-height: 51px;
    height: 51px;
    max-height: 100px;
    resize: none;
    font-size: 16px;
    padding: 16px 40px 16px 16px;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
  }
  .shout-modal .compose .compose__submit {
    position: absolute;
    z-index: 400;
    bottom: 5px;
    right: 8px;
  }
  .shout-modal .comments.comments--empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 110px);
  }
  .shout-modal .comments.comments--empty .comments__head {
    display: none;
  }
  .shout-modal #empty-comments {
    margin: 0;
    padding: 0 32px;
  }
}
.avatars-modal {
  color: #999;
}
.body--avatars-modal .avatars-modal {
  display: block;
}
.avatars-modal__content {
  max-width: 730px;
  background-color: var(--settings-form-background);
  max-height: calc(100vh - 100px);
  overflow: auto;
}
.avatars-modal__buttons {
  margin-left: -8px;
  margin-top: -8px;
}
.avatars-modal__button {
  position: relative;
  float: left;
  width: calc(16.6666666667% - 8px);
  margin-left: 8px;
  margin-top: 8px;
  background-size: cover;
  background-position: center;
}
.avatars-modal__button:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.avatars-modal__button--active {
  transform: scale(1.15);
}
.avatars-modal__button--active:before {
  content: "";
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  opacity: 1;
  border-color: #fff;
}
.avatars-modal__close {
  top: 0;
  color: var(--settings-text-color);
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
.avatars-modal__close .icon, .avatars-modal__close .form__select:after {
  line-height: 50px;
}
.avatars-modal__main {
  padding: 32px;
}
.avatars-modal__main--register {
  padding: 0 !important;
  margin: 0 !important;
}
.avatars-modal__title {
  font-size: 28px;
  line-height: 1em;
  font-weight: 300;
  margin-bottom: 32px;
  color: #FAFAFA;
}
@media (max-width: 960px) {
  .avatars-modal {
    position: relative;
    height: auto;
  }
  .avatars-modal__content {
    padding: 64px 16px 16px;
    background-color: transparent;
  }
  .avatars-modal__close {
    position: fixed;
  }
  .avatars-modal .modal__background {
    background-color: #000;
  }
  .avatars-modal__buttons {
    margin-left: -16px;
    margin-top: -16px;
  }
  .avatars-modal__button {
    width: calc(25% - 16px);
    margin-left: 16px;
    margin-top: 16px;
  }
  .avatars-modal__content {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    max-width: none;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (min-width: 960px) {
  .body--avatars-modal {
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .body--avatars-modal {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000;
  }
  .body--avatars-modal .modal.secret-modal, .body--avatars-modal .wrap.wrap--tabs, .body--avatars-modal .wrap--tabs.hero__message, .body--avatars-modal #hero-user, .body--avatars-modal #main-navigation, .body--avatars-modal .main, .body--avatars-modal #main-toolbar, .body--avatars-modal #comments-toolbar, .body--avatars-modal .hero-videos, .body--avatars-modal #pills-categories, .body--avatars-modal .footer {
    display: none !important;
  }
}
.history-modal {
  color: #999;
}
.body--history-modal .history-modal {
  display: block;
}
.history-modal .modal__content {
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
  border-radius: 2px;
  transform: none;
  margin: 20px auto;
  max-width: 1100px;
  background-color: #0e0e0e;
}
.history-modal .modal__content .wrap__content {
  max-width: none;
}
.history-modal .modal__content .wrap .comment, .history-modal .modal__content .hero__message .comment {
  padding: 16px;
}
.history-modal .modal__content .wrap .comment__message, .history-modal .modal__content .hero__message .comment__message {
  margin-top: 4px;
}
.history-modal .modal__content .close-secret-modal {
  left: auto;
  right: 0;
}
.history-modal__close {
  top: 0;
  color: #fff;
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
.history-modal__close .icon, .history-modal__close .form__select:after {
  line-height: 50px;
}
@media (max-width: 960px) {
  .history-modal {
    position: relative;
    height: auto;
  }
  .history-modal .modal__content {
    z-index: auto;
    color: #999;
    border-radius: 0;
    margin: 0;
    padding-top: 55px;
    box-shadow: none;
    background-color: #2F3035;
    min-height: 100vh;
  }
  .history-modal .modal__content > .main {
    display: block !important;
  }
  .history-modal__close {
    position: fixed;
  }
  .history-modal .modal__background {
    background-color: #000;
  }
  .history-modal__content {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    max-width: none;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (min-width: 960px) {
  .body--history-modal {
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .body--history-modal {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000;
  }
  .body--history-modal .modal.secret-modal, .body--history-modal .wrap.wrap--tabs, .body--history-modal .wrap--tabs.hero__message, .body--history-modal #hero-user, .body--history-modal #main-navigation, .body--history-modal .main, .body--history-modal #main-toolbar, .body--history-modal #comments-toolbar, .body--history-modal .hero-videos, .body--history-modal #pills-categories {
    display: none !important;
  }
}
.fresh-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.fresh-modal .modal__content {
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
  border-radius: 12px;
  transform: none;
  padding: 32px 16px;
  margin: 16px;
  max-width: 600px;
  background-color: var(--fresh-mobal-background);
}
.fresh-modal .modal__close {
  color: #fff;
  font-weight: 500;
  right: 8px;
  top: 8px;
  font-size: 13px;
}
.fresh-modal .state {
  text-align: left;
}
.fresh-modal .state__title {
  font-size: 23px;
  font-weight: 300;
  color: #f9f9f9;
  text-align: left;
}
.fresh-modal .state__icon {
  width: 100px;
  height: 100px;
}
.fresh-modal .state__ctas {
  text-align: center;
  margin-top: 16px;
}
.fresh-modal .state__label {
  color: var(--fresh-modal-text-color);
  font-size: 16px;
  line-height: 1.3em;
}

.body--with-fresh {
  overflow: hidden;
}
@media (max-width: 960px) {
  .body--with-fresh {
    position: fixed;
    left: 0;
    width: 100%;
  }
}

.login-modal {
  color: #999;
}
.login-modal__motd {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-right: 100px;
  width: 1200px;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 960px) {
  .login-modal__motd {
    display: none;
  }
}
.login-modal__motd--description {
  color: var(--login-description-text-color);
  font-size: 1.6em;
  line-height: 30px;
  margin-bottom: 40px;
}
.login-modal__motd--description strong {
  color: var(--login-description-strong-color);
}
.login-modal__motd--title {
  font-size: 3.25em;
  color: var(--login-title-text-color);
  line-height: 50px;
  font-weight: bold;
}
.login-modal__form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.login-modal__form--input {
  border-radius: 40px;
  box-sizing: border-box;
  display: block;
  height: 40px;
  width: 100%;
  background-color: var(--login-form-background) !important;
  color: var(--login-form-text-color);
  border: none;
  padding-left: 20px;
  margin-top: 5px;
}
.login-modal__form--input:-moz-placeholder-shown {
  padding-left: 20px;
}
.login-modal__form--input:placeholder-shown {
  padding-left: 20px;
}
.login-modal__form--label {
  color: var(--login-title-text-color);
  font-weight: 600;
  font-size: 1.15rem;
}
.login-modal__form--help {
  color: var(--login-description-text-color);
  margin-bottom: 5px;
  margin-top: 5px;
}
.login-modal__form form {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .login-modal__form form {
    overflow-y: auto;
  }
}
.login-modal__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.body--login-modal .login-modal {
  display: block;
}
.login-modal .background--login {
  z-index: 2;
}
.login-modal__content {
  max-width: 490px;
  padding: 0;
  background-color: var(--login-background);
}
.login-modal__close {
  top: 0;
  color: var(--login-close-color);
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
.login-modal__close .icon, .login-modal__close .form__select:after {
  line-height: 50px;
}
@media (min-width: 960px) {
  .login-modal__main {
    width: 50%;
    padding: 32px;
  }
}
@media (max-width: 960px) {
  .login-modal__main {
    width: 90%;
  }
}
.login-modal__main--register {
  padding: 0 !important;
  margin: 0 !important;
  width: 50vh;
}
.login-modal__title {
  font-size: 28px;
  line-height: 1em;
  font-weight: 300;
  margin-bottom: 32px;
  color: #FAFAFA;
}
.login-modal__description {
  font-size: 15px;
  margin-top: 16px;
  color: #565656;
}
.login-modal__actions {
  margin-top: 32px;
}
.login-modal__actions .button, .login-modal__actions .write__submit, .login-modal__actions .write__selector-trigger, .login-modal__actions .write__addtag, .login-modal__actions .state--card .state__cta, .state--card .login-modal__actions .state__cta, .login-modal__actions .select, .login-modal__actions .dialog__action, .login-modal__actions #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__actions span, .login-modal__actions .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__actions button {
  float: left;
  margin-left: 8px;
}
.login-modal__actions .button:first-child, .login-modal__actions .write__submit:first-child, .login-modal__actions .write__selector-trigger:first-child, .login-modal__actions .write__addtag:first-child, .login-modal__actions .state--card .state__cta:first-child, .state--card .login-modal__actions .state__cta:first-child, .login-modal__actions .select:first-child, .login-modal__actions .dialog__action:first-child, .login-modal__actions #app .dropzone .dz-message span:first-child, #app .dropzone .dz-message .login-modal__actions span:first-child, .login-modal__actions .sweet-alert .sa-button-container button:first-child, .sweet-alert .sa-button-container .login-modal__actions button:first-child {
  margin-left: 0;
}
.login-modal__help {
  margin: 16px 0;
  font-size: 15px;
  color: #6F6F6F;
}
.login-modal__help a {
  color: #0B78E3;
}
.login-modal__help a:hover {
  text-decoration: underline;
}
.login-modal__head {
  text-align: center;
  margin-bottom: 48px;
}
.login-modal__head .vector {
  width: 90px;
  height: 90px;
  fill: var(--login-logo-color);
}
.login-modal__head p {
  margin: 16px 0 0;
  font-size: 17px;
  padding: 0 32px;
  font-weight: 400;
  color: var(--login-title-color);
}
.login-modal__email label {
  padding-left: 20px;
}
.login-modal__email input {
  padding: 0 20px;
  border-radius: 30px;
  background-color: var(--login-form-background) !important;
  color: var(--login-text-color);
}
.login-modal__email .socials {
  margin-top: 16px;
}
.login-modal__email .socials .or {
  margin-bottom: 16px;
  text-align: center;
}
.login-modal__email .socials .button, .login-modal__email .socials .write__submit, .login-modal__email .socials .write__selector-trigger, .login-modal__email .socials .write__addtag, .login-modal__email .socials .state--card .state__cta, .state--card .login-modal__email .socials .state__cta, .login-modal__email .socials .select, .login-modal__email .socials .dialog__action, .login-modal__email .socials #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__email .socials span, .login-modal__email .socials .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__email .socials button {
  float: left;
  width: calc(50% - 4px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-modal__email .socials .button:last-child, .login-modal__email .socials .write__submit:last-child, .login-modal__email .socials .write__selector-trigger:last-child, .login-modal__email .socials .write__addtag:last-child, .login-modal__email .socials .state--card .state__cta:last-child, .state--card .login-modal__email .socials .state__cta:last-child, .login-modal__email .socials .select:last-child, .login-modal__email .socials .dialog__action:last-child, .login-modal__email .socials #app .dropzone .dz-message span:last-child, #app .dropzone .dz-message .login-modal__email .socials span:last-child, .login-modal__email .socials .sweet-alert .sa-button-container button:last-child, .sweet-alert .sa-button-container .login-modal__email .socials button:last-child {
  margin-left: 8px;
}
.login-modal__email .email {
  margin-top: 32px;
}
.login-modal__email .email .button, .login-modal__email .email .write__submit, .login-modal__email .email .write__selector-trigger, .login-modal__email .email .write__addtag, .login-modal__email .email .state--card .state__cta, .state--card .login-modal__email .email .state__cta, .login-modal__email .email .select, .login-modal__email .email .dialog__action, .login-modal__email .email #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__email .email span, .login-modal__email .email .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__email .email button {
  display: block;
  width: 100%;
  text-align: center;
}
.login-modal__email .info {
  margin-top: 16px;
  text-align: center;
  color: var(--login-info-color);
}
.login-modal__email .info a {
  color: var(--login-info-color);
  text-decoration: underline;
}
.login-modal__email .info + .info {
  margin-top: 8px;
}
.login-modal__socials .button, .login-modal__socials .write__submit, .login-modal__socials .write__selector-trigger, .login-modal__socials .write__addtag, .login-modal__socials .state--card .state__cta, .state--card .login-modal__socials .state__cta, .login-modal__socials .select, .login-modal__socials .dialog__action, .login-modal__socials #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__socials span, .login-modal__socials .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__socials button {
  height: 45px;
  line-height: 42px;
}
.login-modal__socials .info {
  margin-top: 16px;
  text-align: center;
}
.login-modal__socials .info a {
  color: #999;
  text-decoration: underline;
}
.login-modal__socials .socials {
  margin-bottom: 16px;
}
.login-modal__socials .socials .button, .login-modal__socials .socials .write__submit, .login-modal__socials .socials .write__selector-trigger, .login-modal__socials .socials .write__addtag, .login-modal__socials .socials .state--card .state__cta, .state--card .login-modal__socials .socials .state__cta, .login-modal__socials .socials .select, .login-modal__socials .socials .dialog__action, .login-modal__socials .socials #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__socials .socials span, .login-modal__socials .socials .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__socials .socials button {
  float: left;
  width: calc(50% - 4px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-modal__socials .socials .button:last-child, .login-modal__socials .socials .write__submit:last-child, .login-modal__socials .socials .write__selector-trigger:last-child, .login-modal__socials .socials .write__addtag:last-child, .login-modal__socials .socials .state--card .state__cta:last-child, .state--card .login-modal__socials .socials .state__cta:last-child, .login-modal__socials .socials .select:last-child, .login-modal__socials .socials .dialog__action:last-child, .login-modal__socials .socials #app .dropzone .dz-message span:last-child, #app .dropzone .dz-message .login-modal__socials .socials span:last-child, .login-modal__socials .socials .sweet-alert .sa-button-container button:last-child, .sweet-alert .sa-button-container .login-modal__socials .socials button:last-child {
  margin-left: 8px;
}
.login-modal__socials .email .button, .login-modal__socials .email .write__submit, .login-modal__socials .email .write__selector-trigger, .login-modal__socials .email .write__addtag, .login-modal__socials .email .state--card .state__cta, .state--card .login-modal__socials .email .state__cta, .login-modal__socials .email .select, .login-modal__socials .email .dialog__action, .login-modal__socials .email #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__socials .email span, .login-modal__socials .email .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__socials .email button {
  display: block;
  width: 100%;
  text-align: center;
}
.login-modal__socials .button, .login-modal__socials .write__submit, .login-modal__socials .write__selector-trigger, .login-modal__socials .write__addtag, .login-modal__socials .state--card .state__cta, .state--card .login-modal__socials .state__cta, .login-modal__socials .select, .login-modal__socials .dialog__action, .login-modal__socials #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__socials span, .login-modal__socials .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__socials button {
  font-size: 15px;
}
.login-modal__terms a {
  color: #999;
  text-decoration: underline;
}
@media (max-width: 960px) {
  .login-modal {
    position: relative;
    height: auto;
  }
  .login-modal__content {
    background-color: transparent;
  }
  .login-modal .login-modal-parts {
    max-width: 400px;
    margin: 0 auto;
    padding: 75px 0 16px;
    min-height: calc(100vh - 55px);
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .login-modal .modal__background {
    background-color: #000;
  }
  .login-modal__socials .buttons {
    margin-left: 0;
  }
  .login-modal__socials .button, .login-modal__socials .write__submit, .login-modal__socials .write__selector-trigger, .login-modal__socials .write__addtag, .login-modal__socials .state--card .state__cta, .state--card .login-modal__socials .state__cta, .login-modal__socials .select, .login-modal__socials .dialog__action, .login-modal__socials #app .dropzone .dz-message span, #app .dropzone .dz-message .login-modal__socials span, .login-modal__socials .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .login-modal__socials button {
    margin-left: 0;
  }
  .login-modal__content {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
  .login-modal__terms {
    padding: 0 16px;
    padding-bottom: 100px;
    text-align: center;
    position: relative;
    top: 55px;
  }
}
@media (min-width: 960px) {
  .login-modal__terms {
    text-align: center;
    padding: 16px 0;
  }
}

@media (min-width: 960px) {
  .body--login-modal {
    overflow: hidden;
  }
  .body--login-modal .modal.secret-modal {
    display: none !important;
  }
}
@media (max-width: 960px) {
  .body--login-modal {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000;
    top: 0 !important;
  }
  .body--login-modal .modal.secret-modal, .body--login-modal #main-navigation, .body--login-modal .main, .body--login-modal #main-toolbar, .body--login-modal #comments-toolbar, .body--login-modal .hero-videos, .body--login-modal #pills-categories {
    display: none !important;
  }
}
.post-filters-modal {
  display: none;
}
.body--post-filters-modal .post-filters-modal {
  display: block;
}
.post-filters-modal .modal__close {
  color: var(--navigation-close-icon);
  left: 0;
  right: auto;
}
.post-filters-modal .modal__content {
  padding: 0;
  max-width: 560px !important;
}
@media (max-width: 960px) {
  .post-filters-modal .modal__content {
    bottom: 0;
    top: 54px;
    left: 0;
    transform: none;
    width: 100%;
    max-width: initial !important;
  }
}
.post-filters-modal .modal__footer {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 1;
  background: var(--fab-background);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.post-filters-modal .modal__footer .button, .post-filters-modal .modal__footer .write__submit, .post-filters-modal .modal__footer .write__selector-trigger, .post-filters-modal .modal__footer .write__addtag, .post-filters-modal .modal__footer .state--card .state__cta, .state--card .post-filters-modal .modal__footer .state__cta, .post-filters-modal .modal__footer .select, .post-filters-modal .modal__footer .dialog__action, .post-filters-modal .modal__footer #app .dropzone .dz-message span, #app .dropzone .dz-message .post-filters-modal .modal__footer span, .post-filters-modal .modal__footer .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .post-filters-modal .modal__footer button {
  margin: 0 4px;
  min-width: 100px;
}
@media (max-width: 960px) {
  .post-filters-modal .modal__footer {
    bottom: 0px;
  }
}
.post-filters-modal .post-filter-group {
  margin-bottom: 1rem;
}
.post-filters-modal .post-filter-group.is-hidden {
  display: none;
}
.post-filters-modal .post-filter-group:first {
  margin-top: 10px;
}
.post-filters-modal .post-filters-title {
  color: var(--fab-title);
}
.post-filters-modal button.post-filters-button {
  margin-bottom: 1rem;
  color: var(--dropdown-tile-text);
  background-color: var(--fab-button-inactive);
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 6px;
  width: 100%;
  padding: 16px;
  align-items: center;
  justify-content: center;
  text-transform: none;
  font-size: 1rem;
  cursor: pointer;
}
.post-filters-modal button.post-filters-button .is-icon, .post-filters-modal button.post-filters-button .write .styles__pattern--active:after, .write .post-filters-modal button.post-filters-button .styles__pattern--active:after, .post-filters-modal button.post-filters-button .write .styles__color--active:after, .write .post-filters-modal button.post-filters-button .styles__color--active:after, .post-filters-modal button.post-filters-button .write .styles__theme--active:after, .write .post-filters-modal button.post-filters-button .styles__theme--active:after {
  margin-bottom: 10px;
  font-size: 20px;
  background-color: var(--fab-icon-background);
  color: var(--fab-icon);
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-filters-modal button.post-filters-button .is-icon img, .post-filters-modal button.post-filters-button .write .styles__pattern--active:after img, .write .post-filters-modal button.post-filters-button .styles__pattern--active:after img, .post-filters-modal button.post-filters-button .write .styles__color--active:after img, .write .post-filters-modal button.post-filters-button .styles__color--active:after img, .post-filters-modal button.post-filters-button .write .styles__theme--active:after img, .write .post-filters-modal button.post-filters-button .styles__theme--active:after img {
  filter: brightness(0%) saturate(100%);
}
.post-filters-modal button.post-filters-button img {
  height: 20px;
}
.post-filters-modal button.post-filters-button .is-active-text {
  display: none;
}
.post-filters-modal button.post-filters-button.is-active {
  position: relative;
  background-color: var(--yellow-selector);
}
.post-filters-modal button.post-filters-button.is-active .is-active-text {
  display: block;
  width: 100%;
  border-radius: 6px;
  background-color: #0D0D0D;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.post-filters-modal button.post-filters-button.is-active .is-active-text span {
  display: inline-block;
  padding: 0 4px;
}
.post-filters-modal button.post-filters-button.is-active .is-active-text + .is-icon, .post-filters-modal button.post-filters-button.is-active .write .is-active-text + .styles__pattern--active:after, .write .post-filters-modal button.post-filters-button.is-active .is-active-text + .styles__pattern--active:after, .post-filters-modal button.post-filters-button.is-active .write .is-active-text + .styles__color--active:after, .write .post-filters-modal button.post-filters-button.is-active .is-active-text + .styles__color--active:after, .post-filters-modal button.post-filters-button.is-active .write .is-active-text + .styles__theme--active:after, .write .post-filters-modal button.post-filters-button.is-active .is-active-text + .styles__theme--active:after {
  display: none;
}
.post-filters-modal button.post-filters-button.is-active .is-icon, .post-filters-modal button.post-filters-button.is-active .write .styles__pattern--active:after, .write .post-filters-modal button.post-filters-button.is-active .styles__pattern--active:after, .post-filters-modal button.post-filters-button.is-active .write .styles__color--active:after, .write .post-filters-modal button.post-filters-button.is-active .styles__color--active:after, .post-filters-modal button.post-filters-button.is-active .write .styles__theme--active:after, .write .post-filters-modal button.post-filters-button.is-active .styles__theme--active:after {
  background-color: var(--yellow-selector-alt);
  color: var(--fab-icon);
}
.post-filters-modal button.post-filters-button--small {
  border-radius: 0;
  background-color: var(--fab-background) !important;
  font-size: 0.85rem;
  padding: 0;
}
.post-filters-modal button.post-filters-button--small .is-icon, .post-filters-modal button.post-filters-button--small .write .styles__pattern--active:after, .write .post-filters-modal button.post-filters-button--small .styles__pattern--active:after, .post-filters-modal button.post-filters-button--small .write .styles__color--active:after, .write .post-filters-modal button.post-filters-button--small .styles__color--active:after, .post-filters-modal button.post-filters-button--small .write .styles__theme--active:after, .write .post-filters-modal button.post-filters-button--small .styles__theme--active:after {
  width: 100%;
  border-radius: 6px;
  color: var(--fab-icon);
  background-color: var(--fab-button-inactive);
}
.post-filters-modal button.post-filters-button--small span {
  display: block;
  padding: 0 16px;
}
.post-filters-modal button.post-filters-button--label {
  font-size: 0.85rem;
}
.post-filters-modal button.post-filters-button--label .is-icon, .post-filters-modal button.post-filters-button--label .write .styles__pattern--active:after, .write .post-filters-modal button.post-filters-button--label .styles__pattern--active:after, .post-filters-modal button.post-filters-button--label .write .styles__color--active:after, .write .post-filters-modal button.post-filters-button--label .styles__color--active:after, .post-filters-modal button.post-filters-button--label .write .styles__theme--active:after, .write .post-filters-modal button.post-filters-button--label .styles__theme--active:after {
  display: none;
}
.post-filters-modal .row {
  margin-top: 0;
}
.post-filters-modal .row > [class*=col-] {
  margin-top: 0;
}
@media (min-width: 960px) {
  .post-filters-modal .wrap__content {
    padding: 32px 16px;
  }
  .post-filters-modal .modal__content .close-post-filters-modal {
    position: fixed;
    right: auto;
    left: auto;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    text-align: center;
    line-height: 50px;
  }
  .post-filters-modal .modal__content .close-post-filters-modal .icon, .post-filters-modal .modal__content .close-post-filters-modal .form__select:after {
    margin-right: 0;
  }
  .post-filters-modal .main {
    max-height: calc(100vh - 325px);
  }
}
@media (max-width: 960px) {
  .post-filters-modal .main {
    bottom: 0px;
    position: absolute;
    top: 0;
    padding-bottom: 60px;
  }
}
.post-filters-modal .main {
  border-radius: 3px;
  background-color: var(--fab-background);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--notifications-border-color) transparent;
}
.post-filters-modal .main::-webkit-scrollbar {
  width: 8px;
}
.post-filters-modal .main::-webkit-scrollbar-track {
  background: transparent;
}
.post-filters-modal .main::-webkit-scrollbar-thumb {
  background-color: var(--notifications-border-color);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.post-filters-modal .main::-webkit-scrollbar-thumb:hover {
  background-color: var(--dropdown-text-color);
}
.post-filters-modal .wrap--main {
  margin-top: 0;
  padding: 32px 16px;
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .body--post-filters-modal {
    overflow: hidden;
  }
  .post-filters-modal {
    overflow: auto;
  }
}
.fab-modal {
  display: none;
}
.body--fab-modal .fab-modal {
  display: block;
}
.fab-modal .modal__close {
  color: #fff;
  left: 0;
  right: auto;
}
.fab-modal .modal__content {
  padding: 0;
  max-width: 460px !important;
  background-color: transparent;
}
@media (max-width: 960px) {
  .fab-modal .modal__content {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    max-width: 560px !important;
    max-height: calc(100vh - 32px);
    overflow: hidden;
    border-radius: 12px;
    background-color: var(--fab-background);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
    display: flex;
    flex-direction: column;
  }
}
.fab-modal .modal__background {
  z-index: 0;
}
@media (max-width: 960px) {
  .fab-modal .navigation {
    position: relative;
    flex: 0 0 55px;
    height: 55px;
    background-color: var(--fab-background);
    box-shadow: none;
  }
}
@media (max-width: 960px) {
  .fab-modal .navigation .navigation__back-white {
    position: absolute;
  }
}
.fab-modal .modal__footer {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 1;
  background: var(--fab-background);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.fab-modal .modal__footer .button, .fab-modal .modal__footer .write__submit, .fab-modal .modal__footer .write__selector-trigger, .fab-modal .modal__footer .write__addtag, .fab-modal .modal__footer .state--card .state__cta, .state--card .fab-modal .modal__footer .state__cta, .fab-modal .modal__footer .select, .fab-modal .modal__footer .dialog__action, .fab-modal .modal__footer #app .dropzone .dz-message span, #app .dropzone .dz-message .fab-modal .modal__footer span, .fab-modal .modal__footer .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .fab-modal .modal__footer button {
  margin: 0 4px;
  min-width: 100px;
}
@media (max-width: 960px) {
  .fab-modal .modal__footer {
    bottom: 0px;
  }
}
.fab-modal .fab-group {
  margin-bottom: 1rem;
}
.fab-modal .fab-group.is-hidden {
  display: none;
}
.fab-modal .fab-title {
  color: var(--fab-title);
}
@media (max-width: 960px) {
  .fab-modal .fab-title {
    margin-top: 16px;
  }
}
.fab-modal button.fab-button {
  margin-bottom: 1rem;
  color: var(--dropdown-tile-text);
  background-color: var(--fab-button-inactive);
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 6px;
  width: 100%;
  padding: 16px;
  align-items: center;
  justify-content: center;
  text-transform: none;
  font-size: 1rem;
  cursor: pointer;
}
.fab-modal button.fab-button .is-icon, .fab-modal button.fab-button .write .styles__pattern--active:after, .write .fab-modal button.fab-button .styles__pattern--active:after, .fab-modal button.fab-button .write .styles__color--active:after, .write .fab-modal button.fab-button .styles__color--active:after, .fab-modal button.fab-button .write .styles__theme--active:after, .write .fab-modal button.fab-button .styles__theme--active:after {
  margin-bottom: 10px;
  font-size: 20px;
  background-color: var(--fab-icon-background);
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fab-modal button.fab-button img {
  height: 20px;
}
.fab-modal button.fab-button .is-active-text {
  display: none;
}
.fab-modal button.fab-button.is-active {
  position: relative;
  background-color: var(--yellow-selector);
}
.fab-modal button.fab-button.is-active .is-icon, .fab-modal button.fab-button.is-active .write .styles__pattern--active:after, .write .fab-modal button.fab-button.is-active .styles__pattern--active:after, .fab-modal button.fab-button.is-active .write .styles__color--active:after, .write .fab-modal button.fab-button.is-active .styles__color--active:after, .fab-modal button.fab-button.is-active .write .styles__theme--active:after, .write .fab-modal button.fab-button.is-active .styles__theme--active:after {
  background-color: var(--yellow-selector-alt);
  color: var(--fab-icon);
}
.fab-modal button.fab-button.is-active .is-active-text {
  display: block;
  width: 100%;
  border-radius: 6px;
  background-color: #0D0D0D;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.fab-modal button.fab-button.is-active .is-active-text span {
  display: inline-block;
  padding: 0 4px;
}
.fab-modal button.fab-button.is-active .is-active-text + .is-icon, .fab-modal button.fab-button.is-active .write .is-active-text + .styles__pattern--active:after, .write .fab-modal button.fab-button.is-active .is-active-text + .styles__pattern--active:after, .fab-modal button.fab-button.is-active .write .is-active-text + .styles__color--active:after, .write .fab-modal button.fab-button.is-active .is-active-text + .styles__color--active:after, .fab-modal button.fab-button.is-active .write .is-active-text + .styles__theme--active:after, .write .fab-modal button.fab-button.is-active .is-active-text + .styles__theme--active:after {
  display: none;
}
.fab-modal button.fab-button--small {
  border-radius: 0;
  background-color: var(--fab-background) !important;
  font-size: 0.85rem;
  padding: 0;
}
.fab-modal button.fab-button--small .is-active {
  background-color: var(--yellow-selector);
}
.fab-modal button.fab-button--small .is-icon, .fab-modal button.fab-button--small .write .styles__pattern--active:after, .write .fab-modal button.fab-button--small .styles__pattern--active:after, .fab-modal button.fab-button--small .write .styles__color--active:after, .write .fab-modal button.fab-button--small .styles__color--active:after, .fab-modal button.fab-button--small .write .styles__theme--active:after, .write .fab-modal button.fab-button--small .styles__theme--active:after {
  width: 100%;
  border-radius: 6px;
  color: var(--fab-icon);
  background-color: var(--fab-button-inactive);
}
.fab-modal button.fab-button--small span {
  display: block;
  padding: 0 16px;
}
.fab-modal button.fab-button--label {
  font-size: 0.85rem;
}
.fab-modal button.fab-button--label .is-icon, .fab-modal button.fab-button--label .write .styles__pattern--active:after, .write .fab-modal button.fab-button--label .styles__pattern--active:after, .fab-modal button.fab-button--label .write .styles__color--active:after, .write .fab-modal button.fab-button--label .styles__color--active:after, .fab-modal button.fab-button--label .write .styles__theme--active:after, .write .fab-modal button.fab-button--label .styles__theme--active:after {
  display: none;
}
.fab-modal .row {
  margin-top: 0;
}
.fab-modal .row > [class*=col-] {
  margin-top: 0;
}
@media (min-width: 960px) {
  .fab-modal .wrap__content {
    padding: 32px 16px;
  }
  .fab-modal .modal__content .close-fab-modal {
    position: fixed;
    right: auto;
    left: auto;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    text-align: center;
    line-height: 50px;
  }
  .fab-modal .modal__content .close-fab-modal .icon, .fab-modal .modal__content .close-fab-modal .form__select:after {
    margin-right: 0;
  }
  .fab-modal .main {
    max-height: calc(100vh - 325px);
    min-height: auto;
  }
}
@media (max-width: 960px) {
  .fab-modal .main {
    position: relative;
    top: auto;
    bottom: auto;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100vh - 32px - 55px);
    padding-bottom: 60px;
    overflow-y: auto;
  }
}
.fab-modal .main {
  border-radius: 3px;
  background-color: var(--fab-background);
}
.fab-modal .wrap--main {
  margin-top: 0;
  padding: 32px 16px;
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .body--fab-modal {
    overflow: hidden;
  }
  .fab-modal {
    overflow: auto;
  }
}
@media (max-width: 960px) {
  .body--fab-modal {
    overflow: hidden;
  }
  .body--fab-modal .fab-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
  }
}
.widget-videos__item {
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.widget-videos__item:last-child {
  margin-bottom: 0;
}
.widget-videos__image {
  display: block;
  max-width: 100%;
  width: 100%;
}
.widget-videos__title {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  margin: 8px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 15px;
  display: block;
}

.widget-footer__copy {
  font-size: 13px;
  margin: 16px 0 0;
}
.widget-footer__links {
  margin-left: -8px;
}
.widget-footer__link {
  display: inline-block;
  margin-left: 8px;
  margin-bottom: 8px;
  color: #fff;
}

.widget-categories .row.cats {
  margin-top: -16px;
}
.widget-categories .categories {
  margin-top: 0;
}
@media (min-width: 960px) {
  .widget-categories .categories .col-4.cats__item {
    width: calc(100% - 16px);
    height: 100px;
  }
}
.widget-categories__item {
  position: relative;
  padding: 8px;
  width: 100%;
  height: 90px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.widget-categories__item:last-child {
  margin-bottom: 0;
}
.widget-categories__item[data-slug=funny] {
  background-color: #e29b31;
}
.widget-categories__item[data-slug=fml] {
  background-color: #77462e;
}
.widget-categories__item[data-slug=ask] {
  background-color: #a061e6;
}
.widget-categories__item[data-slug=love] {
  background-color: #ec3f60;
}
.widget-categories__item[data-slug=fails] {
  background-color: #ff867b;
}
.widget-categories__item[data-slug=tender-age] {
  background-color: #2873b7;
}
.widget-categories__item[data-slug=embarassing] {
  background-color: #ff867b;
}
.widget-categories__item[data-slug=outburst] {
  background-color: #bb3c39;
}
.widget-categories__item[data-slug=nsfw] {
  background-color: #cc1d1d;
}
.widget-categories__item h5 {
  position: relative;
  z-index: 10;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 300;
}
.widget-categories__item p {
  position: relative;
  z-index: 10;
  font-size: 13px;
}
.widget-categories__item .button, .widget-categories__item .write__submit, .widget-categories__item .write__selector-trigger, .widget-categories__item .write__addtag, .widget-categories__item .state--card .state__cta, .state--card .widget-categories__item .state__cta, .widget-categories__item .select, .widget-categories__item .dialog__action, .widget-categories__item #app .dropzone .dz-message span, #app .dropzone .dz-message .widget-categories__item span, .widget-categories__item .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .widget-categories__item button {
  position: relative;
  z-index: 10;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
  width: 120px;
  align-self: center;
  font-size: 11px;
  height: 30px;
  line-height: 28px;
}
.widget-categories__item .button:hover, .widget-categories__item .write__submit:hover, .widget-categories__item .write__selector-trigger:hover, .widget-categories__item .write__addtag:hover, .widget-categories__item .state--card .state__cta:hover, .state--card .widget-categories__item .state__cta:hover, .widget-categories__item .select:hover, .widget-categories__item .dialog__action:hover, .widget-categories__item #app .dropzone .dz-message span:hover, #app .dropzone .dz-message .widget-categories__item span:hover, .widget-categories__item .sweet-alert .sa-button-container button:hover, .sweet-alert .sa-button-container .widget-categories__item button:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}
.widget-categories__item svg {
  position: absolute;
  top: -15px;
  left: -40px;
  margin: 0 auto;
  width: 120px;
  height: 120px;
}

.widget-secrets .secret .secret__head {
  height: 35px;
}
.widget-secrets .secret .secret__title {
  line-height: 35px;
  font-size: 14px;
}
.widget-secrets__more {
  margin: 0 0 0 auto;
  float: right;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 32px;
}
.widget-secrets__more .icon, .widget-secrets__more .form__select:after {
  position: relative;
  top: 6px;
  font-size: 20px;
}

@media (min-width: 960px) {
  .fab {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}
@media (max-width: 960px) {
  .fab {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.fab__options {
  display: flex;
  margin-left: -16px;
}
.fab__options a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 16px 8px;
  margin-left: 16px;
  border-radius: 5px;
  justify-items: center;
  align-items: center;
  color: var(--dropdown-tile-text);
  background-color: var(--dropdown-tile);
  font-size: 17px;
  min-height: 100px;
  width: calc(50% - 16px);
}
.fab__options a img {
  display: block;
  width: auto;
  height: 60px;
  margin-bottom: 8px;
}
@media (min-width: 960px) {
  .fab__menu.dropdown__menu {
    position: fixed;
    right: 10px;
    bottom: 10px;
    top: auto;
    padding: 16px;
    width: 360px;
  }
}
.fab__create {
  box-sizing: border-box;
  display: block;
  background-color: var(--navigation-background) !important;
  color: var(--toolbar-icon-color) !important;
  border: none;
  cursor: pointer;
}
@media (min-width: 960px) {
  .fab__create {
    border-radius: 50%;
    color: var(--navigation-text-color) !important;
  }
}
.fab__create span {
  align-items: center;
  background-color: var(--navigation-background) !important;
  border-radius: 50%;
  display: flex;
  font-size: 30px;
  justify-content: center;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 960px) {
  .fab__create span {
    border: 1px solid var(--toolbar-icon-color);
    padding: 4px;
  }
}
@media (max-width: 960px) {
  .fab__create {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background-color: #0B78E3 !important;
    color: #fff !important;
    box-shadow: none;
  }
  .fab__create span {
    background-color: transparent !important;
    border: 0;
    color: #fff !important;
    font-size: 24px !important;
    padding: 0;
  }
}
.fab__button {
  padding: 3px;
  position: fixed;
  z-index: 12;
}
@media (min-width: 960px) {
  .fab__button {
    right: 10px;
    bottom: 10px;
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 960px) {
  .fab__button {
    position: relative;
    width: 32px;
    height: 32px;
  }
}
.fab__subbutton {
  z-index: 10;
  height: 40px;
  width: 40px;
  padding: 2px;
  position: fixed;
  transition: all 0.2s ease-out;
  transition-property: bottom, right;
}
.fab__subbutton__left {
  right: 85px;
  bottom: 20px;
}
@media (max-width: 960px) {
  .fab__subbutton__left {
    right: calc(50% + 30px) !important;
    bottom: 50px;
  }
}
.fab__subbutton__top {
  right: 22px;
  bottom: 85px;
}
@media (max-width: 960px) {
  .fab__subbutton__top {
    right: calc(50% - 70px) !important;
    bottom: 50px;
  }
}
.fab__subbutton__disabled {
  right: 20px;
  bottom: 22px;
}
@media (max-width: 960px) {
  .fab__subbutton__disabled {
    right: calc(50% - 10px) !important;
    bottom: 10px;
  }
}

.create-user__main {
  max-width: 380px;
  margin: 64px auto;
  text-align: center;
}
.create-user__main--large {
  max-width: 500px;
}
.create-user__main h3 {
  color: #fff;
}
.create-user__main p:not(.alert__message) {
  margin-bottom: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5em;
}

.body--user-profile .intro {
  margin-bottom: 16px;
}
.body--user-profile .hero, .body--user-profile .hero-grid {
  margin-bottom: 0;
}
.body--user-profile .hero__description {
  font-size: 16px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 8px;
}
.body--user-profile .hero__title-badge {
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  background-color: #f44b67;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: relative;
  margin-left: 5px;
  top: -3px;
}
.body--user-profile .hero__background--user {
  background-position: center;
}
.body--user-profile .hero__stats {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.body--user-profile .hero__stat {
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 8px;
  width: 90px;
  height: 90px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}
.body--user-profile .hero__stat h5 {
  font-size: 15px;
}
.body--user-profile .hero__stat p {
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .body--user-profile .hero__message {
    padding-top: 0;
    padding-bottom: 0;
  }
  .body--user-profile .hero__stats {
    margin-top: 50px;
    margin-left: -16px;
    margin-right: -16px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .body--user-profile .hero__stat {
    height: auto;
    background-color: transparent;
  }
}
.body--user-profile .snaps {
  margin-left: -8px;
}
.body--user-profile .snap {
  margin: 8px;
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
}
.body--user-profile .snap__background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.body--user-profile .snap__viewed {
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 4px;
  color: #fff;
}
@media (max-width: 960px) {
  .body--user-profile .snap {
    width: calc(50% - 16px);
  }
}
.body--user-profile .flatpickr-calendar.open {
  z-index: 100;
}
.body--user-profile .form .form__alert {
  margin-bottom: 32px;
}
@media (max-width: 760px) {
  .body--user-profile .form .col-4 {
    width: calc(50% - 16px);
  }
  .body--user-profile .form .col-8 {
    width: calc(100% - 16px);
  }
}
@media (max-width: 960px) {
  .body--user-profile .form .user-avatar {
    margin-bottom: 32px;
  }
  .body--user-profile .form .col-4:not(:first-child) {
    margin-top: 32px;
  }
  .body--user-profile .form .col-4,
.body--user-profile .form .col-8 {
    width: calc(100% - 16px);
  }
}
.body--user-profile #hero-user .hero__background {
  background-size: cover;
  background-repeat: no-repeat;
}
.body--user-profile #hero-user .hero__background[data-cover="1"] {
  background-image: url("/images/users/bgs/bg_1_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="2"] {
  background-image: url("/images/users/bgs/bg_2_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="3"] {
  background-image: url("/images/users/bgs/bg_3_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="4"] {
  background-image: url("/images/users/bgs/bg_4_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="5"] {
  background-image: url("/images/users/bgs/bg_5_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="6"] {
  background-image: url("/images/users/bgs/bg_6_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="7"] {
  background-image: url("/images/users/bgs/bg_7_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="8"] {
  background-image: url("/images/users/bgs/bg_8_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="9"] {
  background-image: url("/images/users/bgs/bg_9_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="10"] {
  background-image: url("/images/users/bgs/bg_10_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="11"] {
  background-image: url("/images/users/bgs/bg_11_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="12"] {
  background-image: url("/images/users/bgs/bg_12_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="13"] {
  background-image: url("/images/users/bgs/bg_13_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="14"] {
  background-image: url("/images/users/bgs/bg_14_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="15"] {
  background-image: url("/images/users/bgs/bg_15_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="16"] {
  background-image: url("/images/users/bgs/bg_16_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="17"] {
  background-image: url("/images/users/bgs/bg_17_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="18"] {
  background-image: url("/images/users/bgs/bg_18_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="19"] {
  background-image: url("/images/users/bgs/bg_19_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="20"] {
  background-image: url("/images/users/bgs/bg_20_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="21"] {
  background-image: url("/images/users/bgs/bg_21_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="22"] {
  background-image: url("/images/users/bgs/bg_22_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="23"] {
  background-image: url("/images/users/bgs/bg_23_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="24"] {
  background-image: url("/images/users/bgs/bg_24_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="25"] {
  background-image: url("/images/users/bgs/bg_25_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="26"] {
  background-image: url("/images/users/bgs/bg_26_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="27"] {
  background-image: url("/images/users/bgs/bg_27_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="28"] {
  background-image: url("/images/users/bgs/bg_28_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="29"] {
  background-image: url("/images/users/bgs/bg_29_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="30"] {
  background-image: url("/images/users/bgs/bg_30_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="31"] {
  background-image: url("/images/users/bgs/bg_31_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="32"] {
  background-image: url("/images/users/bgs/bg_32_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="33"] {
  background-image: url("/images/users/bgs/bg_33_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="34"] {
  background-image: url("/images/users/bgs/bg_34_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="35"] {
  background-image: url("/images/users/bgs/bg_35_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="36"] {
  background-image: url("/images/users/bgs/bg_36_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="37"] {
  background-image: url("/images/users/bgs/bg_37_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="38"] {
  background-image: url("/images/users/bgs/bg_38_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="39"] {
  background-image: url("/images/users/bgs/bg_39_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="40"] {
  background-image: url("/images/users/bgs/bg_40_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="41"] {
  background-image: url("/images/users/bgs/bg_41_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="42"] {
  background-image: url("/images/users/bgs/bg_42_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="43"] {
  background-image: url("/images/users/bgs/bg_43_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="44"] {
  background-image: url("/images/users/bgs/bg_44_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="45"] {
  background-image: url("/images/users/bgs/bg_45_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="46"] {
  background-image: url("/images/users/bgs/bg_46_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="47"] {
  background-image: url("/images/users/bgs/bg_47_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="48"] {
  background-image: url("/images/users/bgs/bg_48_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="49"] {
  background-image: url("/images/users/bgs/bg_49_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="50"] {
  background-image: url("/images/users/bgs/bg_50_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="51"] {
  background-image: url("/images/users/bgs/bg_51_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="52"] {
  background-image: url("/images/users/bgs/bg_52_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="53"] {
  background-image: url("/images/users/bgs/bg_53_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="54"] {
  background-image: url("/images/users/bgs/bg_54_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="55"] {
  background-image: url("/images/users/bgs/bg_55_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="56"] {
  background-image: url("/images/users/bgs/bg_56_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="57"] {
  background-image: url("/images/users/bgs/bg_57_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="58"] {
  background-image: url("/images/users/bgs/bg_58_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="59"] {
  background-image: url("/images/users/bgs/bg_59_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="60"] {
  background-image: url("/images/users/bgs/bg_60_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="61"] {
  background-image: url("/images/users/bgs/bg_61_desktop.jpg");
}
.body--user-profile #hero-user .hero__background[data-cover="62"] {
  background-image: url("/images/users/bgs/bg_62_desktop.jpg");
}
@media (max-width: 960px) {
  .body--user-profile #hero-user .hero__background[data-cover="1"] {
    background-image: url("/images/users/bgs/bg_1_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="2"] {
    background-image: url("/images/users/bgs/bg_2_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="3"] {
    background-image: url("/images/users/bgs/bg_3_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="4"] {
    background-image: url("/images/users/bgs/bg_4_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="5"] {
    background-image: url("/images/users/bgs/bg_5_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="6"] {
    background-image: url("/images/users/bgs/bg_6_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="7"] {
    background-image: url("/images/users/bgs/bg_7_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="8"] {
    background-image: url("/images/users/bgs/bg_8_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="9"] {
    background-image: url("/images/users/bgs/bg_9_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="10"] {
    background-image: url("/images/users/bgs/bg_10_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="11"] {
    background-image: url("/images/users/bgs/bg_11_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="12"] {
    background-image: url("/images/users/bgs/bg_12_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="13"] {
    background-image: url("/images/users/bgs/bg_13_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="14"] {
    background-image: url("/images/users/bgs/bg_14_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="15"] {
    background-image: url("/images/users/bgs/bg_15_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="16"] {
    background-image: url("/images/users/bgs/bg_16_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="17"] {
    background-image: url("/images/users/bgs/bg_17_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="18"] {
    background-image: url("/images/users/bgs/bg_18_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="19"] {
    background-image: url("/images/users/bgs/bg_19_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="20"] {
    background-image: url("/images/users/bgs/bg_20_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="21"] {
    background-image: url("/images/users/bgs/bg_21_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="22"] {
    background-image: url("/images/users/bgs/bg_22_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="23"] {
    background-image: url("/images/users/bgs/bg_23_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="24"] {
    background-image: url("/images/users/bgs/bg_24_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="25"] {
    background-image: url("/images/users/bgs/bg_25_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="26"] {
    background-image: url("/images/users/bgs/bg_26_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="27"] {
    background-image: url("/images/users/bgs/bg_27_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="28"] {
    background-image: url("/images/users/bgs/bg_28_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="29"] {
    background-image: url("/images/users/bgs/bg_29_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="30"] {
    background-image: url("/images/users/bgs/bg_30_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="31"] {
    background-image: url("/images/users/bgs/bg_31_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="32"] {
    background-image: url("/images/users/bgs/bg_32_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="33"] {
    background-image: url("/images/users/bgs/bg_33_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="34"] {
    background-image: url("/images/users/bgs/bg_34_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="35"] {
    background-image: url("/images/users/bgs/bg_35_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="36"] {
    background-image: url("/images/users/bgs/bg_36_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="37"] {
    background-image: url("/images/users/bgs/bg_37_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="38"] {
    background-image: url("/images/users/bgs/bg_38_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="39"] {
    background-image: url("/images/users/bgs/bg_39_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="40"] {
    background-image: url("/images/users/bgs/bg_40_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="41"] {
    background-image: url("/images/users/bgs/bg_41_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="42"] {
    background-image: url("/images/users/bgs/bg_42_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="43"] {
    background-image: url("/images/users/bgs/bg_43_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="44"] {
    background-image: url("/images/users/bgs/bg_44_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="45"] {
    background-image: url("/images/users/bgs/bg_45_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="46"] {
    background-image: url("/images/users/bgs/bg_46_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="47"] {
    background-image: url("/images/users/bgs/bg_47_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="48"] {
    background-image: url("/images/users/bgs/bg_48_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="49"] {
    background-image: url("/images/users/bgs/bg_49_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="50"] {
    background-image: url("/images/users/bgs/bg_50_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="51"] {
    background-image: url("/images/users/bgs/bg_51_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="52"] {
    background-image: url("/images/users/bgs/bg_52_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="53"] {
    background-image: url("/images/users/bgs/bg_53_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="54"] {
    background-image: url("/images/users/bgs/bg_54_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="55"] {
    background-image: url("/images/users/bgs/bg_55_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="56"] {
    background-image: url("/images/users/bgs/bg_56_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="57"] {
    background-image: url("/images/users/bgs/bg_57_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="58"] {
    background-image: url("/images/users/bgs/bg_58_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="59"] {
    background-image: url("/images/users/bgs/bg_59_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="60"] {
    background-image: url("/images/users/bgs/bg_60_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="61"] {
    background-image: url("/images/users/bgs/bg_61_desktop.jpg");
  }
  .body--user-profile #hero-user .hero__background[data-cover="62"] {
    background-image: url("/images/users/bgs/bg_62_desktop.jpg");
  }
}
.body--user-profile .user-avatar {
  position: relative;
  margin-top: 8px;
  display: block;
  max-width: 150px;
}
.body--user-profile .user-avatar span {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 15px;
  padding: 8px 16px;
  color: #fff;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translate(0, -50%);
}
.body--user-profile .user-avatar img {
  display: block;
  max-width: 100%;
}
.body--user-profile .user-cover {
  position: relative;
  margin-top: 8px;
  display: block;
  max-width: 300px;
}
.body--user-profile .user-cover span {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 15px;
  padding: 8px 16px;
  color: #fff;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translate(0, -50%);
}
.body--user-profile .user-cover img {
  display: block;
  max-width: 100%;
  border-radius: 3px;
}
@media (max-width: 960px) {
  .body--user-profile .user-cover {
    max-width: 100%;
  }
}

.profile {
  display: flex;
  flex-direction: row;
}
.profile__sidebar {
  flex: 2;
}
.profile__main {
  flex: 8;
}

@media (max-width: 960px) {
  .menotifications.empty {
    background-image: url(/images/about/hero-triangles.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.user-notifications .state__icon {
  width: 157px;
  height: 170px;
  margin-bottom: 0;
}
.user-notifications .state__label {
  color: var(--notifications-state-text-color);
}
.user-notifications--empty {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 130px);
}
.user-notifications--empty .notifications-dropdown__empty {
  margin: auto;
}
.user-notifications + .pagination {
  margin-top: 16px;
}

.user-comment__model {
  margin: 0 -16px 16px;
  padding: 0 16px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.user-comment__model-image {
  border-radius: 3px;
  float: left;
  width: 80px;
  height: 60px;
  background-color: #ccc;
}
.user-comment__model-image.male {
  background-color: #1f6ab0;
}
.user-comment__model-image.female {
  background-color: #a4488d;
}
.user-comment__model-image.other {
  background-color: #464646;
}
.user-comment__model-image.video-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.user-comment__model-image.secret-image {
  padding: 10px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
}
.user-comment__model-image.secret-image p {
  margin: 0;
}
.user-comment__model-preview {
  padding-left: 96px;
}
@media (max-width: 960px) {
  .user-comment {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .user-comment__model {
    margin: 0 0 16px;
    padding: 0 0 16px;
  }
}

.users-search {
  margin-top: -8px;
  margin-left: -8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.users-search__user {
  display: block;
  background-color: #2B2C32;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  width: calc(33.3333333333% - 8px);
  padding: 0;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.users-search__user-head {
  position: relative;
  overflow: hidden;
  height: 60px;
  padding: 8px;
  border-radius: 12px 12px 0 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.users-search__user-desc {
  position: relative;
  padding: 20px 8px 16px;
  flex-grow: 1;
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.users-search__user-cta {
  position: absolute;
  top: -13px;
  border-color: transparent;
  background-color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  height: 25px;
  line-height: 22px;
  padding: 0 10px;
}
.users-search__user-avatar {
  position: absolute;
  top: -38px;
  width: 50px;
  height: 50px;
}
.users-search__user-name {
  color: #fff;
  margin: 0;
  line-height: 1.2em;
  font-size: 15px;
  font-weight: normal;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.users-search__user-count {
  font-size: 14px;
  color: hsla(0deg, 0%, 100%, 0.7);
}

@media (max-width: 960px) {
  .settings-menu {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
    min-height: calc(100vh - 55px);
    justify-content: center;
  }
}
.settings-menu__item {
  padding: 8px 0;
  width: 100%;
  color: var(--settings-text-color);
  font-size: 19px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.settings-menu__item:not(:first-child) {
  margin-top: 8px;
}
.settings-menu .icon, .settings-menu .form__select:after {
  min-width: 24px;
  margin-right: 16px;
}
@media (max-width: 960px) {
  .settings-form {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.settings-form__hero {
  position: relative;
  height: 180px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.settings-form__hero .background {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:   #000;
}
.settings-form__hero .background[data-cover="1"] .bg {
  background-image: url("/images/users/bgs/bg_1_desktop.jpg");
}
.settings-form__hero .background[data-cover="2"] .bg {
  background-image: url("/images/users/bgs/bg_2_desktop.jpg");
}
.settings-form__hero .background[data-cover="3"] .bg {
  background-image: url("/images/users/bgs/bg_3_desktop.jpg");
}
.settings-form__hero .background[data-cover="4"] .bg {
  background-image: url("/images/users/bgs/bg_4_desktop.jpg");
}
.settings-form__hero .background[data-cover="5"] .bg {
  background-image: url("/images/users/bgs/bg_5_desktop.jpg");
}
.settings-form__hero .background[data-cover="6"] .bg {
  background-image: url("/images/users/bgs/bg_6_desktop.jpg");
}
.settings-form__hero .background[data-cover="7"] .bg {
  background-image: url("/images/users/bgs/bg_7_desktop.jpg");
}
.settings-form__hero .background[data-cover="8"] .bg {
  background-image: url("/images/users/bgs/bg_8_desktop.jpg");
}
.settings-form__hero .background[data-cover="9"] .bg {
  background-image: url("/images/users/bgs/bg_9_desktop.jpg");
}
.settings-form__hero .background[data-cover="10"] .bg {
  background-image: url("/images/users/bgs/bg_10_desktop.jpg");
}
.settings-form__hero .background[data-cover="11"] .bg {
  background-image: url("/images/users/bgs/bg_11_desktop.jpg");
}
.settings-form__hero .background[data-cover="12"] .bg {
  background-image: url("/images/users/bgs/bg_12_desktop.jpg");
}
.settings-form__hero .background[data-cover="13"] .bg {
  background-image: url("/images/users/bgs/bg_13_desktop.jpg");
}
.settings-form__hero .background[data-cover="14"] .bg {
  background-image: url("/images/users/bgs/bg_14_desktop.jpg");
}
.settings-form__hero .background[data-cover="15"] .bg {
  background-image: url("/images/users/bgs/bg_15_desktop.jpg");
}
.settings-form__hero .background[data-cover="16"] .bg {
  background-image: url("/images/users/bgs/bg_16_desktop.jpg");
}
.settings-form__hero .background[data-cover="17"] .bg {
  background-image: url("/images/users/bgs/bg_17_desktop.jpg");
}
.settings-form__hero .background[data-cover="18"] .bg {
  background-image: url("/images/users/bgs/bg_18_desktop.jpg");
}
.settings-form__hero .background[data-cover="19"] .bg {
  background-image: url("/images/users/bgs/bg_19_desktop.jpg");
}
.settings-form__hero .background[data-cover="20"] .bg {
  background-image: url("/images/users/bgs/bg_20_desktop.jpg");
}
.settings-form__hero .background[data-cover="21"] .bg {
  background-image: url("/images/users/bgs/bg_21_desktop.jpg");
}
.settings-form__hero .background[data-cover="22"] .bg {
  background-image: url("/images/users/bgs/bg_22_desktop.jpg");
}
.settings-form__hero .background[data-cover="23"] .bg {
  background-image: url("/images/users/bgs/bg_23_desktop.jpg");
}
.settings-form__hero .background[data-cover="24"] .bg {
  background-image: url("/images/users/bgs/bg_24_desktop.jpg");
}
.settings-form__hero .background[data-cover="25"] .bg {
  background-image: url("/images/users/bgs/bg_25_desktop.jpg");
}
.settings-form__hero .background[data-cover="26"] .bg {
  background-image: url("/images/users/bgs/bg_26_desktop.jpg");
}
.settings-form__hero .background[data-cover="27"] .bg {
  background-image: url("/images/users/bgs/bg_27_desktop.jpg");
}
.settings-form__hero .background[data-cover="28"] .bg {
  background-image: url("/images/users/bgs/bg_28_desktop.jpg");
}
.settings-form__hero .background[data-cover="29"] .bg {
  background-image: url("/images/users/bgs/bg_29_desktop.jpg");
}
.settings-form__hero .background[data-cover="30"] .bg {
  background-image: url("/images/users/bgs/bg_30_desktop.jpg");
}
.settings-form__hero .background[data-cover="31"] .bg {
  background-image: url("/images/users/bgs/bg_31_desktop.jpg");
}
.settings-form__hero .background[data-cover="32"] .bg {
  background-image: url("/images/users/bgs/bg_32_desktop.jpg");
}
.settings-form__hero .background[data-cover="33"] .bg {
  background-image: url("/images/users/bgs/bg_33_desktop.jpg");
}
.settings-form__hero .background[data-cover="34"] .bg {
  background-image: url("/images/users/bgs/bg_34_desktop.jpg");
}
.settings-form__hero .background[data-cover="35"] .bg {
  background-image: url("/images/users/bgs/bg_35_desktop.jpg");
}
.settings-form__hero .background[data-cover="36"] .bg {
  background-image: url("/images/users/bgs/bg_36_desktop.jpg");
}
.settings-form__hero .background[data-cover="37"] .bg {
  background-image: url("/images/users/bgs/bg_37_desktop.jpg");
}
.settings-form__hero .background[data-cover="38"] .bg {
  background-image: url("/images/users/bgs/bg_38_desktop.jpg");
}
.settings-form__hero .background[data-cover="39"] .bg {
  background-image: url("/images/users/bgs/bg_39_desktop.jpg");
}
.settings-form__hero .background[data-cover="40"] .bg {
  background-image: url("/images/users/bgs/bg_40_desktop.jpg");
}
.settings-form__hero .background[data-cover="41"] .bg {
  background-image: url("/images/users/bgs/bg_41_desktop.jpg");
}
.settings-form__hero .background[data-cover="42"] .bg {
  background-image: url("/images/users/bgs/bg_42_desktop.jpg");
}
.settings-form__hero .background[data-cover="43"] .bg {
  background-image: url("/images/users/bgs/bg_43_desktop.jpg");
}
.settings-form__hero .background[data-cover="44"] .bg {
  background-image: url("/images/users/bgs/bg_44_desktop.jpg");
}
.settings-form__hero .background[data-cover="45"] .bg {
  background-image: url("/images/users/bgs/bg_45_desktop.jpg");
}
.settings-form__hero .background[data-cover="46"] .bg {
  background-image: url("/images/users/bgs/bg_46_desktop.jpg");
}
.settings-form__hero .background[data-cover="47"] .bg {
  background-image: url("/images/users/bgs/bg_47_desktop.jpg");
}
.settings-form__hero .background[data-cover="48"] .bg {
  background-image: url("/images/users/bgs/bg_48_desktop.jpg");
}
.settings-form__hero .background[data-cover="49"] .bg {
  background-image: url("/images/users/bgs/bg_49_desktop.jpg");
}
.settings-form__hero .background[data-cover="50"] .bg {
  background-image: url("/images/users/bgs/bg_50_desktop.jpg");
}
.settings-form__hero .background[data-cover="51"] .bg {
  background-image: url("/images/users/bgs/bg_51_desktop.jpg");
}
.settings-form__hero .background[data-cover="52"] .bg {
  background-image: url("/images/users/bgs/bg_52_desktop.jpg");
}
.settings-form__hero .background[data-cover="53"] .bg {
  background-image: url("/images/users/bgs/bg_53_desktop.jpg");
}
.settings-form__hero .background[data-cover="54"] .bg {
  background-image: url("/images/users/bgs/bg_54_desktop.jpg");
}
.settings-form__hero .background[data-cover="55"] .bg {
  background-image: url("/images/users/bgs/bg_55_desktop.jpg");
}
.settings-form__hero .background[data-cover="56"] .bg {
  background-image: url("/images/users/bgs/bg_56_desktop.jpg");
}
.settings-form__hero .background[data-cover="57"] .bg {
  background-image: url("/images/users/bgs/bg_57_desktop.jpg");
}
.settings-form__hero .background[data-cover="58"] .bg {
  background-image: url("/images/users/bgs/bg_58_desktop.jpg");
}
.settings-form__hero .background[data-cover="59"] .bg {
  background-image: url("/images/users/bgs/bg_59_desktop.jpg");
}
.settings-form__hero .background[data-cover="60"] .bg {
  background-image: url("/images/users/bgs/bg_60_desktop.jpg");
}
.settings-form__hero .background[data-cover="61"] .bg {
  background-image: url("/images/users/bgs/bg_61_desktop.jpg");
}
.settings-form__hero .background[data-cover="62"] .bg {
  background-image: url("/images/users/bgs/bg_62_desktop.jpg");
}
.settings-form__hero .background .bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.6;
}
.settings-form__hero .background div {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.settings-form__hero .avatar {
  position: absolute;
  z-index: 20;
  bottom: 8px;
  left: 8px;
}
.settings-form__hero .avatar.user-avatar-special {
  left: 86px;
}
.settings-form__hero .avatar.user-avatar-special .badge {
  position: absolute;
  bottom: -6px;
  top: auto;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.settings-form__hero .avatar img {
  width: 60px;
  height: 60px;
}
.settings-form__hero .avatar div {
  position: absolute;
  z-index: 10;
  top: -8px;
  right: -8px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.settings-form__field:not(:first-child) {
  margin-top: 24px;
}
.settings-form__field label {
  display: block;
  color: var(--settings-text-color);
  font-size: 17px;
  font-weight: 300;
}
.settings-form__field label .form__help {
  margin-top: 2px !important;
}
.settings-form__field .form__help {
  color: var(--settings-text-color);
  font-size: 14px;
}
.settings-form__field .form__help.large {
  font-size: 15px;
  line-height: 1.3em;
}
.settings-form__field .form__help:first-child {
  margin-top: 0;
}
.settings-form__field .form__help a {
  color: inherit;
  text-decoration: underline;
}
.settings-form__field .form__select {
  margin-top: 8px;
  border: 0;
  background-color: var(--settings-form-background);
  color: var(--settings-text-color);
}
.settings-form__field .form__select select option {
  background-color: var(--settings-form-background);
  color: var(--settings-text-color);
}
.settings-form__field .form__input, .settings-form__field .form .datepicker input, .form .datepicker .settings-form__field input {
  margin-top: 8px;
  border: 0;
  background-color: var(--settings-form-background);
  color: var(--settings-text-color);
}
.settings-form__field .form__text {
  margin-top: 8px;
  background-color: var(--settings-form-background);
  color: var(--settings-text-color);
}
@media (max-width: 960px) {
  .settings-form__field .form__text {
    padding: 8px;
  }
}

@media (min-width: 960px) {
  .wrap:not(.wrap--main) .settings-menu, .hero__message:not(.wrap--main) .settings-menu {
    max-width: 600px;
    margin: 64px auto;
  }
}
@media (max-width: 960px) {
  .wrap-user-profile {
    margin: 0;
  }
}
.user__info {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user__info__avatar {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user__info__name {
  color: #ffffff;
  margin: 0 0 0 10px;
  align-self: center;
  display: flex;
  align-items: center;
  font-family: "Signika";
  font-weight: 600;
}
.user__info__joindate {
  color: #ffffff;
}
.user__nav {
  background-color: var(--navigation-background);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 21;
}
@media (max-width: 960px) {
  .user__nav {
    overflow-x: auto;
    position: static;
  }
}
.user__nav__items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: visible;
}
@media (max-width: 960px) {
  .user__nav__items {
    overflow-x: auto;
  }
}
.user__nav__items__item {
  border-bottom: 2px solid transparent;
  padding: 20px 0;
}
.user__nav__items__item a {
  color: var(--text-paragraph-color);
  margin: 0 5px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.user__nav__items__item--active {
  -o-border-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
     border-image: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  border-image-slice: 1;
}
.user__nav__items__item--active a {
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}
@media (max-width: 960px) {
  .user__nav__items__item:nth-child(1) {
    margin-left: 25px;
  }
}
@media (max-width: 960px) {
  .user__nav__items__item:last-child {
    margin-right: 25px;
  }
}
.user__nav__items__item:visited a {
  color: var(--text-paragraph-color);
}

.user-tabs .tabs__item {
  width: 25%;
  text-align: center;
}

.body--user-profile .card {
  margin-bottom: 8px;
}

.user-profile-posts {
  margin-bottom: 20px;
}
.user-profile-posts .user-points__ranking {
  margin: 0 0 12px;
  color: var(--card-text-color);
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
}

.user-medals {
  margin-left: -16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.user-medals__item {
  margin-top: 16px;
  margin-left: 16px;
  width: calc(25% - 16px);
}
.user-medals__item img {
  width: 100%;
  height: auto;
}

.user-rank {
  font-family: "Signika";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20pt;
  text-align: center;
  color: var(--card-text-color);
}
@media (max-width: 960px) {
  .user-rank {
    margin-top: 3px;
    margin-bottom: 6px;
  }
}

.user__premenu {
  background-color: var(--navigation-background);
  padding: 10px 0;
}
@media (max-width: 960px) {
  .user__premenu {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.user__bio {
  color: var(--card-text-color);
  text-align: center;
  font-weight: 500;
  font-size: 12pt;
  max-width: 700px;
  margin: 10px auto;
}

.user__shouts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
@media (max-width: 960px) {
  .user__shouts {
    grid-template-columns: repeat(1, 1fr);
  }
}

.user-stats {
  margin: 0 auto;
  max-width: 700px;
  border-radius: 12px;
  padding: 0;
  display: flex;
  flex-direction: row;
  background-color: #4b6bf7;
}
@media (max-width: 960px) {
  .user-stats {
    margin-bottom: 16px;
  }
}
.user-stats__item {
  flex: 1;
  padding: 10px 5px;
  align-self: center;
  text-align: center;
  font-family: "Signika";
  color: #ffffff;
}
.user-stats__item--big {
  flex: 2;
}
.user-stats__item-desc {
  font-weight: 600;
}
.user-stats__item-head {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16pt;
}

.user-biotags .user-points__ranking {
  margin-bottom: 16px;
}
.user-biotags .shout__more {
  margin: 0 -16px -16px;
  border-radius: 0 0 3px 3px;
}

.user-analytics {
  padding: 16px 0;
}
@media (max-width: 960px) {
  .user-analytics {
    padding-bottom: 0;
  }
}
@media (max-width: 960px) {
  .user-analytics #user-analytics-chart {
    position: relative;
    bottom: -8px;
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px) !important;
  }
}
.user-analytics .user-analytics-block {
  position: relative;
}
.user-analytics .user-points__ranking {
  font-weight: 500;
  padding-left: 16px;
  margin-bottom: 0;
  font-size: 13px;
}

.user-bio {
  word-wrap: break-word;
  white-space: pre-wrap;
}

.user-points {
  text-align: center;
}
.user-points__ranking {
  font-size: 14px;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.user-points__points {
  margin: 0;
  font-size: 32px;
  line-height: 1em;
  font-weight: 500;
}

.user-dropdown-admin {
  float: right;
}

.hero-user {
  padding-bottom: 0px;
  display: flex;
  align-items: flex-end;
  min-height: 250px;
  flex-direction: column;
}
.hero-user .comment__author-badge {
  background-color: #a366e1;
}
.hero-user .tabs__item {
  color: rgba(255, 255, 255, 0.7);
}
.hero-user .tabs__item--active {
  color: #fff;
}
@media (max-width: 960px) {
  .hero-user .tabs--inline .tabs__item {
    height: 44px;
    line-height: 41px;
  }
  .hero-user .tabs--inline .tabs__item.tabs__item--active:after {
    bottom: 0;
  }
}
.hero-user .tabs__item--active:after {
  background-color: #fff;
}
.hero-user .hero__background {
  opacity: 1;
  filter: brightness(60%);
}
.hero-user > .wrap--user {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  padding-bottom: 16px;
  justify-content: center;
}
.hero-user__edit {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  flex-grow: 0;
  font-size: 12px;
  margin-left: 8px;
  height: 55px;
  display: block;
  line-height: 55px;
}
.hero-user__edit .icon, .hero-user__edit .form__select:after {
  font-size: 13px;
  position: relative;
  top: 1px;
  margin-right: 2px;
}
.hero-user__stats {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.hero-user__stats .stats {
  display: flex;
  color: #fff;
  margin-left: 16px;
  align-items: center;
}
.hero-user__stats .stats__block {
  margin-right: 8px;
}
.hero-user__stats .stats__block:last-child {
  margin-right: 0;
}
.hero-user__main {
  display: flex;
  flex-direction: row;
  padding: 0;
  text-align: left;
  align-content: center;
}
.hero-user__avatar {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}
.hero-user__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-user__info h2 {
  font-size: 21px;
  margin: 0 0 4px;
}
.hero-user__info p {
  margin: 0;
  font-size: 14px;
}

.user-shouts {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
}
.user-shouts a {
  margin-right: 15px;
}
.user-shouts:last-child {
  margin-right: 0;
}

.hero-videos {
  min-height: 250px;
}
.hero-videos.hero--below {
  padding-top: 0;
}
.hero-videos .wrap, .hero-videos .hero__message {
  position: relative;
  min-height: 130px;
}
@media (max-width: 960px) {
  .hero-videos {
    margin-bottom: 16px;
  }
}
.hero-videos__play {
  color: #fff;
  border-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}
.hero-videos__info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  color: #fff;
}
.hero-videos__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  font-size: 21px;
  margin-bottom: 0;
}
.hero-videos__author {
  font-size: 12px;
  color: #f4c858;
  text-transform: uppercase;
}
.hero-videos__description {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.3em;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.hero-videos__stats {
  margin-top: 2px;
  color: hsla(0deg, 0%, 100%, 0.6);
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.hero-videos__stat {
  display: inline-block;
  margin-right: 8px;
}
.hero-videos:hover__play {
  opacity: 1;
}
.hero-videos--detail .hero__background {
  background-color: #0e0e0e;
  opacity: 1;
}
@media (max-width: 960px) {
  .hero-videos--detail {
    margin-bottom: 0;
    min-height: 130px;
  }
  .hero-videos--detail .wrap.wrap--main.wrap--container, .hero-videos--detail .wrap--main.wrap--container.hero__message {
    padding: 0;
    margin: 0;
  }
}
.video-thumb {
  position: relative;
  height: 170px;
  margin-bottom: 16px;
  background-color: #000;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.video-thumb__background {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-size: cover;
  background-position: center;
}
.video-thumb__info {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  background-image: linear-gradient(to bottom, rgba(24, 30, 35, 0), #0c0c0c);
}
.video-thumb__name {
  font-size: 16px;
  margin-bottom: 8px;
}
.video-thumb__desc {
  font-size: 12px;
  line-height: 1.2em;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1024px) {
  .video-thumb {
    width: calc(33.33333333% - 16px);
  }
}
@media (max-width: 960px) {
  .video-thumb {
    width: calc(50% - 16px);
  }
}

@media (max-width: 960px) {
  .video-card {
    border-radius: 0;
    margin: 0 -16px 0;
  }
}

.video-player__thumbnail {
  position: relative;
  display: block;
}
.video-player__thumbnail:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
  background-color: #eee;
}
.video-player__thumbnail iframe {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-player__thumbnail .background {
  position: absolute;
  z-index: 5;
}
.video-player__thumbnail .button, .video-player__thumbnail .write__submit, .video-player__thumbnail .write__selector-trigger, .video-player__thumbnail .write__addtag, .video-player__thumbnail .state--card .state__cta, .state--card .video-player__thumbnail .state__cta, .video-player__thumbnail .select, .video-player__thumbnail .dialog__action, .video-player__thumbnail #app .dropzone .dz-message span, #app .dropzone .dz-message .video-player__thumbnail span, .video-player__thumbnail .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .video-player__thumbnail button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
}
.video-player__thumbnail .button span, .video-player__thumbnail .write__submit span, .video-player__thumbnail .write__selector-trigger span, .video-player__thumbnail .write__addtag span, .video-player__thumbnail .state--card .state__cta span, .state--card .video-player__thumbnail .state__cta span, .video-player__thumbnail .select span, .video-player__thumbnail .dialog__action span, .video-player__thumbnail #app .dropzone .dz-message span span, #app .dropzone .dz-message .video-player__thumbnail span span, .video-player__thumbnail .sweet-alert .sa-button-container button span, .sweet-alert .sa-button-container .video-player__thumbnail button span {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.video-player__thumbnail .button:hover, .video-player__thumbnail .write__submit:hover, .video-player__thumbnail .write__selector-trigger:hover, .video-player__thumbnail .write__addtag:hover, .video-player__thumbnail .state--card .state__cta:hover, .state--card .video-player__thumbnail .state__cta:hover, .video-player__thumbnail .select:hover, .video-player__thumbnail .dialog__action:hover, .video-player__thumbnail #app .dropzone .dz-message span:hover, #app .dropzone .dz-message .video-player__thumbnail span:hover, .video-player__thumbnail .sweet-alert .sa-button-container button:hover, .sweet-alert .sa-button-container .video-player__thumbnail button:hover {
  color: #fff;
  border-color: #fff;
}
.video-player__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  transition: transform 0.4s ease-in;
}
.video-player__thumbnail:hover img {
  transform: translate(-50%, -50%) scale(1.02);
}
.video-player__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-more {
  clear: both;
  margin-top: 16px;
}
.video-more .video-thumb {
  height: 100px;
  margin-bottom: 0;
}
.video-more .video-thumb--empty {
  opacity: 0.3;
}
.video-more .video-thumb__arrow {
  position: absolute;
  z-index: 20;
  top: 35px;
  right: calc(50% - 12px);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.video-more .video-thumb__name {
  font-size: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-more .video-thumb__desc {
  display: none;
}

@media (max-width: 960px) {
  .wrap__sidebar {
    display: none;
  }
}
.wrap__sidebar.video-more {
  margin-top: 0;
}
.wrap__sidebar .video-thumb {
  width: 100%;
}
.wrap__sidebar .video-thumb.active {
  border: 2px solid #2C97DE;
}
.wrap__sidebar .video-thumb:not(:last-child) {
  margin-bottom: 20px;
}

.write {
  max-width: 600px;
  position: relative;
  background-color: #222;
  border-radius: 10px 10px 0 0;
}
.write__nomaxwidth {
  max-width: unset;
}
.write__background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #363636;
  border-radius: 10px 10px;
  opacity: 0.6;
  background-size: cover;
  background-position: center;
}
.write__background[data-background="1"] {
  background-color: #f9f9f9;
}
.write__background[data-background="2"] {
  background-color: #ec6f86;
}
.write__background[data-background="3"] {
  background-color: #439fc9;
}
.write__background[data-background="4"] {
  background-color: #fe816d;
}
.write__background[data-background="5"] {
  background-color: #68cf94;
}
.write__background[data-background="6"] {
  background-color: #ffdd75;
}
.write__background[data-background="7"] {
  background-color: #ada7fc;
}
.write__background[data-background="8"] {
  background-color: #181313;
}
.write__background[data-background="9"] {
  background-color: #4573e7;
}
.write__background[data-background="10"] {
  background-color: #fda6f8;
}
.write__background[data-pattern]:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-size: 80px;
}
.write__background[data-pattern="2"]:before {
  background-image: url("/images/secrets/patterns/pattern-2.png");
}
.write__background[data-pattern="3"]:before {
  background-image: url("/images/secrets/patterns/pattern-3.png");
}
.write__background[data-pattern="4"]:before {
  background-image: url("/images/secrets/patterns/pattern-4.png");
}
.write__background[data-pattern="5"]:before {
  background-image: url("/images/secrets/patterns/pattern-5.png");
  background-size: 160px;
}
.write__background[data-pattern="6"]:before {
  background-image: url("/images/secrets/patterns/pattern-6.png");
  background-size: 140px;
}
.write__background[data-pattern="7"]:before {
  background-image: url("/images/secrets/patterns/pattern-7.png");
}
.write__background[data-pattern="8"]:before {
  background-image: url("/images/secrets/patterns/pattern-8.png");
  background-size: 300px;
}
.write__background[data-pattern="9"]:before {
  background-image: url("/images/secrets/patterns/pattern-9.png");
  background-size: 160px;
  opacity: 0.1;
}
.write__background[data-pattern="10"]:before {
  background-image: url("/images/secrets/patterns/pattern-1.png");
}
@media (min-width: 960px) {
  .write {
    padding: 0;
    border-radius: 10px;
    /* .write__secret {
        padding-top: 32px;
        padding-bottom: 32px;
    } */
    /*         .write__counter {
                position: absolute;
                top: 10px;
                right: 16px;
            } */
    /* .write__selector-trigger {
        padding: 0 16px;
    }

    .write__selector {
        &:not(:first-child) {
            margin-left: 16px;
        }
    } */
  }
  .write .write__toolbar {
    width: 100%;
    justify-content: normal;
  }
  .write .dropdown__menu.styles {
    width: 350px;
    right: auto;
    left: 5px;
  }
  .write .dropdown__menu.styles .dropdown__arrow {
    right: auto;
    left: 18px;
  }
  .write .write__submit {
    order: 3;
    margin-left: auto;
  }
}
.main--loading .write .write__secret:after {
  content: "";
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.write:not([data-background]), .write[data-background="1"] {
  background-color: var(--write-label-background);
}
.write:not([data-background]) .write__background, .write[data-background="1"] .write__background {
  display: none;
}
.write:not([data-background]) .write__message, .write[data-background="1"] .write__message {
  text-shadow: none;
  color: var(--write-text-color);
  text-align: center;
}
.write:not([data-background]) .write__message::-moz-placeholder, .write[data-background="1"] .write__message::-moz-placeholder {
  color: var(--write-label-text-color);
}
.write:not([data-background]) .write__message::placeholder, .write[data-background="1"] .write__message::placeholder {
  color: var(--write-label-text-color);
}
.write:not([data-background]) .write__legal, .write[data-background="1"] .write__legal {
  color: var(--write-label-text-color);
  background-color: var(--write-label-background);
}
.write:not([data-background]) .write__legal a, .write[data-background="1"] .write__legal a {
  color: var(--write-label-text-color);
  text-shadow: none;
}
.write:not([data-background]) .write__title, .write[data-background="1"] .write__title {
  color: var(--write-label-text-color);
  z-index: 60;
}
.write__tags {
  padding: 8px 8px 16px;
}
@media (min-width: 960px) {
  .write__tags {
    max-width: 612px;
    margin: 0 auto;
    padding: 32px 0;
  }
  .write__tags-max {
    max-width: 630px;
    margin: 80px auto -40px;
  }
  .write__tags-max span {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.write__tags-max {
  display: none;
  padding: 0 16px;
}
.write__tags-max span {
  display: block;
}
@media (max-width: 960px) {
  .write__tags-max span {
    padding: 8px 16px;
    font-size: 13px;
    margin-bottom: 0;
  }
}
.write__welcome {
  text-align: center;
  color: var(--write-text-color);
}
.write__title {
  font-size: 13px;
  color: #f9f9f9;
}
.write__counter {
  position: relative;
  z-index: 10;
  font-size: 17px;
  color: #fff;
  margin-right: auto;
}
.write__counter.warning {
  color: #F4C858;
}
.write__counter.error {
  color: #d8405a;
}
.write__extra {
  padding: 0;
  margin: 0 auto;
}
.write__secret {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 8px 16px;
  display: flex;
  min-height: 100px;
  align-items: center;
}
.write__legal {
  position: relative;
  z-index: 10;
  padding: 16px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}
.write__legal a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}
.write__message-label {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.write__message {
  position: relative;
  z-index: 20;
  background-color: transparent;
  border: 0;
  outline: none;
  resize: none;
  scrollbar-width: none;
  min-height: 45px;
  height: 45px;
  width: 80%;
  font-size: 17px;
  line-height: 1.5em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 auto;
  text-align: left;
  padding: 10px 20px;
  border-radius: 45px;
}
.write__message::-webkit-scrollbar {
  display: none;
}
.write__message::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
.write__message::placeholder {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
.write__message::-moz-selection {
  background: #0B78E3;
}
.write__message::selection {
  background: #0B78E3;
}
.write__addtag {
  height: 35px;
  line-height: 30px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
}
.write__toolbar {
  background-position: center bottom;
  background-size: cover;
  position: relative;
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
.write__toolbar-background {
  background-color: #fff;
  transition: 0.2s filter linear;
  background-image: var(--hero-background-image);
  background-position: center bottom;
  background-size: cover;
  filter: brightness(var(--hero-background-brightness)) grayscale(var(--hero-background-greyscale));
  height: 100%;
  width: 100%;
  position: absolute;
  margin-left: -16px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.write__icons {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.3s linear;
  border-radius: 50%;
}
.write__icons:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.write__icons__category {
  background: white;
}
.write__icons__tag {
  background-image: url("/images/icons/write/tag-icon.png");
}
.write__icons__background {
  background-image: url("/images/icons/write/background-icon.png");
}
.write__category-placeholder {
  color: white;
  font-size: 17px;
  z-index: 10;
  margin-right: 5px;
}
.write__selector-trigger {
  border: 0;
  background-color: transparent;
  width: auto;
  text-shadow: none;
  color: var(--write-icons-color);
  height: auto;
  padding: 0 5px;
  line-height: 15px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.write__selector .label {
  font-size: 14px;
}
.write__selector .icon, .write__selector .form__select:after {
  margin-bottom: 6px;
  font-size: 20px;
}
.write__submit {
  border: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  background-color: var(--navigation-background) !important;
  margin: 0 auto;
  display: flex;
}
.write__submit span {
  align-items: center;
}
.write__submit:hover, .write__submit:focus {
  background-color: #0B78E3;
}
.write__submit--loading {
  transition: width 0.1s linear;
  width: 44px;
}
.write__submit--disabled {
  background-color: #165da9;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}
.write__submit--disabled:hover, .write__submit--disabled:focus {
  background-color: #165da9;
}
.write .styles {
  padding: 16px;
  background-color: var(--dropdown-background);
}
.write .styles__title {
  margin-bottom: 16px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--write-label-text-color);
}
.write .styles__title:not(:first-child) {
  margin-top: 16px;
}
.write .styles__backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.write .styles__themes {
  font-size: 0;
  overflow: auto;
  max-height: calc(100vh - 260px);
  -webkit-overflow-scrolling: touch;
}
.write .styles__themes .slider {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin-left: -10px;
}
.write .styles__themes .slider .styles__theme {
  border-radius: 6px !important;
  margin-bottom: 10px;
  width: calc(25% - 10px);
  height: auto;
}
.write .styles__themes .slider .styles__theme:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.write .styles__themes .slider .styles__theme:first-child {
  margin-left: 10px;
}
.write .styles__colors {
  font-size: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.write .styles__colors .slider {
  display: flex;
  width: 1000px;
  padding-bottom: 18px;
}
.write .styles__patterns {
  font-size: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.write .styles__patterns .slider {
  display: flex;
  width: 1000px;
  padding-bottom: 18px;
}
.write .styles__pill, .write .styles__pattern, .write .styles__color, .write .styles__theme {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #666;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.write .styles__pill:first-child, .write .styles__pattern:first-child, .write .styles__color:first-child, .write .styles__theme:first-child {
  margin-left: 0;
}
.write .styles__theme {
  background-size: cover;
  width: 60px;
  height: 60px;
  border-radius: 10px 10px 0 0;
}
.write .styles__theme--active:after {
  content: "\e92b";
  color: #fff;
}
.write .styles__color[data-background="1"] {
  background-color: #f9f9f9;
}
.write .styles__color[data-background="2"] {
  background-color: #ec6f86;
}
.write .styles__color[data-background="3"] {
  background-color: #439fc9;
}
.write .styles__color[data-background="4"] {
  background-color: #fe816d;
}
.write .styles__color[data-background="5"] {
  background-color: #68cf94;
}
.write .styles__color[data-background="6"] {
  background-color: #ffdd75;
}
.write .styles__color[data-background="7"] {
  background-color: #ada7fc;
}
.write .styles__color[data-background="8"] {
  background-color: #181313;
}
.write .styles__color[data-background="9"] {
  background-color: #4573e7;
}
.write .styles__color[data-background="10"] {
  background-color: #fda6f8;
}
.write .styles__color--active:after {
  content: "\e92b";
  color: #fff;
}
.write .styles__pattern[data-pattern]:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-size: 32px;
}
.write .styles__pattern[data-pattern="2"]:before {
  background-image: url("/images/secrets/patterns/pattern-2.png");
}
.write .styles__pattern[data-pattern="3"]:before {
  background-image: url("/images/secrets/patterns/pattern-3.png");
}
.write .styles__pattern[data-pattern="4"]:before {
  background-image: url("/images/secrets/patterns/pattern-4.png");
}
.write .styles__pattern[data-pattern="5"]:before {
  background-image: url("/images/secrets/patterns/pattern-5.png");
  background-size: 64px;
}
.write .styles__pattern[data-pattern="6"]:before {
  background-image: url("/images/secrets/patterns/pattern-6.png");
  background-size: 56px;
}
.write .styles__pattern[data-pattern="7"]:before {
  background-image: url("/images/secrets/patterns/pattern-7.png");
}
.write .styles__pattern[data-pattern="8"]:before {
  background-image: url("/images/secrets/patterns/pattern-8.png");
  background-size: 120px;
}
.write .styles__pattern[data-pattern="9"]:before {
  background-image: url("/images/secrets/patterns/pattern-9.png");
  background-size: 64px;
  opacity: 0.35;
}
.write .styles__pattern[data-pattern="10"]:before {
  background-image: url("/images/secrets/patterns/pattern-1.png");
}
.write .styles__pattern--active:after {
  content: "\e92b";
  color: #fff;
}
.main--max-tags .write__tags-max {
  display: block;
}
.main--max-tags .write__selector-tags {
  opacity: 0.3;
  cursor: default;
}

@media (max-width: 960px) {
  .write {
    padding: 0;
    margin: 10px;
    border-radius: 10px;
    width: initial !important;
    /* &__toolbar {
        position: fixed;
        z-index: 30;
        bottom: 0;
        left: 0;
        padding: 16px;
        right: 0;
        background-color: var(--write-label-background);
    }

    &__counter {
        position: fixed;
        top: 0;
        right: 8px;
        height: 55px;
        line-height: 55px;
    } */
  }
  .write__theme {
    border-radius: 10px;
  }
  .write__background {
    border-radius: 10px;
  }
  .write__submit--loading .loader, .write__submit--loading .dialog__loader, .write__submit--loading .softpage__loader {
    z-index: 40;
  }
}

#text-counter {
  font-weight: 600;
}

.secretswrite.body--age-gate {
  background-image: url(/images/about/hero-red-2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
  background-position: 0 0;
}
.secretswrite.secretswait {
  background-image: url(/images/about/background-mixed.png);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  background-position: 0 0;
}
.secretswrite .navigation__title {
  text-align: left;
  padding-left: 40px;
}
@media (max-width: 960px) {
  .secretswrite {
    padding: 55px 0px 0px 0px;
    min-height: 100vh;
  }
  .secretswrite:not(.body--age-gate):not(.secretswait):not([data-background]) #main-navigation .navigation__close, .secretswrite:not(.body--age-gate):not(.secretswait)[data-background="1"] #main-navigation .navigation__close {
    color: var(--write-close-icon);
  }
  .secretswrite:not(.body--age-gate):not(.secretswait):not([data-background]) .write .styles__color--active:after, .secretswrite:not(.body--age-gate):not(.secretswait)[data-background="1"] .write .styles__color--active:after {
    color: #222;
  }
  .secretswrite:not(.body--age-gate):not(.secretswait):not([data-background]) .navigation__title,
.secretswrite:not(.body--age-gate):not(.secretswait):not([data-background]) .write__submit--mobile, .secretswrite:not(.body--age-gate):not(.secretswait)[data-background="1"] .navigation__title,
.secretswrite:not(.body--age-gate):not(.secretswait)[data-background="1"] .write__submit--mobile {
    color: #222;
  }
  .secretswrite #main-toolbar {
    display: none;
  }
}
.secretswrite .tagger {
  display: none;
}
.secretswrite--tags .tagger {
  display: block;
}
.secretswrite--tags #main-navigation,
.secretswrite--tags #toolbar,
.secretswrite--tags #fab,
.secretswrite--tags .footer,
.secretswrite--tags .main {
  display: none;
}
.secretswrite .main--loading .write__toolbar:before {
  content: "";
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.secretswrite .main--loading .write__toolbar .write__submit {
  position: relative;
  z-index: 50;
}

.auth__container {
  max-width: 400px;
  margin: 0 auto;
  padding: 64px 0;
}
.light-theme .auth__background {
  transition: 0.2s filter linear;
  background-image: var(--auth-background-image);
  background-position: center;
  filter: brightness(var(--auth-background-brightness)) grayscale(var(--auth-background-greyscale));
}
.dark-theme .auth__background {
  transition: 0.2s filter linear;
  background-image: var(--auth-background-image);
  background-position: center;
  filter: brightness(var(--auth-background-brightness)) grayscale(var(--auth-background-greyscale));
}
@media (min-width: 960px) {
  .auth__container--login {
    min-height: calc(100vh - 55px);
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 960px) {
  .auth__container {
    padding: 32px 0;
  }
  .auth__container .login-modal__main {
    padding: 0;
    width: 100%;
  }
  .auth__container--center {
    padding: 16px 0;
    min-height: calc(100vh - 110px);
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .auth__container--center .login-modal__main {
    padding: 0;
    margin: auto;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .auth__container {
    justify-content: center;
  }
  .auth__container .login-modal__main {
    margin: 0 auto 16px;
  }
}

.main-embed-comments .comments {
  margin-top: 0;
}

.similar-secrets {
  padding-top: 16px;
  margin-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.similar-secrets__title {
  text-align: left;
}

.hero-grid {
  display: flex;
  position: relative;
}
@media (min-width: 960px) {
  .hero-grid {
    padding-top: 28px;
    padding-bottom: 16px;
    min-height: 225px;
    margin-top: 0;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .hero-grid--tiny {
    min-height: 0;
    padding-top: 16px;
  }
}
@media (max-width: 960px) {
  .hero-grid {
    min-height: 100px;
  }
}
.hero-grid .hero__message {
  padding: 0;
}
.hero-grid .hero__background {
  transition: 0.2s filter linear;
  background-image: var(--hero-background-image);
  background-position: center;
  filter: brightness(var(--hero-background-brightness)) grayscale(var(--hero-background-greyscale));
}
.hero-grid .secrets-wrap {
  background: transparent !important;
  padding: 6px 0 6px;
}
@media (min-width: 960px) {
  .hero-grid .secrets-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 960px) {
  .hero-grid + .main .wrap--container {
    margin-top: 0;
  }
}
.hero-grid .wrap, .hero-grid .hero__message {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 701px) {
  .hero-grid .secretssearch .search .tag {
    width: calc(16.66666% - 12px);
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+7) {
    display: block;
  }
}
@media (min-width: 1000px) {
  .hero-grid .secretssearch .search .tag {
    width: calc(11.1111% - 8px);
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+7) {
    display: block;
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+10) {
    display: block;
  }
}
@media (min-width: 1480px) {
  .hero-grid .secretssearch .search .tag {
    width: calc(9.0909090909% - 10px);
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+10) {
    display: block;
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+12) {
    display: block;
  }
}
@media (min-width: 1700px) {
  .hero-grid .secretssearch .search .tag {
    width: calc(7.6923076923% - 8px);
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+12) {
    display: block;
  }
  .hero-grid .secretssearch .search .tag:nth-child(1n+14) {
    display: block;
  }
}
.hero-grid__navigation {
  display: flex;
  position: relative;
}
@media (max-width: 960px) {
  .hero-grid__navigation {
    display: none;
  }
}
.hero-grid__navigation .navigation__action {
  margin-left: auto;
  margin-right: -16px;
}
.hero-grid__navigation .navigation__action .dropdown__menu {
  right: 0;
}
.hero-grid__navigation .hide--on-desktop {
  display: block !important;
}
.hero-grid__navigation .tabs {
  margin-left: -8px;
}
.hero-grid__navigation .tabs .tabs__badge {
  right: -10px;
}
.hero-grid__navigation .tabs .tabs__item {
  position: relative;
}

.hero-tag {
  display: flex !important;
  min-height: 200px;
  padding-top: 70px !important;
  flex-direction: column;
  padding-bottom: 0;
  align-items: center;
  justify-content: center;
}
@media (min-width: 960px) {
  .hero-tag {
    padding-top: 75px !important;
    padding-bottom: 65px;
  }
}
.hero-tag .hero__title-tag {
  margin-bottom: 0;
}
.hero-tag .tag-desc {
  font-size: 15px;
  line-height: 1.4em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  margin: 10px;
}
.hero-tag .hero__descrition--counter {
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 8px;
  font-weight: 500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.hero-tag .filters {
  align-self: flex-end;
  margin-top: 20px;
  padding-right: 16px;
}
.hero-tag .filters .filters__item {
  color:  rgba(255, 255, 255, 0.8);
}
.hero-tag .filters .filters__item:first-child {
  margin-right: 8px;
}
.hero-tag .filters .filters__item--active {
  color: #fff;
}

.hero__title-tag {
  font-family: "Signika";
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: none;
}
@media (max-width: 960px) {
  .hero__title-tag {
    font-size: 36px;
  }
}
@media (min-width: 960px) {
  .hero__title-tag {
    font-size: 60px;
  }
}

.secretsindex .shouts {
  margin: 0 -16px 20px;
}
.secretsindex .shouts__title {
  color: #fff;
}
@media (max-width: 960px) {
  .secretsindex .shouts {
    margin-top: -8px;
    padding-top: 16px;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #d53369 0%, #db22e7 120%);
  }
  .secretsindex .shouts__title {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 8px;
  }
}
@media (min-width: 960px) {
  .secretsindex .shouts {
    margin: 0 0 0 -8px;
  }
  .secretsindex .shouts__title {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 8px;
  }
}
.secretsindex .shouts__carousel {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-left: 8px;
}
.secretsindex .shouts__list {
  display: flex;
  width: 1200px;
  margin-top: 8px;
  margin-left: -8px;
  padding-bottom: 16px;
}
.secretsindex .shouts .shout {
  display: inline-block;
  flex-shrink: 0;
  margin-bottom: 0;
  width: 55px;
  height: 55px;
  float: left;
  margin-left: 8px;
  margin-right: 0;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.secretsindex .shouts .shout__duration {
  display: none;
}
.secretsindex .shouts .shout__head {
  padding-right: 0;
  display: none;
}
.secretsindex .shouts .shout__title {
  font-size: 14px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1em;
  margin: 0;
}
.secretsindex .shouts .shout__content {
  margin: 0;
  overflow: hidden;
}
.secretsindex .shouts .shout__item video {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.secretsindex .shouts .shout__count {
  display: none;
}
.secretsindex .shouts .cats__item {
  background-color: #2B2C32;
  margin-top: 0;
  margin-left: 8px;
  margin-bottom: 0;
  width: 150px;
  padding: 0;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.secretsindex .shouts .cats__item .cats__item-head {
  height: 30px;
  background-color: #2B2C32;
  position: relative;
  overflow: hidden;
  padding: 8px;
  border-radius: 12px 12px 0 0;
}
.secretsindex .shouts .cats__item .cats__name {
  margin: 0;
  font-size: 15px;
}
.secretsindex .shouts .cats__item .cats__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  opacity: 0.4;
  width: 180px;
  height: 180px;
}
.secretsindex .shouts .cats__item .cats__item-count {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.secretsindex .shouts .cats__item .cats__cta {
  position: absolute;
  top: -13px;
  border-color: transparent;
  background-color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  height: 25px;
  line-height: 22px;
  padding: 0 10px;
}
.secretsindex .shouts .cats__item .cats__item-desc {
  position: relative;
  padding: 20px 8px 16px;
  flex-grow: 1;
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #e85310;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 960px) {
  .secretsshow .wrap--main {
    margin-top: 0;
  }
}

@media (max-width: 960px) {
  .secrets + .pagination {
    margin-left: -8px;
    margin-right: -8px;
  }
  .secrets .secret {
    margin-bottom: 8px;
    margin-left: -8px;
    margin-right: -8px;
    border-radius: 12px;
  }
  .secrets .secret .secret__head {
    border-radius: 12px 12px 0 0;
  }
}

@media (max-width: 960px) {
  .secrets-wrap.secrets-wrap--posts {
    width: calc(100% + 32px);
    max-width: none;
    margin-left: -16px;
    margin-right: -16px;
  }
  .secrets-wrap.secrets-wrap--posts .secrets > .secret,
.secrets-wrap.secrets-wrap--posts .secrets > .shout {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
  .secrets-wrap.secrets-wrap--posts .secrets > .secret .secret__head {
    border-radius: 0;
  }
}

.secrets-wrap {
  width: 100%;
  /* background-color: var(--secret-wrapper-background-color); */
}
@media (min-width: 701px) {
  .secrets-wrap--columns {
    width: 100%;
    margin: 0 auto;
    max-width: 1024px;
  }
  .secrets-wrap--columns .pagination {
    text-align: center;
  }
  .secrets-wrap--columns .pagination .pagination__button--next {
    width: auto;
    min-width: 220px;
  }
  .secrets-wrap--columns .secrets-loader {
    display: none;
  }
  .secrets-wrap--columns .secret--collapsed {
    display: block;
  }
  .secrets-wrap--columns .secrets .secret,
.secrets-wrap--columns .shouts .shout {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) {
  .secrets-wrap--columns .secrets .secret,
.secrets-wrap--columns .shouts .shout {
    width: calc(33% - 8px);
  }
}
@media (min-width: 1480px) {
  .secrets-wrap--columns {
    max-width: 1420px;
  }
  .secrets-wrap--columns .secrets .secret,
.secrets-wrap--columns .shouts .shout {
    width: calc(25% - 12px);
  }
}
@media (min-width: 1700px) {
  .secrets-wrap--columns {
    max-width: 1480px;
  }
}

.secrets--columns {
  width: 100%;
  display: block;
}

.secret-nav {
  clear: both;
  margin-top: 8px;
}
.secret-nav__arrow {
  float: left;
  width: calc(50% - 4px);
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #0B78E3;
  color: #fff;
  border-radius: 3px;
}
.secret-nav__arrow:last-child {
  margin-left: 8px;
}
.secret-nav__arrow .icon, .secret-nav__arrow .form__select:after {
  top: 7px;
  position: relative;
}

body[class*=secrets] .shout-toolbar,
body[class*=rankings] .shout-toolbar,
body[class*=reports] .shout-toolbar,
body[class*=categories] .shout-toolbar,
body[class*=mefavorites] .shout-toolbar,
body[class*=menotifications] .shout-toolbar,
body[class*=userscomments] .shout-toolbar,
body[class*=tagsshow] .shout-toolbar,
body[class*=popshow] .shout-toolbar,
body[class*=shouts] .shout-toolbar,
body[class*=shoutsshow] .shout-toolbar {
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
  justify-content: initial;
  padding: 0 8px;
  align-items: center;
}
body[class*=secrets] .shout-toolbar .vote,
body[class*=rankings] .shout-toolbar .vote,
body[class*=reports] .shout-toolbar .vote,
body[class*=categories] .shout-toolbar .vote,
body[class*=mefavorites] .shout-toolbar .vote,
body[class*=menotifications] .shout-toolbar .vote,
body[class*=userscomments] .shout-toolbar .vote,
body[class*=tagsshow] .shout-toolbar .vote,
body[class*=popshow] .shout-toolbar .vote,
body[class*=shouts] .shout-toolbar .vote,
body[class*=shoutsshow] .shout-toolbar .vote {
  height: 50px;
}
body[class*=secrets] .shout-toolbar .create-new-comment,
body[class*=rankings] .shout-toolbar .create-new-comment,
body[class*=reports] .shout-toolbar .create-new-comment,
body[class*=categories] .shout-toolbar .create-new-comment,
body[class*=mefavorites] .shout-toolbar .create-new-comment,
body[class*=menotifications] .shout-toolbar .create-new-comment,
body[class*=userscomments] .shout-toolbar .create-new-comment,
body[class*=tagsshow] .shout-toolbar .create-new-comment,
body[class*=popshow] .shout-toolbar .create-new-comment,
body[class*=shouts] .shout-toolbar .create-new-comment,
body[class*=shoutsshow] .shout-toolbar .create-new-comment {
  border: 0;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  line-height: 38px;
  height: 38px;
}
body[class*=secrets] .shout-toolbar .sharer,
body[class*=rankings] .shout-toolbar .sharer,
body[class*=reports] .shout-toolbar .sharer,
body[class*=categories] .shout-toolbar .sharer,
body[class*=mefavorites] .shout-toolbar .sharer,
body[class*=menotifications] .shout-toolbar .sharer,
body[class*=userscomments] .shout-toolbar .sharer,
body[class*=tagsshow] .shout-toolbar .sharer,
body[class*=popshow] .shout-toolbar .sharer,
body[class*=shouts] .shout-toolbar .sharer,
body[class*=shoutsshow] .shout-toolbar .sharer {
  height: 50px;
  margin-left: 16px;
  color: var(--vote-text-color);
}
body[class*=secrets] .shout-toolbar .sharer .secret__button,
body[class*=rankings] .shout-toolbar .sharer .secret__button,
body[class*=reports] .shout-toolbar .sharer .secret__button,
body[class*=categories] .shout-toolbar .sharer .secret__button,
body[class*=mefavorites] .shout-toolbar .sharer .secret__button,
body[class*=menotifications] .shout-toolbar .sharer .secret__button,
body[class*=userscomments] .shout-toolbar .sharer .secret__button,
body[class*=tagsshow] .shout-toolbar .sharer .secret__button,
body[class*=popshow] .shout-toolbar .sharer .secret__button,
body[class*=shouts] .shout-toolbar .sharer .secret__button,
body[class*=shoutsshow] .shout-toolbar .sharer .secret__button {
  height: 50px;
  margin-left: 0;
  color: var(--vote-text-color);
}
@media (max-width: 960px) {
  body[class*=secrets] .compose__main,
body[class*=rankings] .compose__main,
body[class*=reports] .compose__main,
body[class*=categories] .compose__main,
body[class*=mefavorites] .compose__main,
body[class*=menotifications] .compose__main,
body[class*=userscomments] .compose__main,
body[class*=tagsshow] .compose__main,
body[class*=popshow] .compose__main,
body[class*=shouts] .compose__main,
body[class*=shoutsshow] .compose__main {
    display: none;
  }
  body[class*=secrets] .comments,
body[class*=rankings] .comments,
body[class*=reports] .comments,
body[class*=categories] .comments,
body[class*=mefavorites] .comments,
body[class*=menotifications] .comments,
body[class*=userscomments] .comments,
body[class*=tagsshow] .comments,
body[class*=popshow] .comments,
body[class*=shouts] .comments,
body[class*=shoutsshow] .comments {
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0;
  }
  body[class*=secrets] .comments__head,
body[class*=rankings] .comments__head,
body[class*=reports] .comments__head,
body[class*=categories] .comments__head,
body[class*=mefavorites] .comments__head,
body[class*=menotifications] .comments__head,
body[class*=userscomments] .comments__head,
body[class*=tagsshow] .comments__head,
body[class*=popshow] .comments__head,
body[class*=shouts] .comments__head,
body[class*=shoutsshow] .comments__head {
    border-radius: 0;
  }
}

.search-form__bar {
  display: flex;
}
.search-form__submit {
  margin-left: 16px;
  flex-shrink: 0;
}
.search-form__input {
  outline: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 16px;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: 0;
  color: #171717;
  -webkit-appearance: none;
}
.search-form__input:focus {
  outline: none;
  background-color:   #fff;
}
.search-form__advanced {
  margin-bottom: 32px;
  color: #fff;
}
.search-form__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2em;
}
.search-form__dropdown {
  display: inline-block;
}
.search-form__dropdown .dropdown__trigger {
  color: #fff;
  display: inline-block;
  border-bottom: 2px solid #fff;
}
.search-form__filters {
  margin: 16px 0;
}
.search-form__filters--clear {
  clear: both;
}
.search-form__filters--centered {
  text-align: center;
}
.search-form__buttons {
  margin-top: 8px;
}
.search-form__button {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
.search-form__button--active {
  color: #F4C858;
  border-color: #F4C858;
}
.search-form__label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  color: #fff;
}
.search-form__column {
  float: left;
  width: calc(50% - 8px);
}
.search-form__column + .search-form__column {
  margin-left: 16px;
}
.search-form__select {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  height: 45px;
  line-height: 45px;
}
.search-form__select select {
  padding: 14px 16px;
  line-height: 14px;
  font-size: 15px;
  color: #fff;
}
.search-form__slider {
  min-height: 41px;
}
.search-form__age {
  margin-top: 16px;
  color: #fff;
}
.search-form__age--left {
  float: left;
}
.search-form__age--right {
  float: right;
}
@media (min-width: 960px) {
  .search-form {
    padding: 60px 0 44px 0;
  }
  .search-form__form:after {
    content: "";
    display: table;
    clear: both;
  }
  .search-form__bar {
    margin-bottom: 16px;
  }
  .search-form__column {
    width: calc(25% - 8px);
  }
  .search-form__filters--clear {
    clear: none;
    float: left;
    width: calc(50% - 32px);
    margin-left: 32px;
  }
}
@media (max-width: 960px) {
  .search-form {
    align-items: flex-start;
    margin-bottom: 40px;
  }
  .search-form__bar {
    display: block;
    margin-top: 16px;
    position: relative;
  }
  .search-form__input {
    padding-right: 60px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
  }
  .search-form__submit {
    position: absolute;
    right: 5px;
    bottom: 6px;
    text-shadow: none;
    color: #2E2E2E;
  }
  .search-form__advanced {
    display: none;
  }
}

.secretssearch .searchdrop {
  padding: 16px;
  background-color: #111;
  color: #999;
}
.secretssearch .searchdrop__widget:not(:last-child) {
  margin-bottom: 20px;
}
.secretssearch .searchdrop__buttons {
  display: flex;
  margin-left: -8px;
}
.secretssearch .searchdrop__slider {
  position: relative;
  display: flex;
  border-radius: 12px;
  flex-direction: column;
  background-color: #2B2C32;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2em;
  align-items: center;
  justify-content: center;
}
.secretssearch .searchdrop__slider-row {
  display: flex;
  width: 100%;
  display: block;
  width: 100%;
  padding: 16px 16px 24px;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.secretssearch .searchdrop__slider-slider {
  position: absolute;
  left: 5px;
  bottom: 0px;
  right: -5px;
}
.secretssearch .searchdrop__slider-slider:after {
  content: "";
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: -5px;
  right: 5px;
  border-radius: 4px;
  background-color: #6F6F6F;
  height: 8px;
}
.secretssearch .searchdrop__slider-slider #age-slider {
  position: relative;
  z-index: 10;
  margin: 0;
  background-color: transparent;
}
.secretssearch .searchdrop__button {
  position: relative;
  display: flex;
  border-radius: 12px;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 8px;
  width: calc(25% - 8px);
  background-color: var(--searchdrop-button);
  color: var(--searchdrop-text-color);
  padding: 16px 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2em;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.secretssearch .searchdrop__button--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #4b9ae9;
  border-radius: 12px;
}
.secretssearch .searchdrop__submit {
  padding: 16px 16px 16px 8px;
  margin: 16px -16px -16px;
  background-color: rgba(255, 255, 255, 0.14);
  display: flex;
  flex-direction: row;
}
.secretssearch .searchdrop__submit .button, .secretssearch .searchdrop__submit .state--card .state__cta, .state--card .secretssearch .searchdrop__submit .state__cta, .secretssearch .searchdrop__submit .select, .secretssearch .searchdrop__submit .dialog__action, .secretssearch .searchdrop__submit #app .dropzone .dz-message span, #app .dropzone .dz-message .secretssearch .searchdrop__submit span, .secretssearch .searchdrop__submit .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .secretssearch .searchdrop__submit button, .secretssearch .searchdrop__submit .write__addtag, .secretssearch .searchdrop__submit .write__selector-trigger, .secretssearch .searchdrop__submit .write__submit {
  margin-left: 8px;
  text-align: center;
  flex-grow: 1;
  font-size: 16px;
}
.secretssearch .searchdrop__title {
  margin-bottom: 8px;
}
.secretssearch .search__widget:not(:first-child) {
  margin-top: 20px;
}
.secretssearch .search__secret {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  width: 150px;
  padding: 0;
  background-color: #2B2C32;
  float: left;
  margin-left: 8px;
}
.secretssearch .search__secret.cats__item {
  width: 150px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.secretssearch .search__secret.cats__item .cats__item-head {
  height: 30px;
}
.secretssearch .search__secret.cats__item .cats__item-head .cats__icon {
  width: 180px;
  height: 180px;
}
.secretssearch .search__secret-head {
  border-radius: 12px 12px 0 0;
  padding: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
}
.secretssearch .search__secret-head.male {
  background-color: #1f6ab0;
}
.secretssearch .search__secret-head.female {
  background-color: #a4488d;
}
.secretssearch .search__secret-head.other {
  background-color: #464646;
}
.secretssearch .search__secret-message {
  padding: 8px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  font-size: 14px;
  line-height: 25px;
  flex-grow: 1;
}
.secretssearch .search .featured__carousel {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -16px;
  padding-left: 16px;
}
.secretssearch .search .featured__list {
  display: flex;
  width: 1200px;
  margin-top: 8px;
  margin-left: -8px;
}
.secretssearch .search .featured__head {
  display: flex;
  align-items: center;
}
.secretssearch .search .featured__icon {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  overflow: hidden;
}
.secretssearch .search .featured__icon .vector {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  width: 70px;
  height: 70px;
  opacity: 0.8;
}
.secretssearch .search .featured__name {
  margin-left: 8px;
}
.secretssearch .search .featured__name h3 {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.secretssearch .search .featured__name span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #999;
}
.secretssearch .search .featured__cta {
  margin-left: auto;
  border-color: transparent;
  background-color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  height: 25px;
  line-height: 22px;
  padding: 0 10px;
}
.secretssearch .search .rankings {
  margin-top: -8px;
  margin-left: -8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.secretssearch .search .rankings--three {
  margin-left: -2px;
}
.secretssearch .search .rankings--three .rankings__item {
  margin-left: 2px;
  width: calc(33.333333% - 2px);
  background-color: #0B78E3;
}
.secretssearch .search .rankings--three .rankings__name {
  font-size: 15px;
}
.secretssearch .search .rankings__item {
  background-color: #2B2C32;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 0px;
  position: relative;
  width: calc(50% - 8px);
  padding: 12px 8px 12px 16px;
  color: #fff;
  text-align: left;
  display: flex;
  flex-direction: row;
}
.secretssearch .search .rankings__item.btn-comments {
  background: linear-gradient(to right, #3ca55c, #b5ac49);
}
.secretssearch .search .rankings__item.btn-secrets {
  background: linear-gradient(90deg, rgb(131, 58, 180) 0%, rgb(252, 176, 69) 100%);
}
.secretssearch .search .rankings__name {
  margin: 0;
  font-size: 17px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.secretssearch .search .rankings .icon, .secretssearch .search .rankings .form__select:after {
  top: 10px;
  margin-left: auto;
  font-size: 24px;
  position: absolute;
  right: 8px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.secretssearch .search .cats {
  margin-top: -8px;
  margin-left: -8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.secretssearch .search .cats-homepage {
  flex-wrap: nowrap;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow-y: hidden;
}
@media (min-width: 960px) {
  .secretssearch .search .cats-homepage {
    width: 85vw;
    height: 140px;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
}
@media (max-width: 960px) {
  .secretssearch .search .cats-homepage {
    overflow-x: auto;
  }
}
.secretssearch .search .cats-homepage::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.secretssearch .search .cats__item {
  background-color: #2B2C32;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  width: calc(33.3333333333% - 8px);
  padding: 0;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.secretssearch .search .cats__item[data-slug=funny] .cats__item-desc {
  background-color: #e29b31;
}
.secretssearch .search .cats__item[data-slug=fml] .cats__item-desc {
  background-color: #77462e;
}
.secretssearch .search .cats__item[data-slug=ask] .cats__item-desc {
  background-color: #a061e6;
}
.secretssearch .search .cats__item[data-slug=love] .cats__item-desc {
  background-color: #ec3f60;
}
.secretssearch .search .cats__item[data-slug=fails] .cats__item-desc {
  background-color: #ff867b;
}
.secretssearch .search .cats__item[data-slug=tender-age] .cats__item-desc {
  background-color: #2873b7;
}
.secretssearch .search .cats__item[data-slug=embarassing] .cats__item-desc {
  background-color: #ff867b;
}
.secretssearch .search .cats__item[data-slug=outburst] .cats__item-desc {
  background-color: #bb3c39;
}
.secretssearch .search .cats__item[data-slug=nsfw] .cats__item-desc {
  background-color: #cc1d1d;
}
.secretssearch .search .cats__item-desc {
  position: relative;
  padding: 20px 8px 16px;
  flex-grow: 1;
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.secretssearch .search .cats__item-head {
  position: relative;
  overflow: hidden;
  height: 60px;
  padding: 8px;
  border-radius: 12px 12px 0 0;
  background-size: cover;
  opacity: 0.8;
}
.secretssearch .search .cats__item-count {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.secretssearch .search .cats__item:hover .cats__icon {
  opacity: 0.8;
}
.secretssearch .search .cats__name {
  margin: 0;
  font-size: 15px;
  overflow-wrap: break-word;
  max-width: 100%;
}
.secretssearch .search .cats__cta {
  position: absolute;
  top: -13px;
  border-color: transparent;
  background-color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  height: 25px;
  line-height: 22px;
  padding: 0 10px;
}
.secretssearch .search .cats__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  width: 300px;
  height: 300px;
  opacity: 0.4;
  transition: all 0.3s linear;
}
.secretssearch .search__title {
  color: var(--search-title-color);
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .secretssearch .search {
    padding-top: 8px;
  }
  .secretssearch .navigation__search-bar {
    padding: 0 8px;
    display: block !important;
  }
  .secretssearch .navigation__search-bar.searching {
    padding: 0;
    margin-left: 8px;
  }
  .secretssearch .navigation__search-bar.searching .button.button--icon, .secretssearch .navigation__search-bar.searching .state--card .button--icon.state__cta, .state--card .secretssearch .navigation__search-bar.searching .button--icon.state__cta, .secretssearch .navigation__search-bar.searching .button--icon.select, .secretssearch .navigation__search-bar.searching .button--icon.dialog__action, .secretssearch .navigation__search-bar.searching #app .dropzone .dz-message span.button--icon, #app .dropzone .dz-message .secretssearch .navigation__search-bar.searching span.button--icon, .secretssearch .navigation__search-bar.searching .sweet-alert .sa-button-container button.button--icon, .sweet-alert .sa-button-container .secretssearch .navigation__search-bar.searching button.button--icon, .secretssearch .navigation__search-bar.searching .button--icon.write__addtag, .secretssearch .navigation__search-bar.searching .button--icon.write__selector-trigger, .secretssearch .navigation__search-bar.searching .button--icon.write__submit {
    right: 50px;
  }
  .secretssearch .navigation__search-bar .button.button--icon, .secretssearch .navigation__search-bar .state--card .button--icon.state__cta, .state--card .secretssearch .navigation__search-bar .button--icon.state__cta, .secretssearch .navigation__search-bar .button--icon.select, .secretssearch .navigation__search-bar .button--icon.dialog__action, .secretssearch .navigation__search-bar #app .dropzone .dz-message span.button--icon, #app .dropzone .dz-message .secretssearch .navigation__search-bar span.button--icon, .secretssearch .navigation__search-bar .sweet-alert .sa-button-container button.button--icon, .sweet-alert .sa-button-container .secretssearch .navigation__search-bar button.button--icon, .secretssearch .navigation__search-bar .button--icon.write__addtag, .secretssearch .navigation__search-bar .button--icon.write__selector-trigger, .secretssearch .navigation__search-bar .button--icon.write__submit {
    left: auto;
    top: -1px;
    right: 8px;
  }
  .secretssearch .navigation__search-bar input[type=text] {
    padding-right: 45px;
    padding-left: 13px;
    font-size: 15px;
  }
}

.coe-picker {
  width: 100%;
}
.coe-picker__items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: -16px;
  margin-left: -16px;
}
.coe-picker__item {
  display: block;
  width: calc(50% - 16px);
  margin-top: 16px;
  margin-left: 16px;
}
.coe-picker__item input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}
.coe-picker__item input:checked ~ label {
  border: 1px solid #EEE;
}
.coe-picker__item input:checked ~ label span {
  color: #EEE;
}
.coe-picker__item label {
  border: 1px solid rgba(250, 250, 250, 0.15);
  box-sizing: border-box;
  border-radius: 12px;
  display: block;
  width: 100%;
  padding: 6px 16px 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.coe-picker__item-label {
  margin-top: 8px;
  display: block;
  text-align: center;
  font-size: 16px;
  z-index: -1;
  position: relative;
}
.coe-picker__item-age {
  margin: 0;
  display: block;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  z-index: -1;
  position: relative;
}

.coe-title {
  margin-bottom: 20px;
}
.coe-title h4 {
  margin: 0;
  color: #fff;
  font-weight: 400;
}
.coe-title h4 a {
  color: #0B78E3;
}
@media (max-width: 960px) {
  .coe-title h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;
    margin-top: 10px;
  }
}

.shoutscreate #main-toolbar {
  display: none;
}
.shoutscreate:not(.with-files) {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.shoutscreate:not(.with-files) .shouter {
  display: flex;
  height: 0px;
  margin-top: 30px;
}
.shoutscreate:not(.with-files) .shouter .state {
  width: 100%;
  height: 210px;
}
.shoutscreate:not(.with-files) .shouter .state__cta {
  width: auto;
}
.shoutscreate .navigation__title {
  text-align: left;
  padding-left: 40px;
}

.shoutscreate.with-files .navigation__close {
  display: none;
}
.shoutscreate.with-files .navigation__fullheight {
  display: none;
}
@media (max-width: 960px) {
  .shoutscreate.with-files .navigation__shouter {
    display: block;
  }
}
.shoutscreate.with-files .shout-visibility {
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.shoutscreate.with-files .navigation__mobile-right {
  display: flex;
  align-items: center;
  padding-right: 16px;
}

.shouter {
  background-color: var(--form-background);
}
.shouter .shout-create {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.shouter .add-more {
  display: none;
  width: 100%;
  text-align: center;
}
.shouter #add-more-button {
  display: none !important;
}
.shouter .dz-image-desc {
  resize: none;
  display: block;
  width: 100%;
  color: var(--form-text-color);
  background-color: var(--shout-upload-description-background);
  border: 0 solid transparent;
  line-height: 1.2em;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  min-height: 90px;
  resize: none;
  font-size: 16px;
  padding: 14px 16px 8px 16px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.shouter__shouts {
  width: 100%;
}
.shouter__title {
  width: 100%;
  display: none;
}
.shouter__title .dz-image-desc {
  padding: 14px 16px 12px 16px;
  height: 47px;
  border-radius: 25px;
  background-color: var(--form-background);
}
.shouter .dz-title {
  margin-bottom: 20px;
}
.shouter .dz-preview {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: 10px solid var(--form-background);
  border-radius: 25px;
}
.shouter .dz-preview.dz-error {
  background-color: #EA3535;
  color: #FFFFFF;
}
.shouter .dz-preview.dz-error .dz-error-message {
  display: flex;
}
.shouter .dz-preview.dz-error .dz-image-desc {
  display: none;
}
.shouter .dz-preview .dz-row {
  display: flex;
  flex-direction: column;
}
.shouter .dz-preview .dz-error-message {
  display: none;
  padding: 16px;
  font-size: 16px;
  align-items: center;
}
.shouter .dz-preview .dz-remove {
  position: absolute;
  top: -12px;
  right: -12px;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.shouter .dz-preview .dz-image {
  position: relative;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.shouter .dz-preview .dz-image-img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shouter .dz-preview .dz-image-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
}
.shouter .dz-preview .dz-image-icon {
  width: 50px;
  height: 50px;
  position: absolute;
}
.shouter .dz-preview .dz-image-circle {
  background-color: var(--shout-upload-preview-circle-background);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
}
.with-files .shouter {
  flex-direction: column;
  background-color: transparent;
}
.with-files .shouter .shouter__shouts {
  display: block;
}
.with-files .shouter .shouter__title {
  display: block;
}
.with-files .shouter .shout-create {
  display: block;
}
.with-files .shouter .state {
  display: none;
}
.with-files .shouter .add-more {
  margin-top: 0;
  display: block;
}

.dz-image-img {
  min-width: 300px !important;
}

body[class*=shoutsshow] .main.shout-modal {
  display: block;
}
body[class*=shoutsshow].comment-focus .shout-toolbar {
  display: none;
}
body[class*=shoutsshow] .shout-toolbar {
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
  justify-content: initial;
  padding: 0 8px;
  align-items: center;
}
body[class*=shoutsshow] .shout-toolbar .vote {
  height: 50px;
}
body[class*=shoutsshow] .shout-toolbar .sharer {
  height: 50px;
  margin-left: 16px;
  color: #999;
}
body[class*=shoutsshow] .shout-toolbar .sharer .shout__button {
  height: 50px;
  magin-left: 0;
  color: #999;
}
body[class*=shoutsshow] .shout-toolbar .create-new-comment {
  border: 0;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  line-height: 38px;
  height: 38px;
}
body[class*=shoutsshow] #main-toolbar {
  display: none;
}
@media (max-width: 960px) {
  body[class*=shoutsshow] {
    padding-top: 0;
  }
  body[class*=shoutsshow] .shout__head {
    padding-left: 30px;
  }
  body[class*=shoutsshow] .shout-back {
    position: fixed;
    z-index: 50;
    top: 2px;
    left: -8px;
    width: 50px;
    height: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body[class*=shoutsshow] #main-navigation {
    display: none;
  }
  body[class*=shoutsshow] .wrap--main {
    margin-top: 0;
    margin-bottom: 0;
  }
  body[class*=shoutsshow] .shout {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body[class*=shoutsshow] .compose__main {
    display: none;
  }
  body[class*=shoutsshow] .comments {
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0;
  }
  body[class*=shoutsshow] .comments__head {
    border-radius: 0;
  }
}

.shouts--empty .state__title {
  font-size: 25px;
  color: #fff;
}
.shouts--empty .state__label {
  color: #eee;
}
.shouts--empty .state__icon {
  display: none;
}
@media (max-width: 960px) {
  .shouts--empty {
    min-height: calc(100vh - 121px);
    display: flex;
    align-items: center;
  }
  .shouts--empty .state__icon {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
  }
}

@media (max-width: 960px) {
  .shouts {
    margin: -8px -8px 0;
  }
}

.page-about {
  font-family: "Montserrat", sans-serif;
}
.page-about .about-app {
  overflow-x: hidden;
}
.page-about .navigation .navigation__logo {
  width: auto;
}
.page-about .navigation .navigation__logo img {
  max-height: 37px;
}
@media (max-width: 960px) {
  .page-about .navigation .navigation__logo {
    float: none;
    margin: 0 auto;
  }
}
.page-about .navigation .navigation__text {
  display: inline;
  margin-left: 10px;
  font-family: "Signika";
  color: var(--navigation-text-color);
  font-size: 2em;
}
.page-about .navigation .tabs__item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.page-about .navigation .tabs__item.tabs__item--active:after {
  background-color: #fff;
}
@media (min-width: 960px) {
  .page-about .navigation .about__navbar {
    position: absolute;
    right: 10px;
  }
}
@media (max-width: 960px) {
  .page-about .navigation .about__navbar {
    display: none;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
.page-about .navigation .navigation__action.dropdown--notifications #notifications-bell {
  color: #eee;
  text-shadow: none;
}
.page-about .section {
  padding: 64px 0;
  position: relative;
}
.page-about .section.p-b-0 {
  padding-bottom: 0;
}
.page-about .section.pd-small {
  padding: 60px 0;
}
.page-about .section.pd-big {
  padding: 160px 0;
}
.page-about .section.about-join .join-image {
  background-image: var(--about-2009-image-url);
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  height: 500px;
}
.page-about .section.about-join .join-text {
  margin-top: 100px;
}
@media (max-width: 960px) {
  .page-about .section.about-join {
    background-size: auto;
  }
  .page-about .section.about-join .join-image {
    display: none;
  }
  .page-about .section.about-join .join-text {
    margin-top: 0;
  }
}
.page-about .section.mixed-bg {
  background-position: center -40%;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-about .section.about-intro {
  min-height: 540px;
}
.page-about .section.about-intro .text__image {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
  height: 535px;
}
@media (max-width: 960px) {
  .page-about .section.about-intro .col-7 {
    min-height: 300px;
  }
  .page-about .section.about-intro .text__image {
    max-width: 100%;
    display: block;
    z-index: -1;
  }
}
.page-about .section.about-mods {
  background-image: url("/images/about/hero-about.png");
  background-position: center bottom;
  background-size: cover;
}
.page-about .section.about-mods .text {
  text-align: center;
}
.page-about .section.about-mods .text__title {
  text-align: center;
  margin-bottom: 64px;
}
.page-about .section.about-mods .mod {
  text-align: center;
}
@media (max-width: 960px) {
  .page-about .section.about-mods .mod {
    width: calc(50% - 16px);
  }
}
.page-about .section.about-mods big {
  display: block;
  font-size: 22px;
  color: #fff;
  font-weight: 500;
}
.page-about .section.about-mods small {
  margin-bottom: 16px;
  display: block;
  font-size: 12px;
  color: #fff;
}
.page-about .section.about-mods small img {
  max-width: 100px;
}
.page-about .section.about-data {
  /*
      Use backdrop-filter: brightness(50%); when backdrop-filter will be released on Firefox.
      Currently using pseudo element as workaround.
  */
}
.page-about .section.about-data:before {
  background: url(/images/about/hero-background-light.png);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
.page-about .section.about-data .text {
  text-align: center;
}
.page-about .section.about-data .text__title {
  text-align: center;
  margin-bottom: 64px;
}
.page-about .section.about-data .data {
  text-align: center;
  text-transform: uppercase;
}
.page-about .section.about-data big {
  display: block;
  font-size: 35px;
  color: #fff;
  font-weight: 600;
}
.page-about .section.about-data small {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: #fff;
}
@media (min-width: 960px) {
  .page-about .section.about-data {
    font-size: 22px;
    line-height: 36px;
  }
}
@media (max-width: 960px) {
  .page-about .section.about-data .text--white {
    text-align: left;
  }
  .page-about .section.about-data small {
    font-size: 17px;
  }
}
@media (max-width: 960px) and (min-width: 960px) {
  .page-about .section.about-data big {
    font-size: 55px;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  .page-about .section.about-data big {
    font-size: 30px;
  }
}
.page-about .section .force-white {
  color: #FFFFFF !important;
}
@media (max-width: 960px) {
  .page-about .section {
    padding: 32px 0;
  }
  .page-about .section.pd-big {
    padding: 96px 0;
  }
}
.page-about .about-section--toggable {
  background-image: linear-gradient(to right, #355F9A, #82488C);
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  color: #ffffff !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.page-about .about-section--toggable .text__title {
  color: #ffffff !important;
  margin-bottom: 0;
}
.page-about .about-section--toggable--button {
  background-color: #ffffff;
  color: #82488C;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 25px;
  margin-left: auto;
  font-weight: 600;
}
.page-about .about-section--compattable {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.page-about .about-section--compattable--expanded {
  max-height: 9999px;
  padding-bottom: 20px;
}
.page-about .hero, .page-about .hero-grid {
  width: 100%;
  margin-bottom: 0;
  min-height: 420px;
  margin-top: -55px;
  background-color: transparent;
}
.page-about .hero__background {
  opacity: 1;
  top: -55px;
  height: calc(100% + 55px);
  background-repeat: no-repeat;
}
.page-about .hero__background.hero-about {
  background-color: #fff;
  transition: 0.2s filter linear;
  background-image: var(--hero-background-image);
  background-position: center;
  filter: brightness(var(--hero-background-brightness)) grayscale(var(--hero-background-greyscale));
}
.page-about .hero__background.hero-terms {
  background-image: url("/images/about/hero-terms.png");
  background-position: center bottom;
}
.page-about .hero__background.hero-privacy {
  background-image: url("/images/about/hero-privacy.png");
  background-position: center bottom;
}
.page-about .hero__background.hero-moderation {
  background-image: url("/images/about/hero-red.png");
  background-position: center bottom;
}
.page-about .hero__background.hero-rules {
  background-image: url("/images/about/hero-rules.png");
  background-position: center bottom;
  margin-top: 30px;
}
.page-about .hero__title {
  color: #fff;
  text-shadow: none;
  font-weight: 500;
  font-size: 45px;
  margin: 0 0 10px 0;
}
.page-about .hero__description {
  margin: 16px 0 0;
  max-width: 400px;
  color: #ffffff;
  font-weight: 200;
  text-shadow: none;
}
@media (max-width: 960px) {
  .page-about .hero__description {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  .page-about .hero__description {
    font-size: 30px;
  }
}
.page-about .hero__description__themed {
  color: var(--about-hero-desc-color);
}
.page-about .hero__description b {
  font-weight: 600;
}
.page-about .hero__description strong {
  font-weight: 900;
}
@media (max-width: 960px) {
  .page-about .hero, .page-about .hero-grid {
    min-height: 300px;
  }
  .page-about .hero__title {
    font-size: 37px;
  }
  .page-about .hero__description {
    font-size: 18px;
    font-weight: 400;
  }
}
.page-about .text {
  color: var(--about-text-color);
}
.page-about .text a {
  color: #d4d4d4;
  text-decoration: underline;
}
.page-about .text--white {
  color: #fff;
}
.page-about .text--white a {
  color: #fff;
}
.page-about .text__title {
  margin-bottom: 24px;
  color: var(--about-title-color);
  text-shadow: none;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4em;
}
.page-about .text__title:not(:first-child) {
  margin-top: 32px;
}
.page-about .text__paragraph {
  color: var(--text-paragraph-color);
}
.page-about .text h4 {
  color:   #fff;
}
.page-about .text h4:not(:first-child) {
  margin-top: 32px;
}
.page-about .text p,
.page-about .text ul,
.page-about .text ol {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.65em;
}
.page-about .text p:not(:last-child),
.page-about .text ul:not(:last-child),
.page-about .text ol:not(:last-child) {
  margin-bottom: 16px;
}
.page-about .text ul li,
.page-about .text ol li {
  list-style-position: inside;
}
.page-about .text ul li:not(:last-child),
.page-about .text ol li:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .page-about .text__title {
    font-size: 25px;
    margin-bottom: 16px;
  }
  .page-about .text p {
    font-size: 15px;
  }
  .page-about .text p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.page-about.body--about-menu {
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-about {
    padding-bottom: 0;
  }
  .page-about.body--about-menu {
    position: fixed;
    left: 0;
    width: 100%;
  }
  .page-about.body--about-menu .navigation__back .icon:first-child, .page-about.body--about-menu .navigation__back .form__select:first-child:after {
    display: none;
  }
  .page-about.body--about-menu .navigation__back .icon:last-child, .page-about.body--about-menu .navigation__back .form__select:last-child:after {
    display: inline-block;
  }
  .page-about.body--about-menu .navigation__secondary {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #18191d;
  }
  .page-about.body--about-menu .navigation__secondary .cta-login {
    display: none;
  }
  .page-about.body--about-menu .navigation__secondary .tabs {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
  .page-about .footer nav {
    margin-top: -16px;
  }
  .page-about .footer a {
    font-size: 12px;
    margin-top: 16px;
  }
}

.rule-num {
  background: linear-gradient(to right, #F9C315, #EE8238, #EC4C41, #EA4250, #E51282, #A05199, #707AB1, #32BCDF, #61C4B1);
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 150px;
  width: 150px;
  padding: 5px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  background-color: var(--navigation-background) !important;
  color: var(--navigation-text-color) !important;
  border: none;
}
.rule-num span {
  align-items: center;
  background-color: var(--navigation-background) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 600;
  font-size: 30pt;
}

.app-download {
  overflow: hidden;
  padding: 80px 0;
  color: var(--card-text-color);
}
@media (max-width: 960px) {
  .app-download {
    padding-top: 32px;
  }
}
.app-download__layout {
  display: grid;
  gap: 40px 32px;
}
.app-download__copy {
  position: relative;
  z-index: 1;
  max-width: 672px;
  margin: 0 auto;
}
.app-download__copy h1 {
  margin: 0;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -1.2px;
  font-weight: 700;
}
.app-download__copy p {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.5;
  opacity: 0.6;
}
.app-download__stores {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  margin-top: 32px;
}
.app-download__store {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  background: #1f2937;
  color: #fff;
  transition: background-color 0.2s;
}
.app-download__store:hover, .app-download__store:focus-visible {
  background: #111827;
  color: #fff;
}
.app-download__store img {
  display: block;
}
.app-download__store--google {
  gap: 8px;
  padding: 0 8px;
  font-family: sans-serif;
}
.app-download__store--google small {
  display: block;
  font-size: 8px;
  line-height: 12px;
}
.app-download__store--google strong {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.app-download__preview {
  height: 448px;
  padding: 0 20px;
  -webkit-mask-image: linear-gradient(to bottom, #fff 60%, transparent);
          mask-image: linear-gradient(to bottom, #fff 60%, transparent);
}
.app-download__phone {
  position: relative;
  max-width: 366px;
  margin: 0 auto;
  aspect-ratio: 366/729;
}
.app-download__screen {
  position: absolute;
  left: 6.2841530055%;
  top: 3.1550068587%;
  width: 86.8852459016%;
  height: 94.1015089163%;
  overflow: hidden;
  background: #111827;
}
.app-download__screen img {
  display: block;
  width: 100%;
  height: auto;
}
.app-download__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .app-download {
    padding: 128px 0;
  }
  .app-download__layout {
    grid-template-columns: 7fr 5fr;
  }
  .app-download__copy {
    padding-top: 24px;
  }
  .app-download__preview {
    height: 500px;
    padding: 0;
    margin-top: -40px;
  }
}

.changelog {
  color: #fff;
}
.changelog:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.changelog__head {
  margin-bottom: 16px;
}
.changelog__title {
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 28px;
  color: var(--changelog-text-color);
}
.changelog__info {
  display: flex;
  align-items: center;
}
.changelog__date {
  font-size: 14px;
  color: var(--changelog-text-color);
}
.changelog__tag {
  margin-right: 8px;
  display: inline-block;
  position: relative;
  color: #fff;
  border-radius: 20px;
  padding: 0 8px;
  font-size: 12px;
  height: 20px;
  line-height: 19px;
  background: #3aaa55;
  border: 1px solid #3aaa55;
}
.changelog__tag--new {
  background: #3778ff;
  border: 1px solid #3778ff;
}
.changelog__tag--fix {
  background: #ff4772;
  border: 1px solid #ff4772;
}
.changelog__tag--opt {
  background: #17caf0;
  border: 1px solid #17caf0;
}
.changelog__content p {
  color: var(--changelog-text-color);
  font-size: 16px;
  line-height: 1.5em;
}
.changelog__content p:not(:first-child) {
  margin-top: 16px;
}
.changelog__content img {
  display: block;
  border-radius: 3px;
  max-width: 100%;
}
@media (max-width: 960px) {
  .changelog {
    padding: 0 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (min-width: 960px) {
  .changelog:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

@media (max-width: 960px) {
  .logs {
    padding-bottom: 8px;
  }
}
@media (min-width: 960px) {
  .logs {
    max-width: 500px;
    margin: 0 auto;
  }
}

.reports .comments {
  margin: 0 -8px;
}
.reports .comments:not(:first-child) {
  margin-top: 20px;
}
.reports .shout:not(:first-child) {
  margin-top: 20px;
}

.categories {
  margin: 32px 0;
}
.categories .cats {
  margin-top: -16px;
}
.categories .cats__icon {
  position: absolute;
  left: -32px;
  width: 90px;
  height: 90px;
}
.categories .cats__cta {
  position: relative;
  z-index: 10;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
  width: 120px;
  align-self: center;
  font-size: 11px;
  height: 30px;
  line-height: 28px;
}
.categories .cats__cta:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}
.categories .cats__name {
  position: relative;
  z-index: 10;
  margin: 0 0 8px;
  font-size: 25px;
  font-weight: 300;
}
.categories .cats__item {
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  height: 160px;
  border-radius: 12px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: opacity 0.2s ease;
}
.categories .cats__item[data-slug=funny] {
  background-color: #e29b31;
}
.categories .cats__item[data-slug=fml] {
  background-color: #77462e;
}
.categories .cats__item[data-slug=ask] {
  background-color: #a061e6;
}
.categories .cats__item[data-slug=love] {
  background-color: #ec3f60;
}
.categories .cats__item[data-slug=fails] {
  background-color: #ff867b;
}
.categories .cats__item[data-slug=tender-age] {
  background-color: #2873b7;
}
.categories .cats__item[data-slug=embarassing] {
  background-color: #ff867b;
}
.categories .cats__item[data-slug=outburst] {
  background-color: #bb3c39;
}
.categories .cats__item[data-slug=nsfw] {
  background-color: #cc1d1d;
}
.categories .cats__item--disabled::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.2;
  content: "";
  background-color: #000;
}
.categories .cats__item--small {
  height: 80px;
  padding: 0 8px;
}
.categories .cats__item--small .cats__icon {
  opacity: 0.3;
}
.categories .cats__item--small .cats__name {
  margin: 0;
  font-size: 21px;
  text-transform: none;
}
.categories .cats__item--small .cats__cta {
  display: none;
}
.categories .cats__item--active {
  /*&:after {
      @extend .is-icon;
      content: "\E92B";
      color: #fff;
      position: absolute;
  }*/
}
.categories .cats__item--active:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
}
@media (max-width: 960px) {
  .categories .cats {
    margin-top: -32px;
  }
  .categories .cats__item {
    padding: 0 8px;
    width: calc(50% - 16px);
    height: 100px;
  }
  .categories .cats__name {
    margin-bottom: 0;
    font-size: 21px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  }
  .categories .cats__icon {
    left: -90px;
    width: 140px;
    height: 140px;
    opacity: 0.6;
  }
  .categories .cats__cta {
    display: none;
  }
}
@media (max-width: 960px) {
  .categories {
    margin-bottom: 0;
  }
}

.current-category {
  margin: 0 0 32px;
}
.current-category .cats__item {
  margin-top: 0;
  text-align: left;
  padding-left: 80px;
  height: 50px;
}
.current-category .cats__item--small .cats__icon {
  top: 5px;
  left: 16px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
@media (max-width: 960px) {
  .current-category {
    margin-bottom: 16px;
  }
  .current-category .cats__item--small {
    width: auto;
    margin-top: 0;
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  .current-category .cats__item--small .cats__icon {
    top: 10px;
    width: 30px;
    height: 30px;
  }
}

.groups-page {
  color: var(--card-text-color);
}
.groups-page__header {
  margin-bottom: 32px;
}
.groups-page__header h1 {
  margin-bottom: 8px;
}
.groups-page__header p {
  margin-bottom: 16px;
  color: var(--text-paragraph-color);
}
.groups-page__empty {
  padding: 32px 16px;
  text-align: center;
  color: var(--state-label-color);
}

.explore-page {
  max-width: 1100px;
}
.explore-page__header {
  margin-bottom: 24px;
}
.explore-page__header h1 {
  margin-bottom: 8px;
}
.explore-page__header p {
  color: var(--text-paragraph-color);
}

.explore-search {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}
.explore-search .search {
  flex: 1;
}
.explore-search .button, .explore-search .state--card .state__cta, .state--card .explore-search .state__cta, .explore-search .select, .explore-search .dialog__action, .explore-search #app .dropzone .dz-message span, #app .dropzone .dz-message .explore-search span, .explore-search .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .explore-search button, .explore-search .write__addtag, .explore-search .write__selector-trigger, .explore-search .write__submit {
  flex-shrink: 0;
}

.explore-section {
  margin-bottom: 40px;
}
.explore-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.explore-section__header h2 {
  margin: 0;
  color: var(--text-title-color);
  font-size: 22px;
}
.explore-section__empty {
  color: var(--state-label-color);
}

.explore-carousel {
  display: flex;
  gap: 16px;
  margin: 0 -8px;
  padding: 0 8px 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.explore-carousel::-webkit-scrollbar {
  display: none;
}
@media (hover: hover) {
  .explore-carousel {
    cursor: -webkit-grab;
    cursor: grab;
  }
}
.explore-carousel.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.explore-carousel__item,
.explore-carousel .explore-post-card,
.explore-carousel .explore-user-card {
  flex: 0 0 220px;
}
.explore-carousel--groups .explore-carousel__item {
  display: flex;
}
.explore-carousel--groups .group-card {
  width: 100%;
}
.explore-carousel--users .explore-user-card {
  flex-basis: 190px;
}

.explore-post-card,
.explore-user-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: var(--secret-background);
  color: var(--text-title-color);
}
.explore-post-card:hover,
.explore-user-card:hover {
  color: var(--text-title-color);
}

.explore-post-card {
  aspect-ratio: 1;
}
.explore-post-card__image, .explore-post-card__overlay {
  position: absolute;
  inset: 0;
}
.explore-post-card__image {
  background-position: center;
  background-size: cover;
  opacity: 0.55;
  transition: transform 0.25s ease;
}
.explore-post-card:hover .explore-post-card__image {
  transform: scale(1.05);
}
.explore-post-card__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
}
.explore-post-card__content {
  position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  color: #fff;
}
.explore-post-card__content h3 {
  margin: 0 0 4px;
  font-size: 17px;
  line-height: 1.25;
}
.explore-post-card__content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.3;
}

.explore-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.explore-tag {
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--toolbar-background);
  color: var(--navigation-text-color);
}
.explore-tag:hover {
  color: #fff;
  background: #0B78E3;
}

.explore-user-card {
  min-height: 220px;
  text-align: center;
}
.explore-user-card__cover {
  height: 105px;
  background-position: center;
  background-size: cover;
  opacity: 0.45;
}
.explore-user-card__position {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0B78E3;
  color: #fff;
  font-size: 13px;
  line-height: 24px;
}
.explore-user-card__avatar {
  position: absolute;
  top: 55px;
  left: 50%;
  width: 76px;
  height: 76px;
  transform: translateX(-50%);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.explore-user-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 42px 12px 16px;
}
.explore-user-card__body strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.explore-user-card__body span {
  color: var(--text-paragraph-color);
  font-size: 13px;
}

@media (max-width: 960px) {
  .explore-search {
    align-items: stretch;
    flex-direction: column;
  }
  .explore-search .button, .explore-search .state--card .state__cta, .state--card .explore-search .state__cta, .explore-search .select, .explore-search .dialog__action, .explore-search #app .dropzone .dz-message span, #app .dropzone .dz-message .explore-search span, .explore-search .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .explore-search button, .explore-search .write__addtag, .explore-search .write__selector-trigger, .explore-search .write__submit {
    align-self: flex-end;
  }
  .explore-section {
    margin-bottom: 32px;
  }
}
.group-form-page {
  max-width: 900px;
}

.group-search-page {
  max-width: 1100px;
}

.global-search-groups {
  margin-bottom: 32px;
}
.global-search-groups__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.global-search-groups__header h2 {
  margin: 0;
}
.global-search-groups__header a {
  color: var(--text-paragraph-color);
  font-size: 13px;
}

.group-search-form {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.group-search-form .form__input, .group-search-form .form .datepicker input, .form .datepicker .group-search-form input {
  flex: 1;
}

.group-form .form__actions {
  margin-top: 24px;
}

.group-danger-notice {
  margin-bottom: 24px;
  padding: 16px;
  border-left: 4px solid #d8405a;
  border-radius: 12px;
  background: var(--dropdown-background);
}
.group-danger-notice p {
  margin-top: 8px;
  color: var(--text-paragraph-color);
}

.group-post-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--text-paragraph-color);
}
.group-post-context a {
  color: var(--text-title-color);
}

.group-ban-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
  padding: 20px;
  background: var(--dropdown-background);
  border-radius: 12px;
}
.group-ban-form .form__help {
  margin: 0;
}
.group-ban-form .button, .group-ban-form .state--card .state__cta, .state--card .group-ban-form .state__cta, .group-ban-form .select, .group-ban-form .dialog__action, .group-ban-form #app .dropzone .dz-message span, #app .dropzone .dz-message .group-ban-form span, .group-ban-form .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .group-ban-form button, .group-ban-form .write__addtag, .group-ban-form .write__selector-trigger, .group-ban-form .write__submit {
  align-self: flex-start;
}
.group-ban-form__inputs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.group-bans {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.group-ban {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: var(--dropdown-background);
  border-radius: 12px;
}
.group-ban a {
  color: var(--text-title-color);
}

.group-post-actions form {
  margin: 0;
}
.group-post-actions .dropdown__item {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
}
.group-post-actions__separator {
  margin-top: 10px;
}

.group-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.group-form__grid > .settings-form__field:not(:first-child) {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .group-form__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .group-form__grid > .settings-form__field:not(:first-child) {
    margin-top: 24px;
  }
}
.group-background-picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.group-background-picker__item {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}
.group-background-picker__item input {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 8px;
}
.group-background-picker__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.group-background-picker__item:has(input:checked) {
  outline: 3px solid #0B78E3;
}
.group-background-picker__current {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 16/9;
  border-radius: 12px;
  background-position: center;
  background-size: cover;
}

.groups-section {
  margin-bottom: 40px;
}
.groups-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
.groups-section__header h2 {
  margin-bottom: 4px;
  color: var(--text-title-color);
}
.groups-section__header p {
  color: var(--text-paragraph-color);
  font-size: 14px;
}
.groups-section__header a {
  white-space: nowrap;
}
.groups-section__empty {
  margin: 16px 0 0;
  color: var(--state-label-color);
}

.groups-cards {
  margin-top: -16px;
}
.groups-cards__column {
  margin-top: 16px;
}

.groups-cards--carousel {
  display: flex;
  gap: 16px;
  margin: 0 -8px;
  padding: 0 8px 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.groups-cards--carousel::-webkit-scrollbar {
  display: none;
}
.groups-cards--carousel.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.groups-cards--carousel .groups-cards__column {
  flex: 0 0 220px;
  margin-top: 0;
}

.group-card {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 12px;
  background: #1d1d1d;
  color: #fff;
}
.group-card:hover {
  color: #fff;
}
.group-card:hover .group-card__cover {
  transform: scale(1.05);
}
.group-card__cover {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-color: #1d1d1d;
  opacity: 0.5;
  transition: transform 0.25s ease;
}
.group-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.08));
}
.group-card__members {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
}
.group-card__body {
  position: absolute;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 2;
}
.group-card__body h2 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}
.group-card__body p {
  margin: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.group-status {
  color: var(--text-paragraph-color);
  font-size: 13px;
}
.group-status--inactive {
  margin-top: 8px;
  color: #F4C858;
}

.groups-show {
  padding: 0 16px 32px;
}
.groups-show .secrets {
  display: block;
}
.groups-show__meta, .groups-show__info {
  margin-bottom: 16px;
}
.groups-show__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 24px;
  align-items: center;
}
.groups-show__meta .alert, .groups-show__meta .write__tags-max span, .write__tags-max .groups-show__meta span {
  grid-column: 1/-1;
  margin: 0;
}
.groups-show__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
  align-items: center;
}
.groups-show__summary strong,
.groups-show__summary span {
  display: block;
}
.groups-show__summary strong {
  margin-bottom: 4px;
  color: var(--text-title-color);
}
.groups-show__summary span {
  color: var(--text-paragraph-color);
  font-size: 12px;
}
.groups-show__stat {
  min-width: 60px;
}
.groups-show__admin-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.groups-show__admin-actions form {
  margin: 0;
}
.groups-show__membership, .groups-show__posting {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--secret-border);
}
.groups-show__membership {
  justify-content: space-between;
}
.groups-show__posting span {
  color: var(--text-paragraph-color);
  font-size: 13px;
}
.groups-show__info section + section {
  margin-top: 20px;
}
.groups-show__info h2 {
  margin-bottom: 8px;
  color: var(--text-title-color);
  font-size: 16px;
}

@media (min-width: 960px) {
  .groups-show .secrets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }
  .groups-show .secrets > .secret {
    width: auto;
    margin: 0;
  }
}
@media (min-width: 1480px) {
  .groups-show .secrets {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .groups-show .secrets > .secret {
    width: auto;
  }
}
.group-copy {
  white-space: pre-line;
  color: var(--text-paragraph-color);
  line-height: 1.5;
}

.group-hero .hero__background {
  filter: none;
  opacity: 1;
}
.group-hero .hero__background::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.22);
  content: "";
}
.group-hero .hero__message {
  width: 100%;
}
.group-hero .hero__title,
.group-hero .hero__description {
  color: #fff;
}

.groups-show .secret__category {
  float: none;
  display: block;
  width: 100%;
  margin-top: 4px;
  margin-left: 0;
  text-align: left;
}

.groups-navigation-mobile .center {
  min-width: 0;
}
.groups-navigation-mobile .text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.groups-tabs {
  margin-bottom: 16px;
}

@media (max-width: 960px) {
  .groups-page__header {
    margin-bottom: 24px;
  }
  .groups-section {
    margin-bottom: 32px;
  }
  .groups-show {
    padding-right: 8px;
    padding-left: 8px;
  }
  .groups-show__meta {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .groups-show__meta .group-status {
    margin-left: 0;
  }
  .groups-show__summary, .groups-show__admin-actions, .groups-show__membership, .groups-show__posting {
    grid-column: 1;
  }
  .groups-show__admin-actions {
    justify-content: flex-start;
  }
  .groups-show__posting {
    align-items: flex-start;
  }
  .group-form__grid {
    grid-template-columns: 1fr;
  }
  .group-search-form {
    align-items: stretch;
    flex-direction: column;
  }
  .group-search-form .button, .group-search-form .state--card .state__cta, .state--card .group-search-form .state__cta, .group-search-form .select, .group-search-form .dialog__action, .group-search-form #app .dropzone .dz-message span, #app .dropzone .dz-message .group-search-form span, .group-search-form .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .group-search-form button, .group-search-form .write__addtag, .group-search-form .write__selector-trigger, .group-search-form .write__submit {
    align-self: flex-start;
  }
  .group-ban-form__inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .group-background-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.relationships {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  color: var(--card-text-color);
}
.relationships__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
  padding: 24px;
  background: linear-gradient(135deg, rgba(11, 120, 227, 0.22), rgba(204, 178, 10, 0.12));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.relationships__header h1 {
  margin: 0 0 8px;
  color: var(--text-title-color);
  font-size: 28px;
}
.relationships__header p:last-child {
  max-width: 620px;
  margin: 0;
  color: var(--text-paragraph-color);
  line-height: 1.5;
}
.relationships__header .button, .relationships__header .state--card .state__cta, .state--card .relationships__header .state__cta, .relationships__header .select, .relationships__header .dialog__action, .relationships__header #app .dropzone .dz-message span, #app .dropzone .dz-message .relationships__header span, .relationships__header .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .relationships__header button, .relationships__header .write__addtag, .relationships__header .write__selector-trigger, .relationships__header .write__submit {
  flex: 0 0 auto;
}
.relationships__header .button:disabled, .relationships__header .state--card .state__cta:disabled, .state--card .relationships__header .state__cta:disabled, .relationships__header .select:disabled, .relationships__header .dialog__action:disabled, .relationships__header #app .dropzone .dz-message span:disabled, #app .dropzone .dz-message .relationships__header span:disabled, .relationships__header .sweet-alert .sa-button-container button:disabled, .sweet-alert .sa-button-container .relationships__header button:disabled, .relationships__header .write__addtag:disabled, .relationships__header .write__selector-trigger:disabled, .relationships__header .write__submit:disabled {
  cursor: not-allowed;
  filter: grayscale(0.2);
  opacity: 0.45;
}
.relationships__eyebrow,
.relationships .relationship-picker__eyebrow {
  margin: 0 0 8px;
  color: #0B78E3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.relationships__notice {
  margin: 0 0 20px;
  padding: 12px 16px;
  border-radius: 12px;
}
.relationships__notice--muted {
  color: var(--text-paragraph-color);
  background: var(--dropdown-background);
}
.relationships__notice.is-error {
  color: #d8405a;
}
.relationships__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.relationships__empty {
  grid-column: 1/-1;
  padding: 52px 24px;
  color: var(--state-label-color);
  text-align: center;
  background: var(--secret-background);
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 12px;
}
.relationships__empty h2 {
  margin: 8px 0;
  color: var(--text-title-color);
  font-size: 18px;
}
.relationships__empty p {
  max-width: 420px;
  margin: 0 auto 20px;
  line-height: 1.5;
}
.relationships__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #F4C858;
  font-size: 28px;
  border: 1px solid rgba(244, 200, 88, 0.55);
  border-radius: 50%;
}
.relationships__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 28px;
  color: var(--text-paragraph-color);
  font-size: 13px;
}
.relationships__pagination [aria-disabled=true] {
  cursor: default;
  opacity: 0.35;
}

.relationship-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: var(--secret-background);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.relationship-card__profile {
  display: block;
  color: var(--card-text-color);
}
.relationship-card__profile:hover .relationship-card__cover {
  filter: brightness(1.12);
}
.relationship-card__cover {
  display: block;
  height: 78px;
  background-color: #1F2124;
  background-position: center;
  background-size: cover;
  transition: filter 0.18s ease;
}
.relationship-card__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 62px;
  padding: 0 12px 12px;
}
.relationship-card__avatar {
  width: 48px;
  height: 48px;
  margin-top: -24px;
  flex: 0 0 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 3px solid var(--secret-background);
  border-radius: 50%;
}
.relationship-card__name {
  overflow: hidden;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.relationship-card__action-form {
  padding: 0 12px 12px;
}
.relationship-card__action {
  width: 100%;
  min-width: 0;
  padding: 0 10px;
  font-size: 12px;
}
.relationship-card__action-icon {
  margin-right: 5px;
}

.relationship-picker {
  position: fixed;
  z-index: 100;
  inset: 0;
}
.relationship-picker[hidden] {
  display: none;
}
.relationship-picker__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
}
.relationship-picker__dialog {
  position: relative;
  z-index: 1;
  width: calc(100% - 32px);
  max-width: 620px;
  max-height: calc(100vh - 48px);
  margin: 24px auto;
  overflow: hidden;
  color: var(--card-text-color);
  background: var(--dropdown-background);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.relationship-picker__header, .relationship-picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
}
.relationship-picker__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.relationship-picker__header h2 {
  margin: 0;
  color: var(--text-title-color);
  font-size: 20px;
}
.relationship-picker__close {
  padding: 0 6px;
  color: var(--text-paragraph-color);
  font-size: 28px;
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.relationship-picker__search {
  display: block;
  margin: 16px 20px 8px;
}
.relationship-picker__search input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  color: var(--form-text-color);
  background: var(--form-background);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}
.relationship-picker__hint {
  min-height: 20px;
  margin: 0 20px 8px;
  color: var(--text-paragraph-color);
  font-size: 12px;
}
.relationship-picker__results {
  max-height: 360px;
  padding: 0 12px;
  overflow-y: auto;
}
.relationship-picker__result {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 10px 8px;
  color: var(--text-title-color);
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.relationship-picker__result:hover, .relationship-picker__result.is-selected {
  background: rgba(11, 120, 227, 0.18);
}
.relationship-picker__result:disabled {
  cursor: default;
  opacity: 0.45;
}
.relationship-picker__result img {
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.relationship-picker__result > span:nth-child(2) {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.relationship-picker__result-status {
  color: var(--text-paragraph-color);
  font-size: 11px;
}
.relationship-picker__footer {
  margin-top: 8px;
  color: var(--text-paragraph-color);
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.relationship-picker__footer > div {
  display: flex;
  gap: 8px;
}

.user-relationship-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  padding: 14px 16px;
  background: var(--secret-background);
  border-left: 3px solid #0B78E3;
  border-radius: 4px;
}
.user-relationship-actions form {
  margin: 0;
}
.user-relationship-actions .button, .user-relationship-actions .state--card .state__cta, .state--card .user-relationship-actions .state__cta, .user-relationship-actions .select, .user-relationship-actions .dialog__action, .user-relationship-actions #app .dropzone .dz-message span, #app .dropzone .dz-message .user-relationship-actions span, .user-relationship-actions .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .user-relationship-actions button, .user-relationship-actions .write__addtag, .user-relationship-actions .write__selector-trigger, .user-relationship-actions .write__submit {
  height: 36px;
  line-height: 32px;
  font-size: 13px;
}
.user-relationship-actions .button:disabled, .user-relationship-actions .state--card .state__cta:disabled, .state--card .user-relationship-actions .state__cta:disabled, .user-relationship-actions .select:disabled, .user-relationship-actions .dialog__action:disabled, .user-relationship-actions #app .dropzone .dz-message span:disabled, #app .dropzone .dz-message .user-relationship-actions span:disabled, .user-relationship-actions .sweet-alert .sa-button-container button:disabled, .sweet-alert .sa-button-container .user-relationship-actions button:disabled, .user-relationship-actions .write__addtag:disabled, .user-relationship-actions .write__selector-trigger:disabled, .user-relationship-actions .write__submit:disabled {
  cursor: not-allowed;
  filter: grayscale(0.2);
  opacity: 0.45;
}
.user-relationship-actions__block.button--error {
  color: #d8405a;
  border-color: #d8405a;
}
.user-relationship-actions__manage, .user-relationship-actions__status {
  color: var(--text-paragraph-color);
  font-size: 12px;
}
.user-relationship-actions__manage {
  margin-left: auto;
}
.user-relationship-actions__status {
  flex-basis: 100%;
  margin: 0;
}
.user-relationship-actions__status:empty {
  display: none;
}
.user-relationship-actions__status.is-error {
  color: #d8405a;
}

@media (max-width: 960px) {
  .relationships__header {
    align-items: stretch;
    flex-direction: column;
    padding: 20px;
  }
  .relationships__header h1 {
    font-size: 24px;
  }
  .relationships__header .button, .relationships__header .state--card .state__cta, .state--card .relationships__header .state__cta, .relationships__header .select, .relationships__header .dialog__action, .relationships__header #app .dropzone .dz-message span, #app .dropzone .dz-message .relationships__header span, .relationships__header .sweet-alert .sa-button-container button, .sweet-alert .sa-button-container .relationships__header button, .relationships__header .write__addtag, .relationships__header .write__selector-trigger, .relationships__header .write__submit {
    align-self: flex-start;
  }
  .relationships__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .relationship-card__cover {
    height: 64px;
  }
  .relationship-card__identity {
    padding-right: 8px;
    padding-left: 8px;
  }
  .relationship-card__avatar {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    margin-top: -20px;
  }
  .relationship-card__name {
    margin-left: 6px;
    font-size: 12px;
  }
  .relationship-card__action-form {
    padding: 0 8px 8px;
  }
  .relationship-picker__dialog {
    width: calc(100% - 16px);
    margin: 8px auto;
  }
  .relationship-picker__header, .relationship-picker__footer {
    padding: 14px;
  }
  .relationship-picker__search {
    margin-right: 14px;
    margin-left: 14px;
  }
  .relationship-picker__hint {
    margin-right: 14px;
    margin-left: 14px;
  }
  .user-relationship-actions {
    align-items: stretch;
  }
  .user-relationship-actions__manage {
    flex-basis: 100%;
    margin-left: 0;
  }
}
.about__devices-paragraph {
  display: flex;
}
@media (max-width: 960px) {
  .about__devices-paragraph {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .about__devices-paragraph {
    flex-direction: column;
  }
}
.about__numbers {
  margin-bottom: 20px;
}

.info-table {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.info-table_elem {
  margin: 5px;
  padding: 5px;
  border: 1px solid var(--navigation-text-color);
  width: 30%;
  height: 100px;
  font-size: 20pt;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .info-table_elem {
    width: 45%;
  }
}
@media (max-width: 960px) {
  .info-table_elem {
    width: 100%;
  }
}
.info-table_elem span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.write-mature-switch {
  padding: 0 0 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .write-mature-switch {
    padding-top: 20px;
  }
}
.write-mature-switch__field {
  border: #d8405a 2px solid;
  border-radius: 5px;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
}
.write-mature-switch__field__label {
  padding-top: 2px;
}
.write-mature-switch__field .toggle {
  padding-left: 10px;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
@font-face {
  font-family: "icomoon";
  src: url("/fonts/insegreto.eot?twgtqn");
  src: url("/fonts/insegreto.eot?twgtqn#iefix") format("embedded-opentype"), url("/fonts/insegreto.ttf?twgtqn") format("truetype"), url("/fonts/insegreto.woff?twgtqn") format("woff"), url("/fonts/insegreto.svg?twgtqn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.is-icon, .write .styles__theme--active:after, .write .styles__color--active:after, .write .styles__pattern--active:after,
[class^=is-icon-],
[class*=" is-icon-"] {
  position: relative;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  display: inline-block;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.is-icon.icon-auto, .write .icon-auto.styles__theme--active:after, .write .icon-auto.styles__color--active:after, .write .icon-auto.styles__pattern--active:after,
[class^=is-icon-].icon-auto,
[class*=" is-icon-"].icon-auto {
  font-size: 1em;
}
.is-icon.icon-medium, .write .icon-medium.styles__theme--active:after, .write .icon-medium.styles__color--active:after, .write .icon-medium.styles__pattern--active:after,
[class^=is-icon-].icon-medium,
[class*=" is-icon-"].icon-medium {
  font-size: 20px;
}
.is-icon.icon-small, .write .icon-small.styles__theme--active:after, .write .icon-small.styles__color--active:after, .write .icon-small.styles__pattern--active:after,
[class^=is-icon-].icon-small,
[class*=" is-icon-"].icon-small {
  font-size: 18px;
}
.is-icon.icon-large, .write .icon-large.styles__theme--active:after, .write .icon-large.styles__color--active:after, .write .icon-large.styles__pattern--active:after,
[class^=is-icon-].icon-large,
[class*=" is-icon-"].icon-large {
  font-size: 36px;
}
.is-icon.icon-x-large, .write .icon-x-large.styles__theme--active:after, .write .icon-x-large.styles__color--active:after, .write .icon-x-large.styles__pattern--active:after,
[class^=is-icon-].icon-x-large,
[class*=" is-icon-"].icon-x-large {
  font-size: 48px;
}

.is-icon-arrow-up-thick:before {
  content: "\ea0a";
}

.is-icon-arrow-down-thick:before {
  content: "\ea0b";
}

.is-icon-arrow-up-outline:before {
  content: "\ea0c";
}

.is-icon-arrow-down-outline:before {
  content: "\ea0d";
}

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

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

.is-icon-alert-circle:before {
  content: "\e902";
}

.is-icon-alert-octagon:before {
  content: "\e903";
}

.is-icon-alert-triangle:before {
  content: "\e904";
}

.is-icon-align-center:before {
  content: "\e905";
}

.is-icon-align-justify:before {
  content: "\e906";
}

.is-icon-align-left:before {
  content: "\e907";
}

.is-icon-align-right:before {
  content: "\e908";
}

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

.is-icon-aperture:before {
  content: "\e90a";
}

.is-icon-archive:before {
  content: "\e90b";
}

.is-icon-arrow-down:before {
  content: "\e90c";
}

.is-icon-arrow-down-circle:before {
  content: "\e90d";
}

.is-icon-arrow-down-left:before {
  content: "\e90e";
}

.is-icon-arrow-down-right:before {
  content: "\e90f";
}

.is-icon-arrow-left:before {
  content: "\e910";
}

.is-icon-arrow-left-circle:before {
  content: "\e911";
}

.is-icon-arrow-right:before {
  content: "\e912";
}

.is-icon-arrow-right-circle:before {
  content: "\e913";
}

.is-icon-arrow-up:before {
  content: "\e914";
}

.is-icon-arrow-up-circle:before {
  content: "\e915";
}

.is-icon-arrow-up-left:before {
  content: "\e916";
}

.is-icon-arrow-up-right:before {
  content: "\e917";
}

.is-icon-at-sign:before {
  content: "\e918";
}

.is-icon-award:before {
  content: "\e919";
}

.is-icon-bar-chart:before {
  content: "\e91a";
}

.is-icon-bar-chart-2:before {
  content: "\e91b";
}

.is-icon-battery:before {
  content: "\e91c";
}

.is-icon-battery-charging:before {
  content: "\e91d";
}

.is-icon-bell:before {
  content: "\e91e";
}

.is-icon-bell-off:before {
  content: "\e91f";
}

.is-icon-bluetooth:before {
  content: "\e920";
}

.is-icon-bold:before {
  content: "\e921";
}

.is-icon-book:before {
  content: "\e922";
}

.is-icon-book-open:before {
  content: "\e923";
}

.is-icon-bookmark:before {
  content: "\e924";
}

.is-icon-box:before {
  content: "\e925";
}

.is-icon-briefcase:before {
  content: "\e926";
}

.is-icon-calendar:before {
  content: "\e927";
}

.is-icon-camera:before {
  content: "\e928";
}

.is-icon-camera-off:before {
  content: "\e929";
}

.is-icon-cast:before {
  content: "\e92a";
}

.is-icon-check:before {
  content: "\e92b";
}

.is-icon-check-circle:before {
  content: "\e92c";
}

.is-icon-check-square:before {
  content: "\e92d";
}

.is-icon-chevron-down:before {
  content: "\e92e";
}

.is-icon-chevron-left:before {
  content: "\e92f";
}

.is-icon-chevron-right:before {
  content: "\e930";
}

.is-icon-chevron-up:before {
  content: "\e931";
}

.is-icon-chevrons-down:before {
  content: "\e932";
}

.is-icon-chevrons-left:before {
  content: "\e933";
}

.is-icon-chevrons-right:before {
  content: "\e934";
}

.is-icon-chevrons-up:before {
  content: "\e935";
}

.is-icon-chrome:before {
  content: "\e936";
}

.is-icon-circle:before {
  content: "\e937";
}

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

.is-icon-clock:before {
  content: "\e939";
}

.is-icon-cloud:before {
  content: "\e93a";
}

.is-icon-cloud-drizzle:before {
  content: "\e93b";
}

.is-icon-cloud-lightning:before {
  content: "\e93c";
}

.is-icon-cloud-off:before {
  content: "\e93d";
}

.is-icon-cloud-rain:before {
  content: "\e93e";
}

.is-icon-cloud-snow:before {
  content: "\e93f";
}

.is-icon-code:before {
  content: "\e940";
}

.is-icon-codepen:before {
  content: "\e941";
}

.is-icon-command:before {
  content: "\e942";
}

.is-icon-compass:before {
  content: "\e943";
}

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

.is-icon-corner-down-left:before {
  content: "\e945";
}

.is-icon-corner-down-right:before {
  content: "\e946";
}

.is-icon-corner-left-down:before {
  content: "\e947";
}

.is-icon-corner-left-up:before {
  content: "\e948";
}

.is-icon-corner-right-down:before {
  content: "\e949";
}

.is-icon-corner-right-up:before {
  content: "\e94a";
}

.is-icon-corner-up-left:before {
  content: "\e94b";
}

.is-icon-corner-up-right:before {
  content: "\e94c";
}

.is-icon-cpu:before {
  content: "\e94d";
}

.is-icon-credit-card:before {
  content: "\e94e";
}

.is-icon-crop:before {
  content: "\e94f";
}

.is-icon-crosshair:before {
  content: "\e950";
}

.is-icon-database:before {
  content: "\e951";
}

.is-icon-delete:before {
  content: "\e952";
}

.is-icon-disc:before {
  content: "\e953";
}

.is-icon-dollar-sign:before {
  content: "\e954";
}

.is-icon-download:before {
  content: "\e955";
}

.is-icon-download-cloud:before {
  content: "\e956";
}

.is-icon-droplet:before {
  content: "\e957";
}

.is-icon-edit:before {
  content: "\e958";
}

.is-icon-edit-2:before {
  content: "\e959";
}

.is-icon-edit-3:before {
  content: "\e95a";
}

.is-icon-external-link:before {
  content: "\e95b";
}

.is-icon-eye:before {
  content: "\e95c";
}

.is-icon-eye-off:before {
  content: "\e95d";
}

.is-icon-facebook:before {
  content: "\e95e";
}

.is-icon-fast-forward:before {
  content: "\e95f";
}

.is-icon-feather:before {
  content: "\e960";
}

.is-icon-file:before {
  content: "\e961";
}

.is-icon-file-minus:before {
  content: "\e962";
}

.is-icon-file-plus:before {
  content: "\e963";
}

.is-icon-file-text:before {
  content: "\e964";
}

.is-icon-film:before {
  content: "\e965";
}

.is-icon-filter:before {
  content: "\e966";
}

.is-icon-flag:before {
  content: "\e967";
}

.is-icon-folder:before {
  content: "\e968";
}

.is-icon-folder-minus:before {
  content: "\e969";
}

.is-icon-folder-plus:before {
  content: "\e96a";
}

.is-icon-gift:before {
  content: "\e96b";
}

.is-icon-git-branch:before {
  content: "\e96c";
}

.is-icon-git-commit:before {
  content: "\e96d";
}

.is-icon-git-merge:before {
  content: "\e96e";
}

.is-icon-git-pull-request:before {
  content: "\e96f";
}

.is-icon-github:before {
  content: "\e970";
}

.is-icon-gitlab:before {
  content: "\e971";
}

.is-icon-globe:before {
  content: "\e972";
}

.is-icon-grid:before {
  content: "\e973";
}

.is-icon-hard-drive:before {
  content: "\e974";
}

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

.is-icon-headphones:before {
  content: "\e976";
}

.is-icon-heart:before {
  content: "\e977";
}

.is-icon-help-circle:before {
  content: "\e978";
}

.is-icon-home:before {
  content: "\e979";
}

.is-icon-image:before {
  content: "\e97a";
}

.is-icon-inbox:before {
  content: "\e97b";
}

.is-icon-info:before {
  content: "\e97c";
}

.is-icon-instagram:before {
  content: "\e97d";
}

.is-icon-italic:before {
  content: "\e97e";
}

.is-icon-layers:before {
  content: "\e97f";
}

.is-icon-layout:before {
  content: "\e980";
}

.is-icon-life-buoy:before {
  content: "\e981";
}

.is-icon-link:before {
  content: "\e982";
}

.is-icon-link-2:before {
  content: "\e983";
}

.is-icon-linkedin:before {
  content: "\e984";
}

.is-icon-list:before {
  content: "\e985";
}

.is-icon-loader:before {
  content: "\e986";
}

.is-icon-lock:before {
  content: "\e987";
}

.is-icon-log-in:before {
  content: "\e988";
}

.is-icon-log-out:before {
  content: "\e989";
}

.is-icon-mail:before {
  content: "\e98a";
}

.is-icon-map:before {
  content: "\e98b";
}

.is-icon-map-pin:before {
  content: "\e98c";
}

.is-icon-maximize:before {
  content: "\e98d";
}

.is-icon-maximize-2:before {
  content: "\e98e";
}

.is-icon-menu:before {
  content: "\e98f";
}

.is-icon-message-circle:before {
  content: "\e990";
}

.is-icon-message-square:before {
  content: "\e991";
}

.is-icon-mic:before {
  content: "\e992";
}

.is-icon-mic-off:before {
  content: "\e993";
}

.is-icon-minimize:before {
  content: "\e994";
}

.is-icon-minimize-2:before {
  content: "\e995";
}

.is-icon-minus:before {
  content: "\e996";
}

.is-icon-minus-circle:before {
  content: "\e997";
}

.is-icon-minus-square:before {
  content: "\e998";
}

.is-icon-monitor:before {
  content: "\e999";
}

.is-icon-moon:before {
  content: "\e99a";
}

.is-icon-more-horizontal:before {
  content: "\e99b";
}

.is-icon-more-vertical:before {
  content: "\e99c";
}

.is-icon-move:before {
  content: "\e99d";
}

.is-icon-music:before {
  content: "\e99e";
}

.is-icon-navigation:before {
  content: "\e99f";
}

.is-icon-navigation-2:before {
  content: "\e9a0";
}

.is-icon-octagon:before {
  content: "\e9a1";
}

.is-icon-package:before {
  content: "\e9a2";
}

.is-icon-paperclip:before {
  content: "\e9a3";
}

.is-icon-pause:before {
  content: "\e9a4";
}

.is-icon-pause-circle:before {
  content: "\e9a5";
}

.is-icon-percent:before {
  content: "\e9a6";
}

.is-icon-phone:before {
  content: "\e9a7";
}

.is-icon-phone-call:before {
  content: "\e9a8";
}

.is-icon-phone-forwarded:before {
  content: "\e9a9";
}

.is-icon-phone-incoming:before {
  content: "\e9aa";
}

.is-icon-phone-missed:before {
  content: "\e9ab";
}

.is-icon-phone-off:before {
  content: "\e9ac";
}

.is-icon-phone-outgoing:before {
  content: "\e9ad";
}

.is-icon-pie-chart:before {
  content: "\e9ae";
}

.is-icon-play:before {
  content: "\e9af";
}

.is-icon-play-circle:before {
  content: "\e9b0";
}

.is-icon-plus:before {
  content: "\e9b1";
}

.is-icon-plus-circle:before {
  content: "\e9b2";
}

.is-icon-plus-square:before {
  content: "\e9b3";
}

.is-icon-pocket:before {
  content: "\e9b4";
}

.is-icon-power:before {
  content: "\e9b5";
}

.is-icon-printer:before {
  content: "\e9b6";
}

.is-icon-radio:before {
  content: "\e9b7";
}

.is-icon-refresh-ccw:before {
  content: "\e9b8";
}

.is-icon-refresh-cw:before {
  content: "\e9b9";
}

.is-icon-repeat:before {
  content: "\e9ba";
}

.is-icon-rewind:before {
  content: "\e9bb";
}

.is-icon-rotate-ccw:before {
  content: "\e9bc";
}

.is-icon-rotate-cw:before {
  content: "\e9bd";
}

.is-icon-rss:before {
  content: "\e9be";
}

.is-icon-save:before {
  content: "\e9bf";
}

.is-icon-scissors:before {
  content: "\e9c0";
}

.is-icon-search:before {
  content: "\e9c1";
}

.is-icon-send:before {
  content: "\e9c2";
}

.is-icon-server:before {
  content: "\e9c3";
}

.is-icon-settings:before {
  content: "\e9c4";
}

.is-icon-share:before {
  content: "\e9c5";
}

.is-icon-share-2:before {
  content: "\e9c6";
}

.is-icon-shield:before {
  content: "\e9c7";
}

.is-icon-shield-off:before {
  content: "\e9c8";
}

.is-icon-shopping-bag:before {
  content: "\e9c9";
}

.is-icon-shopping-cart:before {
  content: "\e9ca";
}

.is-icon-shuffle:before {
  content: "\e9cb";
}

.is-icon-sidebar:before {
  content: "\e9cc";
}

.is-icon-skip-back:before {
  content: "\e9cd";
}

.is-icon-skip-forward:before {
  content: "\e9ce";
}

.is-icon-slack:before {
  content: "\e9cf";
}

.is-icon-slash:before {
  content: "\e9d0";
}

.is-icon-sliders:before {
  content: "\e9d1";
}

.is-icon-smartphone:before {
  content: "\e9d2";
}

.is-icon-speaker:before {
  content: "\e9d3";
}

.is-icon-square:before {
  content: "\e9d4";
}

.is-icon-star:before {
  content: "\e9d5";
}

.is-icon-stop-circle:before {
  content: "\e9d6";
}

.is-icon-sun:before {
  content: "\e9d7";
}

.is-icon-sunrise:before {
  content: "\e9d8";
}

.is-icon-sunset:before {
  content: "\e9d9";
}

.is-icon-tablet:before {
  content: "\e9da";
}

.is-icon-tag:before {
  content: "\e9db";
}

.is-icon-target:before {
  content: "\e9dc";
}

.is-icon-terminal:before {
  content: "\e9dd";
}

.is-icon-thermometer:before {
  content: "\e9de";
}

.is-icon-thumbs-down:before {
  content: "\e9df";
}

.is-icon-thumbs-up:before {
  content: "\e9e0";
}

.is-icon-toggle-left:before {
  content: "\e9e1";
}

.is-icon-toggle-right:before {
  content: "\e9e2";
}

.is-icon-trash:before {
  content: "\e9e3";
}

.is-icon-trash-2:before {
  content: "\e9e4";
}

.is-icon-trending-down:before {
  content: "\e9e5";
}

.is-icon-trending-up:before {
  content: "\e9e6";
}

.is-icon-triangle:before {
  content: "\e9e7";
}

.is-icon-truck:before {
  content: "\e9e8";
}

.is-icon-tv:before {
  content: "\e9e9";
}

.is-icon-twitter:before {
  content: "\e9ea";
}

.is-icon-type:before {
  content: "\e9eb";
}

.is-icon-umbrella:before {
  content: "\e9ec";
}

.is-icon-underline:before {
  content: "\e9ed";
}

.is-icon-unlock:before {
  content: "\e9ee";
}

.is-icon-upload:before {
  content: "\e9ef";
}

.is-icon-upload-cloud:before {
  content: "\e9f0";
}

.is-icon-user:before {
  content: "\e9f1";
}

.is-icon-user-check:before {
  content: "\e9f2";
}

.is-icon-user-minus:before {
  content: "\e9f3";
}

.is-icon-user-plus:before {
  content: "\e9f4";
}

.is-icon-user-x:before {
  content: "\e9f5";
}

.is-icon-users:before {
  content: "\e9f6";
}

.is-icon-video:before {
  content: "\e9f7";
}

.is-icon-video-off:before {
  content: "\e9f8";
}

.is-icon-voicemail:before {
  content: "\e9f9";
}

.is-icon-volume:before {
  content: "\e9fa";
}

.is-icon-volume-1:before {
  content: "\e9fb";
}

.is-icon-volume-2:before {
  content: "\e9fc";
}

.is-icon-volume-x:before {
  content: "\e9fd";
}

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

.is-icon-wifi:before {
  content: "\e9ff";
}

.is-icon-wifi-off:before {
  content: "\ea00";
}

.is-icon-wind:before {
  content: "\ea01";
}

.is-icon-x:before {
  content: "\ea02";
}

.is-icon-x-circle:before {
  content: "\ea03";
}

.is-icon-x-square:before {
  content: "\ea04";
}

.is-icon-youtube:before {
  content: "\ea05";
}

.is-icon-zap:before {
  content: "\ea06";
}

.is-icon-zap-off:before {
  content: "\ea07";
}

.is-icon-zoom-in:before {
  content: "\ea08";
}

.is-icon-zoom-out:before {
  content: "\ea09";
}

.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.sweet-alert {
  background-color: #3e4650;
  border-radius: 3px;
  padding: 24px;
  margin-top: 0 !important;
  transform: translate(0, -50%) !important;
}
.sweet-alert .sa-button-container {
  text-align: left;
  font-size: 0;
}
.sweet-alert .sa-button-container .sa-confirm-button-container:not(:first-child) {
  margin-left: 16px;
}
.sweet-alert .sa-button-container .confirm.disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3) !important;
  cursor: default;
}
.sweet-alert .sa-button-container button {
  margin: 0;
}
.sweet-alert .sa-button-container button:first-child {
  margin-left: 0;
}
.sweet-alert h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 26px;
  font-weight: 300;
}
.sweet-alert p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 20px;
}

.mod-reasons {
  padding: 0 16px;
}
.mod-reasons label {
  position: relative;
  padding: 0 0 16px 25px;
  display: block;
}
.mod-reasons label input {
  visibility: hidden;
}
.mod-reasons label input:checked + span:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.mod-reasons label input:checked + span:before {
  border-color: rgba(0, 0, 0, 0.7);
}
.mod-reasons label input:checked + span {
  color: var(--dialog-selected-color);
}
.mod-reasons label strong {
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0px;
  position: relative;
  left: -5px;
}
.mod-reasons label span {
  color: var(--dialog-text-color);
}
.mod-reasons label span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #EAEAEA;
  border-radius: 100%;
}
.mod-reasons label span + p {
  color: #999;
  font-size: 13px;
  line-height: 17px;
}
.mod-reasons.mod-reasons--compact label {
  padding-bottom: 8px;
}
.dialog--modal .mod-reasons label input:checked + span:before {
  border-color: rgba(255, 255, 255, 0.7);
}
.dialog--modal .mod-reasons label span:before {
  border-color: rgba(255, 255, 255, 0.4);
}
.dialog--modal .mod-reasons label input:checked + span:after {
  background-color: rgba(255, 255, 255, 0.7);
}

.toolbar-comment {
  border-color: rgba(255, 255, 255, 0.3);
  height: auto !important;
  min-height: 50px;
}
.toolbar-comment__reply .comments__side {
  margin-bottom: 8px;
}
.toolbar-comment__reply .comments__item {
  margin: 0;
}
.toolbar-comment__reply .comments__message {
  line-height: 1.2em;
  font-size: 14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-comment__reply .comments__avatar {
  width: 20px;
  height: 20px;
}
.toolbar-comment__backdrop {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 960px) {
  .toolbar-comment {
    display: block !important;
  }
}
.toolbar-comment__area {
  display: block;
  outline: none;
  width: 100%;
  min-height: 30px;
  height: 30px;
  max-height: 200px;
  resize: vertical;
  line-height: 1.4em;
  font-size: 16px;
  padding: 16px 60px 16px 16px;
  border-radius: 0;
  background-color: #2c2f34;
  border: 0;
  color: #f2f2f2;
  -webkit-appearance: none;
}
.toolbar-comment__submit {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.clearfix:after, .row:after, .tabs:after, .form__row:after, .page__header:after, .navigation:after, .navigation__primary:after, .navigation__secondary:after, .navigation__mobile-left:after, .navigation__mobile-right:after, .dropdown__sharer:after, .comments__head:after, .comment:after, .comment__footer:after, .comment__secondary:after, .compose:after, .compose__actions:after, .secret__warning:after, .secret__head:after, .secret__foot:after, .secret__actions:after, .secret__info:after, .shout__footer:after, .notification:after, .notifications-dropdown__footer:after, .voting:after, .welcome-modal__nav:after, .covers-modal__buttons:after, .avatars-modal__buttons:after, .login-modal__actions:after, .login-modal__email .socials:after, .login-modal__socials:after, .login-modal__socials .socials:after, .user-comment__model:after, .secret-nav:after, .search-form__slider:after, .secretssearch .search .featured__list:after, .coe-picker__items:after {
  content: "";
  display: table;
  clear: both;
}

.clear {
  clear: both;
}

@media (max-width: 960px) {
  .center--on-mobile {
    text-align: center;
  }
}
@media (min-width: 960px) {
  .center--on-desktop {
    text-align: center;
  }
}

.show--on-mobile {
  display: none;
}
@media (max-width: 960px) {
  .show--on-desktop {
    display: none;
  }
  .show--on-mobile {
    display: block;
  }
}

.hide {
  display: none;
}
.hide--on-desktop {
  display: none;
}
@media (max-width: 960px) {
  .hide--on-mobile {
    display: none !important;
  }
  .hide--on-desktop {
    display: block;
  }
}

.float--left {
  float: left;
}
.float--right {
  float: right;
}

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

.text--error {
  color: #d8405a;
}
.text--action {
  color: #0B78E3;
}
.text--success {
  color: #18a064;
}
.text--alert {
  color: #F4C858;
}
.text--notification {
  color: #F4C858;
}
.text--pending {
  color: #F4C858;
}

.elevation__animated {
  transition: box-shadow 0.2s ease;
}
.elevation__animated__1:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.elevation__animated__2:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.elevation__animated__3:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.elevation__animated__4:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.elevation__animated__5:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.elevation__1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.elevation__2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.elevation__3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.elevation__4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.elevation__5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}