/*!
 * Copyright (c) 2022, Oracle and/or its affiliates. All rights reserved.
 * FeatureRequests.css
 * apex-feature-requests v0.0.1
 * https://apex.oracle.com/
 */
/* =========================================================================
   Feature Requests App
   ========================================================================= */
/* ==========================================================================
   Variable Overrides
   ========================================================================== */
:root {
  --a-dev-toolbar-auto-hide-opacity: 1;
  --a-checkbox-icon-character: "\e007";
  --ut-logo-img-spacing: 12px;
  --ut-logo-font-size: 16px;
  --ut-logo-line-height: 16px;
  --ut-logo-font-weight: 700;
  --ut-header-height: 60px;
  --ut-comment-font-size: 16px;
  --ut-comment-line-height: 24px;
  --ut-comment-item-margin-bottom: 40px;
  --ut-report-pagination-font-size: 14px;
  --ut-badge-border-width: 0px;
  --ut-badge-background-color: rgba(0, 0, 0, .1);
  --ut-badge-border-radius: 3px;
  --ut-badge-padding-y: 2px;
  --ut-badge-padding-x: 6px;
  --jui-dialog-titlebar-border-width: 0px;
  --jui-dialog-title-font-size: 18px;
  --jui-dialog-title-line-height: 28px;
  --ck-border-radius: var(--a-field-input-border-radius) !important;
  --ck-spacing-unit: 16px !important; }

/* ==========================================================================
   Mixin: Respond To
   ========================================================================== */
/* ==========================================================================
   Base
   ========================================================================== */
body {
  --ut-body-content-max-width: 1376px !important;
  background-color: var(--rw-palette-neutral-170);
  background-image: url(../img/body-bg.png) !important;
  background-position: top;
  background-size: auto !important;
  background-repeat: repeat; }

blockquote {
  font-size: inherit !important; }

/* ==========================================================================
   Header
   ========================================================================== */
.t-Header {
  background-color: var(--rw-palette-neutral-160);
  box-shadow: var(--ut-header-box-shadow); }

.t-Header-branding {
  background-color: transparent;
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
  grid-template-areas: "logo controls search navbar"; }

.t-Header-logo {
  letter-spacing: 1px; }

.t-Button--header {
  --a-button-padding-y: 12px;
  --a-button-padding-x: 12px; }
  .t-Button--header .fr-userAvatar-bg {
    vertical-align: top;
    margin-bottom: -4px;
    margin-top: -4px; }

/* High DPI
   ========================================================================== */
/* Max-Widths
   ========================================================================== */
/* Min Widths
   ========================================================================== */
@media (min-width: 640px) {
  :root {
    --ut-header-padding-x: 24px; } }

/* Within Min Width & Max Width
   ========================================================================== */
/* ==========================================================================
   Footer
   ========================================================================== */
.t-Footer {
  --ut-footer-padding-x: var(--ut-breadcrumb-padding-x, 16px); }

.fr-Footer-links {
  font-size: var(--ut-footer-apex-font-size, 12px);
  line-height: var(--ut-footer-apex-line-height, 20px);
  margin: 0 0 4px;
  padding: 0;
  list-style: none; }
  .fr-Footer-links li {
    font-size: inherit;
    line-height: inherit;
    display: inline; }
    .fr-Footer-links li:not(:last-child):after {
      margin: 0 4px;
      content: "\a0\b7"; }

/* ==========================================================================
   Dialogs
   ========================================================================== */
body.t-Dialog-page--standard {
  background-color: var(--jui-dialog-background-color); }

.ui-dialog:not(.ui-dialog--notification) .ui-dialog-titlebar {
  padding-bottom: 4px; }

.ui-dialog.ui-dialog--notification {
  --jui-dialog-font-size: 16px;
  --jui-dialog-line-height: 24px; }
  .ui-dialog.ui-dialog--notification .ui-dialog-title,
  .ui-dialog.ui-dialog--notification .ui-dialog-titlebar-close {
    display: none; }

.fr-gravatarPopup {
  font-size: 14px;
  line-height: 20px;
  padding: 8px; }

/* ==========================================================================
   Buttons
   ========================================================================== */
.t-Button--iconMobileOnly {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 767px) {
    .t-Button--iconMobileOnly.t-Button--iconLeft .t-Icon,
    .t-Button--iconMobileOnly.t-Button--iconRight .t-Icon {
      margin: auto; }
    .t-Button--iconMobileOnly .t-Button-label {
      display: none; } }
  @media (min-width: 768px) {
    .t-Button--iconMobileOnly .t-Icon {
      display: none; } }

.t-Button--mobileHideLabel {
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 639px) {
    .t-Button--mobileHideLabel {
      --a-button-icon-spacing: 0px;
      --a-button-padding-x: var(--a-button-padding-y); } }

