@import 'config/import';

@import 'variables';
@import 'mixins';

#audiocontent {
  display: none;
}

*:focus {
  &:active {
    outline: 0;
  }
}

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

.modal-open {
  margin: 0;
  overflow: hidden;
  overflow-y: hidden;
  height: 90vh;
}

div {
  &.field,
  &.actions {
    margin-bottom: 5px;
  }
}

#instantclick {
  display: none;
}

.partner-image-dark-mode {
  display: none !important;
}

body.dark-theme {
  .on-page-nav-butt img,
  .icon-img,
  .reaction-button:not(.reacted) img,
  .image-upload-button button,
  .icon-image,
  .dev-badge,
  .message__actions img {
    -webkit-filter: invert(95%);
    filter: invert(95%);
  }
  .ltag__tag {
    border-color: white !important;
    box-shadow: 3px 3px 0px #fff !important;
  }
  .partner-image-dark-mode {
    display: block !important;
  }
  .partner-image-light-mode {
    display: none !important;
  }
}

.broadcast-wrapper {
  box-sizing: border-box;
  display: none;
  padding: var(--su-2) var(--su-4);
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: var(--z-sticky);

  .static-header & {
    position: relative;
  }
}

.broadcast-visible {
  display: flex;
}

.broadcast-data {
  flex-grow: 1;
  align-self: center;
}

.mod-icon-visible-block {
  display: none !important;
}

body.mod-status-true .mod-icon-visible-block {
  display: flex !important;
}

.trusted-visible-block {
  display: none !important;
}

body.trusted-status-true .trusted-visible-block {
  display: block !important;
}

// The .admin-help-button class is included in this file since it
// is referenced in both the admin and application layout.

.admin-help-button {
  margin-bottom: env(safe-area-inset-bottom);

  @media (max-width: $breakpoint-m) {
    bottom: calc(var(--header-height) + var(--su-3));
  }
}

.subscription-icon {
  height: 0.95em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.05em;
  max-height:22px;
  aspect-ratio: 166 / 102;
}