/* ==========================================================================
   Vote Button
   ========================================================================== */
.fr-voteButton {
  --a-button-padding-y: 10px;
  --a-button-padding-x: 8px;
  --a-button-border-radius: 6px;
  --a-button-border-width: 1px;
  --a-button-border-color: rgb(0, 0, 0, .05);
  --a-button-font-size: 16px;
  --a-button-font-weight: 700;
  --a-button-state-background-color: var(--rw-palette-neutral-0);
  --a-button-state-text-color: var(--rw-palette-neutral-110);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  box-shadow: var(--ut-shadow-sm);
  background-color: var(--rw-palette-neutral-0); }

.fr-voteButton .t-Icon {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center center;
  transition: .2s ease;
  margin-left: auto;
  margin-right: auto; }

.fr-voteButton .t-Button-label {
  margin-top: 4px;
  font-stretch: var(--rw-badge-font-stretch, condensed);
  font-weight: 700; }

@media screen and (prefers-reduced-motion: no-preference) {
  .is-voting-down .t-Icon {
    -webkit-animation: vote-down 1s ease 1;
            animation: vote-down 1s ease 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; } }

.has-voted-up {
  color: var(--ut-palette-success); }
  .has-voted-up .t-Icon:before {
    content: "\f164"; }

@media screen and (prefers-reduced-motion: no-preference) {
  .has-voted-up.is-voting-up .t-Icon {
    -webkit-animation: vote-up 1s ease 1;
            animation: vote-up 1s ease 1; } }

@-webkit-keyframes vote-up {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes vote-up {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes vote-down {
  0% {
    transform: scale(1, 1) translateY(0); }
  50% {
    transform: scale(1, -1) translateY(-4px);
    color: var(--ut-palette-danger); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes vote-down {
  0% {
    transform: scale(1, 1) translateY(0); }
  50% {
    transform: scale(1, -1) translateY(-4px);
    color: var(--ut-palette-danger); }
  100% {
    transform: scale(1, 1) translateY(0); } }

.fr-voteButton .t-Icon.fa-check-circle,
.fr-voteButton .t-Icon.fa-check-circle + .t-Button-label {
  color: var(--ut-palette-success); }

/* ==========================================================================
   User Avatar
   ========================================================================== */
.fr-userAvatar {
  display: inline-flex;
  position: relative;
  border-radius: 6px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 44px;
  height: 44px; }
  .fr-userAvatar:after {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    display: block;
    box-shadow: var(--fr-user-avatar-border-color, var(--rw-palette-neutral-0)) 0 0 0 1px; }
  .fr-userAvatar img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: inherit; }
  .fr-userAvatar--sm, .fr-userAvatar-sm {
    border-radius: 4px;
    width: 28px;
    height: 28px; }
    .fr-userAvatar--sm:after, .fr-userAvatar-sm:after {
      bottom: -2px;
      right: -2px;
      width: 8px;
      height: 8px; }
  .fr-profileAvatar-wrap .fr-userAvatar, .fr-userAvatar--lg, .fr-userAvatar-lg {
    border-radius: 8px;
    width: 196px;
    height: 196px; }
    .fr-profileAvatar-wrap .fr-userAvatar:after, .fr-userAvatar--lg:after, .fr-userAvatar-lg:after {
      width: 44px;
      height: 44px;
      bottom: -12px;
      right: -12px;
      box-shadow: var(--fr-user-avatar-border-color, var(--rw-palette-neutral-0)) 0 0 0 2px; }

.fr-userAvatar-bg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--rw-palette-neutral-100);
  color: var(--rw-palette-neutral-0);
  border-radius: 4px;
  width: 28px;
  height: 28px; }

.fr-userAvatar--admin:after {
  content: '';
  border-radius: 12.5%;
  background-color: var(--rw-palette-oraclered-100); }

.fr-userAvatar--apex_team:after, .fr-userAvatar--internal:after {
  content: '';
  border-radius: 25%;
  background-color: var(--rw-palette-oraclered-100); }

.fr-userAvatar--cab:after {
  content: '';
  border-radius: 100%;
  background-color: var(--rw-palette-blue-100); }

.fr-userAvatar--influencer:after {
  content: '';
  border-radius: 100%;
  background-color: var(--rw-palette-plum-100); }

.fr-userFlair {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 12px;
  border-radius: 4px;
  font-weight: var(--a-base-font-weight-bold, 700);
  background-color: #fff;
    font-stretch: condensed;
  color: #000;
  padding: 4px 8px;
  text-transform: uppercase;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  .fr-userFlair:empty {
    display: none; }
  @media (max-width: 767px) {
    .fr-userFlair {
      padding: 2px 4px;
      font-size: 10px; } }
  .fr-userFlair--admin {
    border-radius: 2px;
    background-color: var(--rw-palette-oraclered-100);
    color: var(--rw-palette-oraclered-0); }
  .fr-userFlair--apex_team, .fr-userFlair--internal {
    border-radius: 4px;
    background-color: var(--rw-palette-oraclered-100);
    color: var(--rw-palette-oraclered-0); }
  .fr-userFlair--cab {
    border-radius: 20px;
    background-color: var(--rw-palette-blue-100);
    color: var(--rw-palette-blue-110); }
  .fr-userFlair--influencer {
    border-radius: 20px;
    background-color: var(--rw-palette-plum-100);
    color: var(--rw-palette-plum-0); }
  .fr-userFlair--public {
    display: none; }

.fr-profileAvatar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px; }
  .fr-profileAvatar-wrap .fr-userAvatar {
    margin-bottom: 16px; }
  .fr-profileAvatar-wrap .fr-userFlair {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 8px; }

/* ==========================================================================
   Page Header
   ========================================================================== */
:root {
  --fr-breadcrumb-padding-y: 16px;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (min-width: 640px) {
    :root {
      --fr-breadcrumb-padding-y: 28px; } }

.fr-pageHeader {
  --ut-breadcrumb-padding-y: var(--fr-breadcrumb-padding-y);
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 479px) {
    .fr-pageHeader {
      --ut-breadcrumb-title-font-size: 24px;
      --ut-breadcrumb-title-line-height: 32px; } }
  .fr-pageHeader .t-BreadcrumbRegion .t-BreadcrumbRegion-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .t-Body-title-shrink .fr-pageHeader .t-BreadcrumbRegion {
    --ut-breadcrumb-padding-y: var(--fr-breadcrumb-padding-y); }
  .fr-pageHeader .t-BreadcrumbRegion .t-Breadcrumb-item:last-child,
  .fr-pageHeader .t-BreadcrumbRegion .t-BreadcrumbRegion-titleText {
    display: block;
    margin: 0;
    flex-basis: 100%;
    font-size: var(--ut-breadcrumb-title-font-size, 32px);
    line-height: var(--ut-breadcrumb-title-line-height, 48px);
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: var(--ut-breadcrumb-title-font-weight, var(--a-base-font-weight-semibold, 500));
    font-family: var(--ut-breadcrumb-title-font-family); }
  .fr-pageHeader .t-ButtonRegion {
    padding-bottom: var(--ut-breadcrumb-padding-y);
    padding-top: var(--ut-breadcrumb-padding-y); }
    .fr-pageHeader .t-ButtonRegion:first-child {
      padding-top: var(--ut-breadcrumb-padding-y); }
  .fr-pageHeader .t-ButtonRegion-col--content {
    display: flex;
    align-items: center; }
  .fr-pageHeader .t-ButtonRegion-col--content .col {
    float: none; }
  @media (max-width: 767px) {
    .fr-pageHeader .t-ButtonRegion-col--content .t-Form-fieldContainer {
      flex-grow: 1; } }
  @media (max-width: 639px) {
    .fr-pageHeader .t-ButtonRegion-wrap {
      grid-template-columns: 1fr;
      grid-template-areas: "button-left" "button-content" "button-right"; }
    .fr-pageHeader .t-ButtonRegion-col--left .t-ButtonRegion-buttons .t-Button {
      width: 100%;
      margin-bottom: 12px; }
    .fr-pageHeader .t-ButtonRegion-col--right .t-ButtonRegion-buttons .t-Button {
      margin-top: 12px;
      width: 100%; } }
  .fr-pageHeader #P1_SEARCH_UI_CONTAINER,
  .fr-pageHeader .fr-searchBox {
    width: 100%; }
  @media (min-width: 640px) {
    .fr-pageHeader #facets_button {
      margin-right: 12px; } }

.fr-searchBox {
  --ut-field-input-icon-padding-x: 12px;
  --ut-field-input-icon-size: 20px; }
  
  .fr-searchBox .t-Form-itemWrapper {
    position: relative; }
  .fr-searchBox .t-Form-itemText--post {
    visibility: hidden;
    pointer-events: none; }
  .fr-searchBox .apex-item-text {
    padding-right: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px) + 36px); }
  .fr-searchBox .apex-item-text:not(:-moz-placeholder-shown) ~ .t-Form-itemText--post {
    visibility: visible;
    pointer-events: all; }
  .fr-searchBox .apex-item-text:not(:-ms-input-placeholder) ~ .t-Form-itemText--post {
    visibility: visible;
    pointer-events: all; }
  .fr-searchBox .apex-item-text:not(:placeholder-shown) ~ .t-Form-itemText--post {
    visibility: visible;
    pointer-events: all; }

.fr-searchBox-clear {
  position: absolute !important;
  right: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  border: none;
  background-color: transparent;
  color: inherit;
  order: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: .4;
  transition: opacity .2s ease;
  outline-offset: -2px;
  border-radius: 4px; }
  .fr-searchBox-clear .fa {
    font-size: var(--ut-field-input-icon-size); }
  .fr-searchBox-clear:hover, .fr-searchBox-clear:focus {
    opacity: .8; }

/* ==========================================================================
   Comments
   ========================================================================== */
.fr-commentsContainer {
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (min-width: 768px) {
    .fr-commentsContainer {
      margin-left: 84px;
      margin-right: 84px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .fr-commentsContainer {
      margin-right: 0; } }

.fr-commentCount {
  display: inline-flex;
  align-items: center;
  font-weight: var(--a-base-font-weight-semibold, 500); }
  .fr-commentCount .fa {
    margin-right: 6px;
    font-weight: 700;
    opacity: .6; }

.t-Comments {
  margin-top: 12px;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 767px) {
    .t-Comments {
      --ut-comment-font-size: 14px;
      --ut-comment-line-height: 20px; } }

.t-Comments-userIcon,
.t-Comments-userImg {
  --ut-comment-icon-size: auto;
  background-color: transparent;
  color: inherit;
  overflow: visible; }

/* Fix to prevent comment from being clipped
   ========================================================================== */
.t-Comments-body {
    min-inline-size: 0;
}

.t-Comments-info {
  display: flex;
  align-items: center;
  min-height: 28px;
  color: var(--ut-component-text-muted-color);
  font-size: 16px;
  line-height: 24px;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 767px) {
    .t-Comments-info {
      font-size: 14px;
      line-height: 20px;
      flex-wrap: wrap; } }
  .t-Comments-info .fr-userFlair {
    margin-right: 8px; }

.t-Comments-author {
  margin-right: 8px;
  font-weight: 700;
  color: var(--ut-component-text-title-color); }

.t-Comments-date {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  white-space: nowrap; }
  .t-Comments-date:before {
    margin-right: 6px;
    content: '';
    width: 2px;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    display: inline-block;
    vertical-align: top; }

.t-Comments-actions {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  white-space: nowrap;
  font-weight: var(--a-base-font-weight-semibold, 500);
  margin-right: 8px; }
  .t-Comments-actions:before {
    margin-right: 8px;
    content: '';
    width: 2px;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    display: inline-block;
    vertical-align: top; }
  .t-Comments-actions:empty {
    display: none; }

.t-Comments-comment {
  margin-top: 8px; }
  .t-Comments-comment img {
    max-width: 100%;
    height: auto;
    display: block; }
  .t-Comments-comment blockquote {
    font-size: inherit; }

.fr-commentLike {
  display: inline-flex;
  align-items: center;
  color: inherit;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  text-decoration: none !important; }
  .fr-commentLike:hover, .fr-commentLike:focus {
    color: var(--ut-link-text-color); }
  .fr-commentLike .fa {
    font-size: inherit;
    line-height: inherit; }
  .fr-commentLike .fr-commentLike-count {
    -webkit-margin-start: 4px;
            margin-inline-start: 4px;
    font-weight: var(--a-base-font-weight-semibold, 500);
    font-size: 12px; }
  .fr-commentLike.has-lied, .fr-commentLike.has-liked {
    color: var(--rw-palette-orange-70); }

/* ==========================================================================
   Facets
   ========================================================================== */
.fr-currentFacets {
  padding: 16px var(--ut-breadcrumb-padding-x, 16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--rw-palette-neutral-30);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px; }
  .fr-currentFacets .fr-currentFacets-tags {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto; }
  .fr-currentFacets .fr-currentFacets-count {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    margin-left: 16px; }
  .fr-currentFacets .a-FS-currentItem {
    margin-right: 4px; }
  .fr-currentFacets .a-FS-currentItem--all {
    margin-left: 4px; }
  .fr-currentFacets .a-FS-currentItems:empty {
    display: unset; }

.fr-searchFilters {
  --a-fs-control-body-padding-y: 12px;
  --a-fs-control-body-padding-x: 0;
  --a-fs-control-header-padding-x: var(--a-fs-control-body-padding-x);
  position: relative; }
  .fr-searchFilters .apex-item-group--rc .apex-item-option {
    float: none;
    display: block; }
  .fr-searchFilters .a-FS-header {
    padding-top: 0;
    padding-bottom: 0; }
  .fr-searchFilters .a-FS-header .a-FS-label {
    padding-top: var(--ut-field-label-padding-y, 4px);
    padding-bottom: var(--ut-field-label-padding-y, 4px);
    line-height: var(--ut-field-label-line-height, 16px);
    font-size: var(--ut-field-label-font-size, 12px);
    font-weight: var(--ut-field-label-font-weight);
    display: inline-block;
    color: var(--ut-field-label-text-color); }

/* ==========================================================================
   Features Report
   ========================================================================== */
.fr-featuresReport {
  --ut-cr-wrap-padding-y: 16px;
  --ut-cr-wrap-padding-x: var(--ut-breadcrumb-padding-x, 16px);
  --ut-cr-desc-margin-y: 8px;
  --ut-cr-icon-spacing: 20px;
  --ut-xs-cr-wrap-padding-y: var(--ut-cr-wrap-padding-y);
  --ut-xs-cr-wrap-padding-x: var(--ut-cr-wrap-padding-x);
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (max-width: 639px) {
    .fr-featuresReport {
      --ut-cr-desc-font-size: 12px;
      --ut-cr-icon-spacing: 12px; } }
  @media (min-width: 640px) {
    .fr-featuresReport {
      --ut-cr-wrap-padding-y: 20px;
      --ut-cr-title-font-size: 18px; } }
  .fr-featuresReport .is-unpublished .fr-voteButton {
    pointer-events: none;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent; }
  .fr-featuresReport .t-ContentRow-title .fr-statusIcon {
    margin-right: 8px; }
  .fr-featuresReport .t-ContentRow-description .fr-statusIcon {
    margin-right: 4px; }
  .fr-featuresReport .t-ContentRow-actions {
    display: none;
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 640px) {
      .fr-featuresReport .t-ContentRow-actions {
        display: block; } }
  .fr-featuresReport .t-Badge {
    margin-right: 8px; }
  .fr-featuresReport .t-ContentRow {
    border-bottom-color: var(--ut-cr-item-border-color, var(--ut-component-inner-border-color));
    border-bottom-width: var(--ut-cr-item-border-width, var(--ut-component-inner-border-width));
    border-bottom-style: solid; }
  .fr-featuresReport .t-Report-pagination {
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 768px) {
      .fr-featuresReport .t-Report-pagination {
        max-width: calc(100% - 24px); } }

/* ==========================================================================
   Feature Voters
   ========================================================================== */
.fr-featureVoters {
  --ut-cr-wrap-padding-y: 4px;
  --ut-cr-wrap-padding-x: 0px;
  --ut-cr-title-margin-x: 0;
  --ut-cr-title-font-weight: 400;
  --ut-cr-title-font-size: 14px;
  --ut-cr-title-line-height: 20px;
  --ut-cr-item-border-width: 0px; }
  .fr-featureVoters .fr-userAvatar {
    vertical-align: top; }
  .fr-featureVoters .t-ContentRow-body,
  .fr-featureVoters .t-ContentRow-content {
    min-width: 0; }
  .fr-featureVoters .t-ContentRow-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

/* ==========================================================================
   Feature Key
   ========================================================================== */
.fr-featureKey {
  font-size: 32px;
  line-height: 40px;
  font-stretch: condensed;
  font-weight: 700; }

/* ==========================================================================
   Feature Key
   ========================================================================== */
.fr-featureRequest {
  --ut-content-block-header-item-spacing: 20px;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .fr-featureRequest {
      --ut-content-block-header-item-spacing: 12px; } }
  .fr-featureRequest.t-ContentBlock--h1 > .t-ContentBlock-header .t-ContentBlock-headerIcon,
  .fr-featureRequest.t-ContentBlock--h1 > .t-ContentBlock-header .t-ContentBlock-headerItems--buttons,
  .fr-featureRequest.t-ContentBlock--h2 > .t-ContentBlock-header .t-ContentBlock-headerIcon,
  .fr-featureRequest.t-ContentBlock--h2 > .t-ContentBlock-header .t-ContentBlock-headerItems--buttons {
    padding-bottom: 0; }
  .fr-featureRequest .t-ContentBlock-header {
    margin-bottom: 0; }
  .fr-featureRequest .t-ContentBlock-headerIcon .js-voteButton {
    min-width: 64px;
    min-height: 72px;
    display: flex;
    align-items: center;
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 767px) {
      .fr-featureRequest .t-ContentBlock-headerIcon .js-voteButton {
        min-width: 44px; } }
  .fr-featureRequest .t-ContentBlock-headerItems--buttons {
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 640px) {
      .fr-featureRequest .t-ContentBlock-headerItems--buttons {
        white-space: nowrap;
        flex-shrink: 0; } }
  .fr-featureRequest .fr-voteButton {
    background-color: var(--rw-palette-neutral-10);
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 767px) {
      .fr-featureRequest .fr-voteButton {
        --a-button-padding-x: 4px;
        --a-button-padding-y: 8px;
        --a-button-font-size: 12px;
        --a-button-line-height: 16px;
        width: 44px; }
        .fr-featureRequest .fr-voteButton .t-Icon.fa {
          font-size: 16px;
          line-height: 1; } }
  .fr-featureRequest .t-ContentBlock-title {
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 767px) {
      .fr-featureRequest .t-ContentBlock-title {
        font-size: 24px;
        line-height: 32px; } }
    @media (max-width: 639px) {
      .fr-featureRequest .t-ContentBlock-title {
        font-size: 20px;
        line-height: 28px; } }
    .fr-featureRequest .t-ContentBlock-title:after {
      content: none !important; }
  .fr-featureRequest .fr-featureRequest-content {
    margin-bottom: 16px; }
  .fr-featureRequest .fr-featureRequest-content,
  .fr-featureRequest .fr-statusBanner {
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 768px) {
      .fr-featureRequest .fr-featureRequest-content,
      .fr-featureRequest .fr-statusBanner {
        margin-left: 84px;
        margin-right: 84px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .fr-featureRequest .fr-featureRequest-content,
      .fr-featureRequest .fr-statusBanner {
        margin-right: 0; } }
  .fr-featureRequest .fr-featureRequest-details {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    color: var(--ut-component-text-muted-color);
    font-size: 16px;
    line-height: 24px;
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 767px) {
      .fr-featureRequest .fr-featureRequest-details {
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px;
        margin-bottom: 12px; } }
  .fr-featureRequest .fr-featureRequest-author {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    font-weight: 700;
    color: var(--ut-component-text-title-color); }
    .fr-featureRequest .fr-featureRequest-author .fr-userAvatar {
      margin-right: 12px; }
    .fr-featureRequest .fr-featureRequest-author .fr-userFlair {
      margin-left: 12px; }
  .fr-featureRequest .fr-featureRequest-posted {
    margin-left: 8px; }

/* ==========================================================================
   Status Banner
   ========================================================================== */
.fr-statusBanner {
  border-radius: 4px;
  background-color: var(--ut-palette-primary-alt-shade);
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  padding: 4px;
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (min-width: 768px) {
    .fr-statusBanner {
      font-size: 14px;
      line-height: 20px;
      padding: 8px; } }
  .fr-statusBanner .fa {
    line-height: inherit;
    font-size: inherit;
    margin-left: 4px;
    margin-right: 4px;
    color: var(--ut-palette-primary-alt); }

.fr-statusBanner--success {
  background-color: var(--ut-palette-success-shade); }
  .fr-statusBanner--success .fa {
    color: var(--ut-palette-success); }

.fr-statusBanner--warning {
  background-color: var(--ut-palette-warning-shade); }
  .fr-statusBanner--warning .fa {
    color: var(--ut-palette-warning); }

.fr-statusBanner--danger {
  background-color: var(--ut-palette-danger-shade); }
  .fr-statusBanner--danger .fa {
    color: var(--ut-palette-danger); }

.fr-statusBanner--info {
  background-color: var(--ut-palette-info-shade); }
  .fr-statusBanner--info .fa {
    color: var(--ut-palette-info); }

/* ==========================================================================
   Related Features
   ========================================================================== */
.fr-relatedFeatures .t-ContentRow-wrap {
  padding-left: 0;
  padding-right: 0; }

.fr-relatedFeatures .t-ContentRow-title {
  font-size: 16px; }

.fr-relatedFeatures .t-ContentRow-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

/* ==========================================================================
   Request Feature
   ========================================================================== */
.fr-requestFeature {
  margin-left: auto;
  margin-right: auto;
  max-width: 778px; }

/* ==========================================================================
   Ckeditor
   ========================================================================== */
.ck-content .image {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.is-markdownified pre code {
  border: none;
}

.apex-item-wrapper.plugin-rich-text-editor-apex-211-prerelease {
  max-width: calc(100% + 16px);
}

.ck.ck-reset {
  --ck-spacing-small: .375rem;
  --ck-border-radius: .25rem;
  --ck-inner-shadow: none;
  font-size: 16px;
  line-height: 1.5;
  color: #161513;
  flex-grow: 1;
  min-width: 0;
}
.ck.ck-reset .ck-button-align-right {
  margin-left: auto;
}
.ck.ck-reset .ck-content figure.image.ck-widget {
  margin-left: 0;
}
.ck.ck-reset .ck-button-align-right .ck-icon {
  order: 2;
  margin-left: 4px !important;
  margin-right: 0 !important;
}

.ck.ck-dropdown {
  font-size: inherit;
  max-width: 120px;
}

.ck.ck-content > pre {
  overflow: auto;
}

.rw-Drawer-body .rw-Drawer-content {
  block-size: 100%;
  display: flex;
  flex-direction: column;
}
.rw-Drawer-body .rw-Drawer-content .rw-Field--labelTop,
.rw-Drawer-body .rw-Drawer-content .rw-Field-itemWrapper,
.rw-Drawer-body .rw-Drawer-content .apex-item-wrapper--rich-text-editor .ck.ck-editor,
.rw-Drawer-body .rw-Drawer-content .apex-item-wrapper--rich-text-editor .ck.ck-editor__main > .ck-editor__editable,
.rw-Drawer-body .rw-Drawer-content .ck.ck-editor__main {
  block-size: 100%;
}

.apex-item-wrapper--rich-text-editor {
  max-inline-size: 100%;
}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: wrap !important;
}

.u-Overlay--processing {
  position: fixed;
}

body {
  --ck-ui-component-min-height: 1rem;
  --ck-font-size-base: 1rem;
  /* temporary overrides to fix styling of CKEditor select lists */
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: #e6e6e6;
  --ck-color-button-default-active-background: #d9d9d9;
  --ck-color-button-default-active-shadow: #bfbfbf;
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-on-background: #dedede;
  --ck-color-button-on-hover-background: #c4c4c4;
  --ck-color-button-on-active-background: #bababa;
  --ck-color-button-on-active-shadow: #a1a1a1;
  --ck-color-button-on-disabled-background: #dedede;
  --ck-color-list-background: var(--ck-color-base-background);
  --ck-color-dropdown-panel-background: var(--ck-color-base-background);
  --ck-color-dropdown-panel-border: var(--ck-color-base-border);
  --ck-drop-shadow: var(--ut-shadow-sm);
  --ck-color-list-button-hover-background: rgba(22, 21, 19, .04);
  --ck-color-list-button-on-background: #5F7D4F;
  --ck-color-list-button-on-text: #fff;
  --ck-color-list-button-on-background-focus: #577346;
}

.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
  border-radius: 5px !important;
}

.ck.ck-list__item .mention__item,
.ck.ck-list__item .suggestion__item {
  width: 100%;
  display: flex;
  gap: 12px;
  padding: 8px 12px !important;
  cursor: pointer !important;
  max-width: 300px;
}
.ck.ck-list__item .mention__item *,
.ck.ck-list__item .suggestion__item * {
  color: var(--mention-text-color);
  font-family: inherit !important;
  cursor: inherit !important;
  line-height: 18px !important;
}

.ck.ck-list__item .ck-button.ck-on {
  background: var(--ck-color-list-button-on-background);
  color: var(--ck-color-list-button-on-text);
  --mention-text-color: var(--ck-color-list-button-on-text);
}

.mention__item__avatar {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-color: #7a736e !important;
  border-radius: 3px;
  align-self: center;
}
.mention__item__avatar:before {
  content: "";
  display: block;
  height: 36px;
  width: 36px;
}

.ck.ck-list__item .mention__item .mention__item__details,
.ck.ck-list__item .suggestion__item .suggestion__item__details {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 0;
  color: inherit;
  align-self: center;
}

.mention__item__full-name,
.mention__item__user-name,
.suggestion__item__label,
.suggestion__item__desc {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mention__item__full-name {
  font-weight: 600 !important;
  line-height: 16px !important;
  font-size: 14px !important;
}

.suggestion__item__label {
  display: flex !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  font-size: 13px !important;
  white-space: normal !important;
}

.ck.ck-list__item .suggestion__item .suggestion__item__label span[class*=oj-ux-] {
  font-family: "ojuxIconFont" !important;
  font-size: 1rem;
}

.suggestion__item__label span {
  -webkit-margin-end: 4px !important;
          margin-inline-end: 4px !important;
}

.ck.ck-list__item .suggestion__item .suggestion__item__label span {
  line-height: 1.25rem !important;
}

.suggestion__item__label .suggestion__item__tag {
  line-height: 18px !important;
  white-space: normal !important;
}

.mention__item__user-name,
.suggestion__item__desc {
  font-size: 12px !important;
  line-height: 16px !important;
  opacity: 0.7 !important;
}

.suggestion__item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.suggestion__item__badge {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 0.05) !important;
  padding: 0 4px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  text-align: center !important;
  min-width: 20px;
}

/* ==========================================================================
   Status Icon
   ========================================================================== */
.fr-statusIcon {
  line-height: inherit;
  vertical-align: top;
  font-weight: 700; }
  .t-Badge .fr-statusIcon {
    font-size: inherit;
    margin-right: 2px; }

.fr-statusLabel {
  font-weight: 700; }
  .fr-statusLabel:after {
    content: ' \00B7 ';
    font-weight: normal; }
  .fr-statusLabel:empty {
    display: none; }

/* ==========================================================================
   Forms
   ========================================================================== */
.t-Form-fieldContainer--floatingLabel.u-tC .t-Form-labelContainer {
  text-align: center; }

.t-Form-fieldContainer--floatingLabel.u-tC .apex-item-multi,
.t-Form-fieldContainer--floatingLabel.u-tC .apex-item-select,
.t-Form-fieldContainer--floatingLabel.u-tC .apex-item-text,
.t-Form-fieldContainer--floatingLabel.u-tC .apex-item-textarea {
  text-align: center; }

/* ==========================================================================
   Page 1 - Home
   ========================================================================== */
.page-1 {
  --ut-body-sidebar-background-color: var(--rw-palette-ocean-140);
  --ut-body-sidebar-text-color: var(--rw-palette-ocean-0);
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (min-width: 1200px) {
    .page-1 {
      --ut-body-sidebar-width: 334px; } }
  .page-1 .t-Body-main {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "title" "side" "content"; }
  @media (min-width: 992px) {
    .page-1 .t-Body-main {
      grid-template-columns: 1fr auto;
      grid-template-rows: auto 1fr;
      grid-template-areas: "title title" "content side"; } }
  .page-1 .t-Body-side {
    --ut-link-text-color: var(--rw-palette-branddark-50);
    background-image: url(../img/pattern-10_2x.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 45vw center;
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 991px) {
      .page-1 .t-Body-side {
        width: 100%;
        height: auto; } }
    @media (min-width: 992px) {
      .page-1 .t-Body-side {
        background-image: url(../img/pattern-12_2x.png), url(../img/pattern-10_2x.png);
        background-position: -14% 0, 10% 70%; } }
    .page-1 .t-Body-side .t-ContentBlock {
      padding-top: var(--ut-breadcrumb-padding-x, 16px);
      padding-bottom: var(--ut-breadcrumb-padding-x, 16px);
      padding-left: var(--ut-breadcrumb-padding-x, 16px);
      padding-right: var(--ut-breadcrumb-padding-x, 16px);
      /* High DPI
   ========================================================================== */
      /* Max-Widths
   ========================================================================== */
      /* Min Widths
   ========================================================================== */
      /* Within Min Width & Max Width
   ========================================================================== */ }
      @media (min-width: 992px) {
        .page-1 .t-Body-side .t-ContentBlock {
          padding: 32px; } }
  .page-1 .fr-fromApexTeam {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-style: italic; }
    .page-1 .fr-fromApexTeam .fa {
      margin-right: 8px;
      font-size: 20px; }
  .page-1 .has-searched {
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (max-width: 991px) {
      .page-1 .has-searched .t-Body-side {
        display: none; } }

/* ==========================================================================
   Page 2 - Feature Request
   ========================================================================== */
.page-2 {
  --ut-region-font-size: 16px;
  --ut-region-line-height: 24px;
  --ut-body-content-padding-y: 32px;
  --ut-body-content-padding-x: var(--fr-breadcrumb-padding-x);
  --ut-body-sidebar-background-color: var(--rw-palette-neutral-30);
  --fr-user-avatar-border-color: var(--ut-body-main-content-background-color);
  /* High DPI
   ========================================================================== */
  /* Max-Widths
   ========================================================================== */
  /* Min Widths
   ========================================================================== */
  /* Within Min Width & Max Width
   ========================================================================== */ }
  @media (min-width: 1200px) {
    .page-2 {
      --ut-body-sidebar-width: 334px; } }
  .page-2 .t-Body-main {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "title" "content" "side";
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 992px) {
      .page-2 .t-Body-main {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        grid-template-areas: "title title" "content side"; } }
  .page-2 .t-Body-side {
    --fr-user-avatar-border-color: var(--ut-body-sidebar-background-color);
    padding-top: var(--ut-breadcrumb-padding-x, 16px);
    padding-bottom: var(--ut-breadcrumb-padding-x, 16px);
    padding-left: var(--ut-breadcrumb-padding-x, 16px);
    padding-right: var(--ut-breadcrumb-padding-x, 16px);
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */
    /* High DPI
   ========================================================================== */
    /* Max-Widths
   ========================================================================== */
    /* Min Widths
   ========================================================================== */
    /* Within Min Width & Max Width
   ========================================================================== */ }
    @media (min-width: 992px) {
      .page-2 .t-Body-side {
        padding: 32px; } }
    @media (max-width: 991px) {
      .page-2 .t-Body-side {
        width: 100%;
        height: auto; } }
  .page-2 .t-Body-fullContent {
    --fr-user-avatar-border-color: var(--rw-palette-neutral-0);
    padding-top: var(--ut-body-content-padding-y, 16px);
    padding-bottom: var(--ut-body-content-padding-y, 16px);
    padding-left: var(--ut-body-content-padding-x, 16px);
    padding-right: var(--ut-body-content-padding-x, 16px);
    background-color: var(--rw-palette-neutral-0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/* Navbar badge
   ========================================================================== */
.t-NavigationBar-item.has-username .t-Button-badge {
    min-width: 20px;
    background-color: #d63031;
    border-radius: 20px;
    right: 20px;
}