@charset "UTF-8";

/********* public:attachments.less ********/
.attachmentUploads {
  display: none;
  margin-bottom: 10px;
}
.attachmentUploads.is-active {
  display: block;
}
.attachmentUploads.attachmentUploads--spaced {
  margin-top: 10px;
}
.attachmentUploads .hScroller-action {
  color: hsla(var(--xf-linkColor));
}
.attachmentUploads .hScroller-action:hover {
  color: hsla(var(--xf-linkHoverColor));
}
.attachmentUploads .hScroller-action.hScroller-action--start:before {
  content: '';
  position: absolute;
  left: 0;
  height: 50px;
  width: 35px;
  background: hsla(var(--xf-contentBg));
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 4px 1px hsla(0, 0%, 0%, 0.3);
}
.attachmentUploads .hScroller-action.hScroller-action--start:after {
  position: absolute;
  left: 10px;
}
.attachmentUploads .hScroller-action.hScroller-action--end:before {
  content: '';
  position: absolute;
  right: 0;
  height: 50px;
  width: 35px;
  background: hsla(var(--xf-contentBg));
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -1px 0 4px 1px hsla(0, 0%, 0%, 0.3);
}
.attachmentUploads .hScroller-action.hScroller-action--end:after {
  position: absolute;
  right: 10px;
}
.attachmentUploads-banner {
  color: hsla(var(--xf-textColorDimmed));
  background: hsla(var(--xf-contentAltBg));
  border: 1px solid hsla(var(--xf-borderColor));
  border-radius: 2px;
  margin-top: 10px;
  padding: 3px 6px;
}
.attachmentUploads-selectActions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  font-size: 14px;
}
.attachmentUploads.is-selecting .attachmentUploads-selectActions {
  display: flex;
}
.attachmentUploads-selectActions > li {
  margin-right: .35em;
}
.attachmentUploads-selectActions > li .buttonGroup {
  vertical-align: middle;
}
.attachmentUploads-selectActions > li:last-of-type {
  flex: 1 1 auto;
  text-align: right;
}
.attachmentUploads-selectActions .selectAll .iconic {
  cursor: pointer;
}
.attachmentUploads-selectActions .selectAll .iconic input + i {
  color: hsla(var(--xf-linkColor));
}
.is-selecting button.js-attachmentSelect {
  float: right;
}
.file {
  position: relative;
  width: 165px;
  height: 165px;
  margin-right: 6px;
  background: hsla(var(--xf-contentAltBg));
  border-radius: 2px;
}
.file:last-child {
  margin-right: 0;
}
.attachUploadList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  font-size: 0;
}
.attachUploadList .file {
  display: inline-block;
  font-size: 16px;
}
.attachmentList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.attachmentList .file {
  margin-bottom: 6px;
}
@supports (display: grid) {
  .attachmentList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    grid-gap: 6px;
    gap: 6px;
  }
  .attachmentList .file {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
  }
  .attachmentList .file:after {
    content: '';
    display: block;
    padding-bottom: 100%;
    pointer-events: none;
  }
}
.file-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.file-preview img,
.file-preview video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.file--linked .file-preview:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.file-typeIcon {
  font-size: 80px;
  vertical-align: middle;
  color: hsla(var(--xf-textColorFeature));
}
.file-error {
  color: hsla(var(--xf-textColorAttention));
  font-size: 13px;
  white-space: normal;
  padding: 6px;
}
.file-progress {
  position: relative;
  width: 100%;
  width: calc(100% - 8px);
  font-size: 12px;
  line-height: 1.3;
}
.file-progress i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: hsla(var(--xf-progressBarColor));
  color: hsla(
    var(--xf-progressBarColor--h), 
    var(--xf-progressBarColor--s), 
    clamp(0%, calc((var(--xf-progressBarColor--l) - 67%) * -100), 100%), 
    var(--xf-progressBarColor--a)
  );
  border-radius: 2px;
  padding-right: .2em;
  text-align: right;
  font-style: normal;
  white-space: nowrap;
  min-width: 2em;
  -webkit-transition:  width 0.25s ease;
  transition:  width 0.25s ease;
}
.file-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.file-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 10px;
  height: 2.5em;
  line-height: 2.5;
  overflow: hidden;
  -webkit-transition:  height 0.25s ease;
  transition:  height 0.25s ease;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-size: 13px;
  color: hsl(0, 0%, 100%);
  background: hsla(0, 0%, 0%, 0.5);
  text-shadow: 1px 1px 1px hsla(0, 0%, 0%, 0.6);
}
@supports (backdrop-filter: blur(3px)) or (-webkit-backdrop-filter: blur(3px)) {
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .file-info {
      --backdrop-filter: blur(3px);
      -webkit-backdrop-filter: var(--backdrop-filter);
      backdrop-filter: var(--backdrop-filter);
    }
  }
  @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .file-info {
      background: none;
    }
  }
}
a.file-info {
  color: hsl(0, 0%, 100%);
}
a.file-info:hover {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
}
a.file-info:hover .file-name {
  text-decoration: underline;
}
.file-info:hover,
.file--linked:hover .file-info,
.has-touchevents .file-info {
  height: 5em;
}
.file-name,
.file-meta {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.file-delete,
.file-insert {
  position: absolute;
  color: hsl(0, 0%, 100%);
  text-shadow: 1px 1px 1px hsla(0, 0%, 0%, 0.6);
}
.file-checkbox {
  display: none;
}
.attachmentUploads.is-selecting .file-checkbox {
  display: block;
}
.file-checkbox .iconic {
  position: static;
}
.file-checkbox .iconic:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.file-checkbox .iconic > i {
  position: absolute;
  top: 4px;
  left: 4px;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  color: hsl(0, 0%, 86%);
  text-shadow: 1px 1px 1px hsla(0, 0%, 0%, 0.6);
  background: hsla(0, 0%, 0%, 0.2);
  border-radius: 4px;
  padding: 6px;
  line-height: 1;
}
.file-checkbox .iconic:hover > i {
  color: hsl(0, 0%, 100%);
}
.file-checkbox .iconic:hover > i:before {
  content: url('/styles/fa/regular/check-square.svg?v=5.15.3');
}
.file-checkbox .iconic > input + i:before,
.file-checkbox .iconic > input + i:after {
  top: 6px;
  left: 6px;
}
.file-checkbox .iconic > input:checked + i:after {
  font-weight: bold;
}
.file-insert {
  top: 4px;
  left: 4px;
  font-size: 13px;
  max-width: 125px;
  white-space: normal;
  word-wrap: break-word;
}
.file-insert.is-active .file-insertLink {
  display: none;
}
.file-insert.is-active .file-menuOptions {
  display: block;
}
.file-delete {
  top: 4px;
  right: 4px;
  font-size: 16px;
}
.attachmentUploads.is-selecting .file-insert,
.attachmentUploads.is-selecting .file-delete {
  display: none;
}
.file-insertLink,
.file-deleteLink {
  display: inline-block;
}
a.file-deleteLink {
  color: inherit;
  background: hsla(0, 0%, 0%, 0.2);
  border-radius: 4px;
  padding: 6px;
  -webkit-transition:  background 0.25s ease;
  transition:  background 0.25s ease;
}
a.file-deleteLink:hover {
  text-decoration: none;
  background: hsla(0, 0%, 0%, 0.5);
}
a.file-insertLink,
.file-menuOptions > a {
  color: inherit;
  background: hsla(0, 0%, 0%, 0.4);
  border-radius: 4px;
  padding: 6px;
  -webkit-transition:  background 0.25s ease;
  transition:  background 0.25s ease;
}
a.file-insertLink:hover,
.file-menuOptions > a:hover {
  text-decoration: none;
  background: hsla(0, 0%, 0%, 0.5);
}
.file-menuOptions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
.file-menuOptions > a {
  display: block;
  margin-top: 3px;
  max-width: max-content;
}
.file-menuOptions > a:first-child {
  margin-top: 0;
}
@media (max-width: 480px) {
  .attachmentUploads .iconic-label,
  .attachmentUploads .insert-label {
    display: none;
  }
}

/********* public:bs_rtt_guest_activity.less ********/
.bsRttGuestActivityToasts {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  width: 388px;
  max-width: calc(100vw - 28px);
  pointer-events: none;
}
.bsRttGuestActivityToast {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 20px;
  gap: 12px;
  align-items: center;
  padding: 12px 12px 12px 13px;
  border: 1px solid hsla(145, 60%, 62%, 38%);
  border-radius: 19px;
  background: linear-gradient(135deg, hsla(220, 47%, 7%, 97%), hsla(211, 40%, 12%, 97%));
  color: #f5f7fb;
  text-decoration: none;
  box-shadow: 0 18px 50px hsla(0, 0%, 0%, 34%), 0 0 0 1px hsla(0, 0%, 100%, 6%) inset;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 8px, 0) scale(0.985);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: auto;
}
.bsRttGuestActivityToast:before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, hsl(146, 72%, 67%), hsl(207, 100%, 61%));
}
.bsRttGuestActivityToast.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.bsRttGuestActivityToast.is-hiding {
  opacity: 0;
  transform: translate3d(0, 7px, 0) scale(0.985);
}
.bsRttGuestActivityToast:hover {
  color: #f5f7fb;
  text-decoration: none;
}
.bsRttGuestActivityToast-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg, hsl(147, 64%, 62%), hsl(207, 100%, 61%));
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 0 0 3px hsla(145, 60%, 62%, 16%), 0 5px 16px hsla(0, 0%, 0%, 28%);
}
.bsRttGuestActivityToast-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bsRttGuestActivityToast-body {
  display: block;
  min-width: 0;
}
.bsRttGuestActivityToast-label,
.bsRttGuestActivityToast-main,
.bsRttGuestActivityToast-title,
.bsRttGuestActivityToast-stars {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bsRttGuestActivityToast-label {
  color: #93a4b8;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}
.bsRttGuestActivityToast-main {
  margin-top: 3px;
  color: #f5f7fb;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 760;
}
.bsRttGuestActivityToast-title {
  margin-top: 2px;
  color: #65d996;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
}
.bsRttGuestActivityToast-stars {
  margin-top: 3px;
  color: #ffd166;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
}
.bsRttGuestActivityToast-cta {
  align-self: end;
  padding: 5px 8px;
  border-radius: 999px;
  background: hsla(145, 60%, 62%, 12%);
  color: #bdf5d1;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}
.bsRttGuestActivityToast-close {
  align-self: start;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: hsla(0, 0%, 100%, 7%);
  color: #9aa7b8;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}
@media (prefers-color-scheme: light) {
  .bsRttGuestActivityToast {
    background: linear-gradient(135deg, hsla(0, 0%, 100%, 98%), hsla(153, 43%, 96%, 98%));
    color: #111827;
    box-shadow: 0 18px 45px hsla(222, 47%, 11%, 18%), 0 0 0 1px hsla(0, 0%, 100%, 80%) inset;
  }
  .bsRttGuestActivityToast:hover {
    color: #111827;
  }
  .bsRttGuestActivityToast-label {
    color: #667085;
  }
  .bsRttGuestActivityToast-main {
    color: #111827;
  }
  .bsRttGuestActivityToast-title {
    color: #208557;
  }
  .bsRttGuestActivityToast-cta {
    background: hsla(153, 61%, 32%, 12%);
    color: #17613f;
  }
  .bsRttGuestActivityToast-close {
    background: hsla(222, 47%, 11%, 8%);
    color: #475467;
  }
}
@media (max-width: 650px) {
  .bsRttGuestActivityToasts {
    left: 10px;
    right: 10px;
    bottom: 12px;
    width: auto;
    max-width: none;
  }
  .bsRttGuestActivityToast {
    grid-template-columns: 40px minmax(0, 1fr) 20px;
    border-radius: 17px;
  }
  .bsRttGuestActivityToast-cta {
    display: none;
  }
}

/********* public:bs_rtt_thread_view.less ********/
.block--typers .block-container {
  display: flex;
}
.block--typers.is-active .dots {
  display: inline-block;
}
.block--typers .user-card {
  color: hsla(var(--xf-textColorMuted));
  font-size: 14px;
  padding: 10px 0 10px 10px;
  font-weight: bold;
  width: (140px) + 2 * (10px);
}
@media (max-width: 768px) {
  .block--typers .user-card {
    display: none;
  }
}
.block--typers .dots {
  -o-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
  display: none;
  margin-left: -2px;
  padding-left: 10px;
}
.block--typers .dots .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0.2;
  margin-top: 18px;
  background: hsla(var(--xf-textColorMuted));
  vertical-align: bottom;
  -o-animation: 1.1s linear 0s infinite dot-typing;
  animation: 1.1s linear 0s infinite dot-typing;
}
.block--typers .dots .dot:nth-child(2) {
  -o-animation-delay: 0.36666667s;
  animation-delay: 0.36666667s;
}
.block--typers .dots .dot:nth-child(3) {
  -o-animation-delay: 0.73333333s;
  animation-delay: 0.73333333s;
}
.block--typers .js-typesText {
  color: hsla(var(--xf-textColorMuted));
  font-size: 14px;
  padding: 10px;
}
@keyframes dot-typing {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/********* public:bui_overlay_performance.less ********/
:root {
  --bui-motion-fast: .14s;
  --bui-motion-base: .2s;
  --bui-motion-slow: .3s;
  --bui-motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --bui-motion-ease-out: cubic-bezier(0.2, 0.75, 0.25, 1);
  --bui-motion-overlay-bg: hsla(var(--xf-overlayMaskColor));
  --bui-motion-shadow: 0 7px 15px hsla(0, 0%, 0%, 0.35);
  --bui-motion-origin-x: 50%;
  --bui-motion-origin-y: 88px;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
@supports (scrollbar-gutter: stable) {
  html {
    scrollbar-gutter: stable;
  }
}
@keyframes buiFlarumPageIn {
  from {
    opacity: .985;
    transform: translate3d(0, 4px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .p-body-inner {
    animation: buiFlarumPageIn 0.18s var(--bui-motion-ease-out) both;
  }
}
.overlay-container {
  background: var(--bui-motion-overlay-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none;
  transition: opacity var(--bui-motion-base) var(--bui-motion-ease-out) !important;
  will-change: opacity;
}
.overlay-container,
.overlay-container.is-active,
.overlay-container.is-transitioning {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.overlay-container .overlay {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.9399999999999999);
  transform-origin: var(--bui-motion-origin-x) var(--bui-motion-origin-y);
  transition: transform var(--bui-motion-base) var(--bui-motion-ease-out), opacity var(--bui-motion-base) var(--bui-motion-ease-out), margin-top var(--bui-motion-base) var(--bui-motion-ease-out);
  will-change: transform, opacity;
  backface-visibility: hidden;
  box-shadow: var(--bui-motion-shadow);
}
.overlay-container.is-active .overlay,
.overlay-container.bui-motion-showing .overlay {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.overlay-container.bui-motion-hiding .overlay,
.overlay-container .overlay[aria-hidden="true"] {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.9399999999999999);
}
body.is-modalOpen .overlay-container {
  overscroll-behavior: contain;
}
.menu {
  opacity: 0;
  transform: translate3d(0, -6px, 0) scale(0.98);
  transform-origin: top center;
  transition: opacity var(--bui-motion-fast) linear, transform var(--bui-motion-base) var(--bui-motion-ease-out), visibility 0s var(--bui-motion-base) !important;
  will-change: opacity, transform;
  backface-visibility: hidden;
  pointer-events: none;
}
.menu.is-active,
.menu.is-transitioning[aria-hidden="false"],
.menu.bui-motion-opened {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
  transition-delay: 0s !important;
}
.menu.is-transitioning[aria-hidden="true"],
.menu.bui-motion-closing {
  opacity: 0;
  transform: translate3d(0, -6px, 0) scale(0.98);
  pointer-events: none;
}
.menu.menu--up {
  transform-origin: bottom center;
  transform: translate3d(0, 6px, 0) scale(0.98);
}
.menu.menu--up.is-active,
.menu.menu--up.is-transitioning[aria-hidden="false"],
.menu.menu--up.bui-motion-opened {
  transform: translate3d(0, 0, 0) scale(1);
}
.menu.menu--up.is-transitioning[aria-hidden="true"],
.menu.menu--up.bui-motion-closing {
  transform: translate3d(0, 6px, 0) scale(0.98);
}
@keyframes buiMotionMenuItemIn {
  from {
    opacity: .86;
    transform: translate3d(0, -2px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  html.bui-motion-js .menu.bui-motion-menu-complete .menu-content > * {
    animation: buiMotionMenuItemIn var(--bui-motion-fast) var(--bui-motion-ease-out) both;
    animation-delay: var(--bui-motion-item-delay, 0ms);
  }
}
@keyframes buiMotionTooltipContentIn {
  from {
    opacity: .92;
    transform: translate3d(0, 2px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.tooltip {
  transform: none !important;
  transition: none !important;
  will-change: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .tooltip:not(.tooltip--member):not(.tooltip--preview):not(.tooltip--share):not(.tooltip--bookmark) .tooltip-content {
    animation: buiMotionTooltipContentIn var(--bui-motion-fast) var(--bui-motion-ease-out) both;
    transform-origin: top center;
    will-change: transform, opacity;
  }
}
.tooltip--member .tooltip-content,
.tooltip--preview .tooltip-content,
.tooltip--share .tooltip-content,
.tooltip--bookmark .tooltip-content {
  animation: none !important;
  transform: none !important;
  will-change: auto;
}
.offCanvasMenu {
  transform: none !important;
  transition-property: none !important;
  transition-duration: var(--bui-motion-base) !important;
}
.offCanvasMenu-backdrop {
  background: hsla(var(--xf-overlayMaskColor)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: opacity var(--bui-motion-base) var(--bui-motion-ease-out) !important;
}
.offCanvasMenu-content {
  transition: transform var(--bui-motion-base) var(--bui-motion-ease-out) !important;
  will-change: transform;
  backface-visibility: hidden;
  box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.35);
}
.block-body--collapsible,
.block--messages .message,
.structItem,
.contentRow,
.tabs-tab,
.button,
a.button {
  transition-duration: var(--bui-motion-base) !important;
  transition-timing-function: var(--bui-motion-ease-out) !important;
}
.button .button-text,
a.button .button-text {
  transition: margin-right 0.1s linear;
}
@media (max-width: 768px) {
  .overlay-container .overlay {
    max-width: none;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    border-radius: 0;
    transform: translate3d(0, 100%, 0);
    transform-origin: center bottom;
    transition: transform var(--bui-motion-slow) var(--bui-motion-ease-out), opacity var(--bui-motion-slow) var(--bui-motion-ease-out);
  }
  .overlay-container.is-active .overlay,
  .overlay-container.bui-motion-showing .overlay {
    transform: translate3d(0, 0, 0);
  }
  .overlay-container.bui-motion-hiding .overlay,
  .overlay-container .overlay[aria-hidden="true"] {
    transform: translate3d(0, 100%, 0);
  }
  .overlay-container .overlay-title,
  .overlay-container .overlay-content {
    border-radius: 0 !important;
  }
  .menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transform: translate3d(0, 70vh, 0);
    transition: transform var(--bui-motion-slow) var(--bui-motion-ease-out), opacity var(--bui-motion-slow) var(--bui-motion-ease-out), visibility 0s var(--bui-motion-slow) !important;
  }
  .menu.is-active,
  .menu.is-transitioning[aria-hidden="false"],
  .menu.bui-motion-opened {
    transform: translate3d(0, 0, 0);
  }
  .menu.is-transitioning[aria-hidden="true"],
  .menu.bui-motion-closing {
    opacity: 0;
    transform: translate3d(0, 70vh, 0);
  }
  .menu-content {
    max-height: 70vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
  .overlay-container {
    transition-duration: 0s !important;
  }
  .overlay-container .overlay,
  .menu,
  .tooltip,
  .offCanvasMenu-backdrop,
  .offCanvasMenu-content {
    transition-duration: 0s !important;
  }
}

/********* public:lightbox.less ********/
/** core fancybox css **/
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: hsla(0, 0%, 0%, 0.1);
  --f-spinner-color-2: hsla(202, 24%, 9%, 0.8);
  --f-spinner-stroke: 2.75;
}
.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}
.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}
.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: 0.175s ease-out both f-throwOutUp;
}
.f-throwOutDown {
  animation: 0.175s ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
}
@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
  z-index: 2;
}
.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
  z-index: 1;
}
@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}
.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}
@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}
.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
  z-index: 2;
}
@keyframes f-fadeFastIn {
  0% {
    opacity: .75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}
.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}
.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}
.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}
.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}
.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}
.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}
.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}
@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}
.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}
@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
  outline: none;
}
.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}
.f-button[disabled] {
  cursor: default;
}
.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}
html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}
html.with-fancybox body {
  touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: hsla(240, 6%, 10%, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: hsla(0, 0%, 100%, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
  overflow: visible;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
  box-sizing: inherit;
}
.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}
.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}
.fancybox__viewport {
  width: 100%;
  height: 100%;
}
.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}
.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}
.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
  overflow: hidden;
}
.fancybox__slide.has-image {
  overflow: hidden;
}
.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}
.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}
.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, hsl(217, 19%, 27%));
  background: var(--fancybox-content-bg, hsl(0, 0%, 100%));
  cursor: default;
  border-radius: 0;
  z-index: 20;
}
.is-loading .fancybox__content {
  opacity: 0;
}
.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}
.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}
.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}
.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
  cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: hsla(0, 0%, 0%, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden;
}
.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  filter: blur(0px);
  will-change: transform, width, height;
}
.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
}
.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}
.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}
.is-compact .fancybox__caption {
  padding-bottom: 0;
}
.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, hsl(0, 0%, 100%));
  --f-button-hover-color: var(--fancybox-color, hsl(0, 0%, 100%));
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: .75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}
.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}
.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: hsla(240, 6%, 10%, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: hsla(0, 0%, 0%, 0.6);
  --f-button-active-bg: hsla(0, 0%, 0%, 0.6);
  --f-button-hover-bg: hsla(0, 0%, 0%, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}
.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: hsla(240, 6%, 10%, 0.3);
  --f-button-active-bg: hsla(240, 6%, 10%, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px hsla(240, 6%, 10%, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}
.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}
.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none;
}
.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none;
}
.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: 0.25s ease 0.1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: 0.35s ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: 0.15s ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: 0.35s ease forwards f-fadeOut;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  padding: 0;
  background: hsla(240, 6%, 10%, 0.9);
  color: #fff;
}
.has-map .fancybox__content {
  background: #e5e3df;
}
.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: hsla(0, 0%, 0%, 0);
}
.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
}
.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}
.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(hsl(206, 21%, 94%), hsl(214, 32%, 91%));
  z-index: -1;
}
.f-thumbs .f-spinner svg {
  display: none;
}
.f-thumbs.is-vertical {
  height: 100%;
}
.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.f-thumbs__track {
  display: flex;
  will-change: transform;
}
.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}
.f-thumbs__slide.is-loading img {
  opacity: 0;
}
.is-classic .f-thumbs__viewport {
  height: 100%;
}
.is-modern .f-thumbs__track {
  width: max-content;
}
.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0) * 1px);
  width: calc(100% - var(--width, 0) * 1px);
  cursor: pointer;
}
.is-modern .f-thumbs__slide {
  --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}
.is-modern .f-thumbs__slide > * {
  clip-path: var(--clip-path);
}
.is-modern.in-touch .f-thumbs__slide {
  filter: none;
}
.is-modern.is-resting .f-thumbs__slide {
  transition: all 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide > * {
  transition: all 0.33s ease;
}
.f-thumbs__slide__button {
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: hsla(0, 0%, 0%, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}
.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, hsla(0, 0%, 0%, 0));
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}
.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
}
.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.05));
}
.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.05));
}
.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
  transition: none !important;
}
.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, 0.9399999999999999));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: hsla(240, 6%, 10%, 0.65);
  --f-button-hover-bg: hsla(240, 2%, 28%, 0.65);
  --f-button-active-bg: hsla(240, 2%, 36%, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px hsla(240, 6%, 10%, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px hsla(0, 0%, 0%, 0.5));
  pointer-events: none;
  z-index: 20;
}
.fancybox__toolbar :focus-visible {
  z-index: 1;
}
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}
.fancybox__infobar span {
  padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
  position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}
.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, hsl(206, 100%, 50%)));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}
/** XF fancybox overrides **/
.fancybox__caption {
  padding-bottom: max(10px, env(safe-area-inset-bottom));
  text-align: center;
}
.fancybox__caption h4,
.fancybox__caption p {
  margin: 0;
}
.fancybox__caption a,
.fancybox__caption a:link,
.fancybox__caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox__caption a:hover,
.fancybox__caption a:link:hover,
.fancybox__caption a:visited:hover {
  color: #fff;
  text-decoration: underline;
}
body.compensate-for-scrollbar {
  margin-right: 0 !important;
}
.fancybox__container {
  z-index: 700 !important;
}
.fancybox__slide.has-image .fancybox__content {
  left: 0;
}
.fancybox__slide--video .fancybox__content {
  box-shadow: none;
  background: transparent;
  padding: 0;
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.fancybox__slide--video .fancybox__content > div {
  width: 100%;
  height: 100%;
}
.fancybox__slide--video .fancybox__content .bbMediaWrapper,
.fancybox__slide--video .fancybox__content .bbMediaJustifier,
.fancybox__slide--video .fancybox__content .bbOembed {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
}
.fancybox__slide--video .fancybox__content .js-embedContent {
  width: 100%;
  height: 100%;
}
.fancybox__slide--video .fancybox__content .bbWrapper {
  width: 100%;
  height: 100%;
}
.fancybox__slide--video .fancybox__content .bbWrapper > :first-child {
  margin: 0;
  height: 100%;
}
.fancybox__slide--video .fancybox__content .bbMediaWrapper-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
.fancybox__slide--video .fancybox__content iframe,
.fancybox__slide--video .fancybox__content video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  margin-bottom: 0;
}
.fancybox__slide--video .fancybox__content:has(video[data-video-type="audio"][poster=""]) {
  width: 600px;
  height: auto;
  max-width: 100%;
}
.fancybox__slide--video .fancybox__content:has(video[data-video-type="audio"][poster=""]) > div,
.fancybox__slide--video .fancybox__content:has(video[data-video-type="audio"][poster=""]) .bbMediaWrapper,
.fancybox__slide--video .fancybox__content:has(video[data-video-type="audio"][poster=""]) .bbMediaWrapper-inner {
  height: auto;
}
.fancybox__slide--video .fancybox__content:has(video[data-video-type="audio"][poster=""]) video {
  position: relative;
  width: 100%;
  height: 40px;
  margin-top: 7px;
}
.fancybox-show-sidebar .fancybox__slide--video .fancybox__content {
  max-width: calc(100% - 360px / 2);
}
.fancybox-progress {
  background: hsla(var(--xf-globalActionColor));
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .fancybox-inner {
    --backdrop-filter: blur(0px);
    -webkit-backdrop-filter: var(--backdrop-filter);
    backdrop-filter: var(--backdrop-filter);
  }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .fancybox-inner {
    background: none;
  }
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .fancybox-is-open .fancybox-inner {
    --backdrop-filter: blur(5px);
    -webkit-backdrop-filter: var(--backdrop-filter);
    backdrop-filter: var(--backdrop-filter);
  }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .fancybox-is-open .fancybox-inner {
    background: none;
  }
}
.fancybox-content {
  box-shadow: 5px 5px 15px hsla(0, 0%, 0%, 0.5);
}
.fancybox-container {
  --fancybox-thumb-size: 150px;
}
@media (max-width: 480px), (max-height: 480px) {
  .fancybox-container {
    --fancybox-thumb-size: 75px;
  }
}
.fancybox-thumbs__list a {
  width: var(--fancybox-thumb-size);
  height: var(--fancybox-thumb-size);
}
.fancybox-thumbs__list a::before {
  border: 2px solid #eee;
  background: radial-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.75));
}
.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: var(--fancybox-thumb-size);
}
.fancybox-button > i {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom > i:before,
.fancybox-button.fancybox-button--zoom[disabled] > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/search-plus.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/search-plus.svg?v=5.15.3') no-repeat center;
}
.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom > i:nth-child(1),
.fancybox-button.fancybox-button--zoom[disabled] > i:nth-child(1) {
  display: block;
}
.fancybox-is-zoomable .fancybox-button.fancybox-button--zoom > i:nth-child(2),
.fancybox-button.fancybox-button--zoom[disabled] > i:nth-child(2) {
  display: none;
}
.fancybox-can-pan .fancybox-button.fancybox-button--zoom > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/search-minus.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/search-minus.svg?v=5.15.3') no-repeat center;
}
.fancybox-can-pan .fancybox-button.fancybox-button--zoom > i:nth-child(1) {
  display: none;
}
.fancybox-can-pan .fancybox-button.fancybox-button--zoom > i:nth-child(2) {
  display: block;
}
.fancybox-button.fancybox-button--nw > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/external-link.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/external-link.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--fsenter > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/expand.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/expand.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--fsenter > i:nth-child(2) {
  display: none;
}
.fancybox-button.fancybox-button--fsexit > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/compress.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/compress.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--fsexit > i:nth-child(1) {
  display: none;
}
.fancybox-button.fancybox-button--download > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/download.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/download.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--thumbs > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/grip-horizontal.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/grip-horizontal.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--close > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--sidebartoggle > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/chevron-double-left.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/chevron-double-left.svg?v=5.15.3') no-repeat center;
}
.fancybox-show-sidebar .fancybox-button.fancybox-button--sidebartoggle > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/chevron-double-right.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/chevron-double-right.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--arrow_left > i {
  padding: 7px;
  height: 100%;
}
.fancybox-button.fancybox-button--arrow_left > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/chevron-left.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/chevron-left.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--arrow_right > i {
  height: 100%;
  padding: 7px;
}
.fancybox-button.fancybox-button--arrow_right > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/chevron-right.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/chevron-right.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--play > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/play.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/play.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--play > i:nth-child(2) {
  display: none;
}
.fancybox-button.fancybox-button--pause > i:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/pause.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/pause.svg?v=5.15.3') no-repeat center;
}
.fancybox-button.fancybox-button--pause > i:nth-child(1) {
  display: none;
}
.fancybox-sidebartoggle {
  display: none;
  text-align: right;
}
.fancybox-has-sidebar .fancybox-sidebartoggle {
  display: block;
}
.fancybox-navigation .fancybox-button {
  background: transparent;
}
.fancybox-navigation .fancybox-button i {
  background: hsla(0, 0%, 12%, 0.6);
}
.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  padding: 0 10px;
  box-sizing: border-box;
  background: hsla(0, 0%, 0%, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
  right: 0;
}
.fancybox-show-thumbs .fancybox-inner,
.fancybox-show-thumbs .fancybox-sidebar {
  bottom: var(--fancybox-thumb-size);
  margin-bottom: 4px;
}
.fancybox-navigation .fancybox-button i,
.fancybox-thumbs__list a,
.fancybox-thumbs__list a:before,
.fancybox-image {
  border-radius: 5px;
}
.fancybox-show-sidebar .fancybox__toolbar,
.fancybox-show-sidebar .fancybox__footer {
  right: 360px;
}
.fancybox-show-sidebar .fancybox__carousel {
  right: calc(360px / 2);
}
.fancybox-show-sidebar .fancybox__nav {
  --f-button-prev-pos: calc(1rem + 360px / 2);
  --f-button-next-pos: calc(1rem + 360px / 2);
}
.fancybox-sidebar {
  background: hsla(var(--xf-contentBg));
  bottom: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  z-index: 700;
  overflow-y: auto;
  display: none;
}
.fancybox-sidebar.is-active {
  display: block;
}
.fancybox-sidebar-loader {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  pointer-events: none;
  color: hsla(var(--xf-textColor));
  background: hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    calc(var(--xf-contentBg--a) - 10%)
  );
  z-index: 200;
}
.is-loading .fancybox-sidebar-loader {
  opacity: 1;
}
.is-loading .fancybox-sidebar-loader .fa--xf {
  animation-name: spin;
}
.fancybox-sidebar-loader .fa--xf {
  position: absolute;
  left: calc(50% - 1.5em);
  top: calc(50% - 1.5em);
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
}
@media (max-width: 1024px) {
  .fancybox-sidebar .block-row {
    padding: 3px 6px;
  }
  .fancybox-sidebar .xfmgInfoBlock-title .contentRow-figure {
    display: none;
  }
  .fancybox-sidebar .xfmgInfoBlock-title .contentRow-main {
    padding-left: 0;
  }
  .fancybox-sidebar .message-responseRow .comment-avatar {
    display: none;
  }
  .fancybox-sidebar .message-responseRow .comment-main {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .fancybox-sidebar .block-container {
    margin: 0;
  }
}

/********* public:message.less ********/
.message + .message,
.message.message--bordered {
  border-top: 1px solid hsla(var(--xf-borderColor));
}
.message.is-mod-selected,
.block--messages .message.is-mod-selected {
  background: hsla(var(--xf-inlineModHighlightColor));
}
.message.is-mod-selected .message-cell--user,
.block--messages .message.is-mod-selected .message-cell--user,
.message.is-mod-selected .message-cell--vote,
.block--messages .message.is-mod-selected .message-cell--vote {
  background: hsla(var(--xf-inlineModHighlightColor));
}
.message.is-mod-selected .message-userArrow:after,
.block--messages .message.is-mod-selected .message-userArrow:after {
  border-right-color: hsla(var(--xf-inlineModHighlightColor));
}
.message-inner {
  display: flex;
  padding: 10px;
}
.message-cell {
  display: block;
  vertical-align: top;
  padding: 10px;
}
.message--quickReply .message-cell > .formRow:last-child > dd {
  padding-bottom: 0;
}
.message-cell.message-cell--closer {
  padding: 6px;
}
.message-cell.message-cell--closer.message-cell--user {
  flex: 0 0 152px;
}
.message--simple .message-cell.message-cell--closer.message-cell--user {
  flex: 0 0 82px;
}
.message-cell.message-cell--closer.message-cell--action {
  flex: 0 0 52px;
}
.message-cell.message-cell--user,
.message-cell.message-cell--action {
  position: relative;
  background: hsla(var(--xf-contentAltBg));
  border: 1px solid hsla(var(--xf-borderColor));
  border-radius: 6px;
  min-width: 0;
}
.message-cell.message-cell--vote {
  position: relative;
  background: hsla(var(--xf-contentAltBg));
  padding: 0;
  border: 1px solid hsla(var(--xf-borderColor));
  border-radius: 6px;
}
.message--solution .message-cell.message-cell--vote {
  background: hsla(var(--xf-successBg));
}
.message-cell.message-cell--vote .solutionIcon {
  margin-top: 6px;
}
.message-cell.message-cell--user {
  flex: 0 0 160px;
}
.message--simple .message-cell.message-cell--user {
  flex: 0 0 82px;
}
.message-cell.message-cell--action {
  flex: 0 0 60px;
}
.message-cell.message-cell--main {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.message-cell.message-cell--main.is-editing {
  padding: 0;
}
.message-cell.message-cell--main .block {
  margin: 0;
}
.message-cell.message-cell--main .block-container {
  margin: 0;
  border: none;
}
.message-cell.message-cell--alert {
  font-size: 14px;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  color: hsla(var(--xf-textColorAccentContent));
  background: hsla(var(--xf-contentAccentBg));
}
.message-cell.message-cell--alert a {
  color: hsla(var(--xf-textColorAccentContent));
}
.message-cell.message-cell--extra {
  flex: 0 0 200px;
  border-left: 1px solid hsla(var(--xf-borderColor));
  background: hsla(var(--xf-contentAltBg));
}
.message-cell.message-cell--extra .formRow-explain {
  margin: 6px 0 0;
  font-size: 14px;
  color: hsla(var(--xf-textColorMuted));
  font-size: 80%;
}
.message-cell.message-cell--extra .formRow-explain a {
  color: inherit;
  text-decoration: underline;
}
.message-cell.message-cell--header,
.message-cell.message-cell--solutionHeader {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: 6px 10px;
  margin: 0;
}
.message-cell.message-cell--header {
  font-weight: 400;
  text-decoration: none;
  font-size: 21px;
  color: hsla(var(--xf-majorHeadingTextColor));
  background: hsla(var(--xf-majorHeadingBg));
  border-bottom: none;
}
.message-cell.message-cell--header a {
  color: inherit;
  text-decoration: none;
}
.message-cell.message-cell--header a:hover {
  text-decoration: underline;
}
.message-cell.message-cell--solutionHeader {
  color: hsla(var(--xf-successColor));
  font-size: 18px;
  background: hsla(var(--xf-successBg));
  border-left: 3px solid hsla(var(--xf-successFeatureColor));
  border-radius: 6px;
}
.message-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.message-content {
  flex: 1 1 auto;
  min-height: 1px;
}
.message-footer {
  margin-top: auto;
}
.message-expandWrapper {
  position: relative;
  overflow: hidden;
  -webkit-transition:  -xf-height height ease;
  transition:  -xf-height height ease;
}
.message-expandWrapper .message-expandContent {
  max-height: 250px;
  overflow: hidden;
}
.message-expandWrapper .message-expandContent--small {
  max-height: 160px;
}
.message-expandWrapper.is-expandable .message-expandLink {
  display: block;
}
.message-expandWrapper.is-expanded .message-expandContent {
  max-height: none;
}
.message-expandWrapper.is-expanded .message-expandLink {
  display: none;
}
.message-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.message-expandLink {
  display: none;
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 100;
  background: hsla(0, 0%, 0%, 0);
  background: linear-gradient(to bottom, hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 0%, hsla(var(--xf-contentBg)) 70%);
}
.message-expandLink:empty {
  cursor: auto;
  background: hsla(0, 0%, 0%, 0);
  background: linear-gradient(to bottom, hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 0%, hsla(var(--xf-contentBg)) 100%);
}
.message-expandLink a {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: hsla(var(--xf-textColorAttention));
  text-decoration: none;
}
.message-microdata {
  display: none;
}
@media (max-width: 768px) {
  .message:not(.message--forceColumns) .message-inner {
    display: block;
  }
  .message:not(.message--forceColumns) .message-cell {
    display: block;
  }
  .message:not(.message--forceColumns) .message-cell:before,
  .message:not(.message--forceColumns) .message-cell:after {
    content: " ";
    display: table;
  }
  .message:not(.message--forceColumns) .message-cell:after {
    clear: both;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--user {
    width: auto;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--vote {
    width: auto;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--vote .solutionIcon {
    margin-top: 0;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--main {
    padding-left: 10px;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--extra {
    width: auto;
    border-left: none;
    border-top: 1px solid hsla(var(--xf-borderColor));
  }
  .message:not(.message--forceColumns) .message-column {
    flex-direction: row;
    justify-content: space-evenly;
  }
  .message--simple:not(.message--forceColumns) .message-cell.message-cell--user,
  .message--quickReply:not(.message--forceColumns) .message-cell.message-cell--user {
    display: none;
  }
}
.message-userArrow {
  position: absolute;
  top: 20px;
  right: -1px;
  border: 10px solid hsla(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsla(var(--xf-borderColor));
}
.message-userArrow:after {
  position: absolute;
  top: -9px;
  right: -10px;
  content: "";
  border: 9px solid hsla(0, 0%, 0%, 0);
  border-left-width: 0;
  border-right-color: hsla(var(--xf-contentBg));
}
.message-avatar {
  text-align: center;
}
.message-avatar .avatar {
  vertical-align: bottom;
}
.message-avatar-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: .5em;
}
.message-avatar-wrapper .message-avatar-online {
  position: absolute;
  top: 7px;
  left: 5px;
  height: calc(1em + 4px);
  border-radius: 50%;
  padding: 2px;
}
.message-avatar-wrapper .message-avatar-online:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/solid/circle.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/solid/circle.svg?v=5.15.3') no-repeat center;
  vertical-align: top;
  color: #9ce89d;
  font-size: 8px;
  border: 3px solid hsla(var(--xf-borderColor));
  border-radius: 50%;
}
.message-name {
  font-weight: 700;
  font-size: inherit;
  text-align: center;
  margin: 0;
}
.message-userTitle {
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
.message-userBanner.userBanner {
  display: block;
  margin-top: 3px;
}
.message-userExtras {
  margin-top: 3px;
  font-size: 13px;
}
.message--deleted .message-userDetails {
  display: none;
}
.message--deleted .message-avatar .avatar {
  width: 48px;
  height: 48px;
  font-size: 29px;
}
@media (max-width: 768px) {
  .message:not(.message--forceColumns) .message-userArrow {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 24px;
    border: none;
    border: 10px solid hsla(0, 0%, 0%, 0);
    border-top-width: 0;
    border-bottom-color: hsla(var(--xf-borderColor));
  }
  .message:not(.message--forceColumns) .message-userArrow:after {
    top: auto;
    right: auto;
    left: -9px;
    bottom: -10px;
    border: none;
    border: 9px solid hsla(0, 0%, 0%, 0);
    border-top-width: 0;
    border-bottom-color: hsla(var(--xf-contentBg));
  }
  .message:not(.message--forceColumns).is-mod-selected .message-userArrow:after {
    border-color: transparent;
    border-bottom-color: hsla(var(--xf-inlineModHighlightColor));
  }
  .message:not(.message--forceColumns) .message-user {
    display: flex;
  }
  .message:not(.message--forceColumns) .message-avatar {
    margin-bottom: 0;
  }
  .message:not(.message--forceColumns) .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px;
  }
  .message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-online {
    top: 0;
    left: 0;
  }
  .message:not(.message--forceColumns) .message-avatar .avatar + .message-avatar-online:before {
    font-size: 8px;
  }
  .message:not(.message--forceColumns) .message-userDetails {
    flex: 1;
    min-width: 0;
    padding-left: 10px;
  }
  .message:not(.message--forceColumns) .message-userName {
    justify-content: flex-start;
  }
  .message:not(.message--forceColumns) .message-name {
    text-align: left;
  }
  .message:not(.message--forceColumns) .message-userTitle,
  .message:not(.message--forceColumns) .message-userBanner.userBanner {
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .message:not(.message--forceColumns) .message-userExtras {
    display: none;
  }
  .message:not(.message--forceColumns) .message--deleted .message-userDetails {
    display: block;
  }
}
.message-content {
  position: relative;
}
.message-content .js-selectToQuoteEnd {
  height: 0;
  font-size: 0;
  overflow: hidden;
}
.message--multiQuoteList .message-content {
  min-height: 80px;
  max-height: 120px;
  overflow: hidden;
}
.message--multiQuoteList .message-content .message-body {
  pointer-events: none;
}
.message-attribution {
  color: hsla(var(--xf-textColorMuted));
  font-size: 13px;
  padding-bottom: 6px;
  border-bottom: 1px solid hsla(var(--xf-borderColorLight));
}
.message-attribution:before,
.message-attribution:after {
  content: " ";
  display: table;
}
.message-attribution:after {
  clear: both;
}
.message-attribution.message-attribution--plain {
  border-bottom: none;
  font-size: inherit;
  padding-bottom: 0;
}
.message-attribution.message-attribution--split {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.message-attribution.message-attribution--split .message-attribution-opposite {
  margin-left: auto;
}
.message-attribution-main {
  float: left;
}
.message-attribution-opposite {
  float: right;
}
.message-attribution-opposite.message-attribution-opposite--list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.message-attribution-opposite.message-attribution-opposite--list > li {
  margin-left: 14px;
}
.message-attribution-opposite.message-attribution-opposite--list > li:first-child {
  margin-left: 0;
}
.message-attribution-opposite a {
  color: inherit;
}
.message-attribution-opposite a:hover {
  text-decoration: none;
  color: hsla(var(--xf-linkHoverColor));
}
.message-attribution-gadget {
  display: inline-block;
  margin: -3px -7px;
  padding: 3px 7px;
}
.message-attribution-source {
  font-size: 13px;
  margin-bottom: 3px;
}
.message-attribution-user {
  font-weight: 700;
}
.message-attribution-user .avatar {
  display: none;
}
.message-attribution-user .attribution {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.message-newIndicator,
a.message-newIndicator {
  font-size: 90%;
  color: hsla(var(--xf-textColorEmphasized));
  background: hsla(var(--xf-paletteAccent1));
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
  white-space: nowrap;
}
a.message-newIndicator:hover {
  color: hsla(var(--xf-textColorEmphasized));
}
.message-minorHighlight {
  font-size: 14px;
  color: hsla(var(--xf-textColorFeature));
}
.message-fields {
  margin: 10px 0;
}
.message--simple .message-fields {
  margin-top: 6px;
  margin-bottom: 6px;
}
.message-fields:last-child {
  margin-bottom: 0;
}
.message-body {
  margin: 10px 0;
  font-family: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
.message-body:before,
.message-body:after {
  content: " ";
  display: table;
}
.message-body:after {
  clear: both;
}
.message--simple .message-body {
  margin-top: 6px;
  margin-bottom: 6px;
}
.message-body:last-child {
  margin-bottom: 0;
}
.message-body .message-title {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0;
}
.message-attachments {
  margin: .5em 0;
}
.message-attachments-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.message-lastEdit {
  margin-top: .5em;
  color: hsla(var(--xf-textColorMuted));
  font-size: 12px;
  text-align: right;
}
.message-signature {
  margin-top: 10px;
  font-size: 13px;
  color: hsla(var(--xf-textColorMuted));
  border-top: 1px solid hsla(var(--xf-borderColorLight));
  padding-top: 3px;
}
.message-actionBar .actionBar-set {
  margin-top: 10px;
  font-size: 14px;
}
.message--simple .message-actionBar .actionBar-set {
  margin-top: 6px;
}
.message .likesBar {
  margin-top: 10px;
  padding: 6px;
}
.message .reactionsBar {
  margin-top: 10px;
  padding: 6px;
}
.message-historyTarget {
  margin-top: 10px;
}
.message-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: hsla(var(--xf-contentBg));
  background: linear-gradient(to bottom, hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ) 0%, hsla(var(--xf-contentBg)) 90%);
}
.message-responses {
  margin-top: 6px;
  font-size: 14px;
}
.message-responses .editorPlaceholder .input {
  font-size: inherit;
}
.message-responseRow {
  margin-top: -1px;
  background: hsla(var(--xf-contentAltBg));
  border: 1px solid hsla(var(--xf-borderColorLight));
  padding: 6px;
}
.message-responseRow.message-responseRow--likes,
.message-responseRow.message-responseRow--reactions {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
  align-items: center;
}
.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
  display: flex;
  opacity: 1;
}
.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
  display: flex;
}
.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
  height: auto;
  overflow-y: visible;
}
.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
  overflow-y: hidden;
}
@media (max-width: 768px) {
  .message:not(.message--forceColumns) .message-attribution-user .avatar {
    display: inline-flex;
    width: 22.4px;
    height: 22.4px;
    font-size: 13px;
  }
  .message:not(.message--forceColumns) .message-content {
    min-height: 1px;
  }
}
@media (max-width: 480px) {
  .message-signature {
    display: none;
  }
}
.message-menuGroup {
  display: inline-block;
}
.message-menuTrigger {
  display: inline-block;
}
.message-menuTrigger:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.2em;
  mask: url('/styles/fa/solid/caret-down.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/solid/caret-down.svg?v=5.15.3') no-repeat center;
  text-align: right;
}
.message-menuTrigger:hover:after {
  color: black;
}
.message-menu-section--editDelete .menu-linkRow {
  font-weight: 700;
  font-size: 16px;
}
.message-menu-link--delete i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--edit i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/edit.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/edit.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--report i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/frown.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/frown.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--warn i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/exclamation-triangle.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/exclamation-triangle.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--spam i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/ban.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/ban.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--ip i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--history i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/history.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/history.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--follow i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/user-plus.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/user-plus.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--ignore i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/user-times.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/user-times.svg?v=5.15.3') no-repeat center;
}
.message-menu-link--share i:after {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/share-alt.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/share-alt.svg?v=5.15.3') no-repeat center;
}
.message-articleUserInfo {
  background: hsla(var(--xf-contentAltBg));
  border-top: 1px solid hsla(var(--xf-borderColor));
}
.message-articleUserInfo:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.message-articleUserInfo .contentRow-figure {
  width: 140px;
  text-align: center;
}
.message-articleUserInfo .contentRow-main {
  padding-left: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .message-articleUserInfo .contentRow-figure {
    width: auto;
  }
  .message-articleUserInfo .contentRow-main {
    padding-left: 10px;
  }
}
.message-articleWrittenBy {
  color: hsla(var(--xf-textColorMuted));
  font-size: 14px;
}
.message-articleUserName {
  font-weight: 700;
  font-size: 21px;
  margin: 0;
  display: inline;
}
.message-articleUserBlurb,
.message-articleUserBlurb div {
  font-size: 14px;
  display: inline;
}
.message-articleUserAbout {
  font-size: 14px;
  margin: .5em 0;
}
.message-articleUserBanners .userBanner {
  margin-bottom: 3px;
}
.message-articleUserStats {
  font-size: 14px;
  color: hsla(var(--xf-textColorMuted));
}
@media (max-width: 480px) {
  .message-articleUserStats {
    display: none;
  }
}
.comment-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.comment-avatar {
  display: table-cell;
  width: 24px;
  vertical-align: top;
}
.comment-avatar .avatar,
.comment-avatar img {
  vertical-align: bottom;
}
.comment-main {
  display: table-cell;
  padding-left: 10px;
  vertical-align: top;
}
.comment-contentWrapper {
  margin-bottom: 6px;
}
.comment-user {
  font-weight: 700;
}
.comment-body {
  display: inline;
}
.comment-note {
  color: hsla(var(--xf-textColorMuted));
  font-size: 12px;
}
.comment-input {
  display: block;
  height: 2.34em;
  margin-bottom: 6px;
}
.comment-actionBar .actionBar-set {
  margin-top: 6px;
  color: hsla(var(--xf-textColorMuted));
}
.comment-likes,
.comment-reactions {
  display: none;
  opacity: 0;
  -webkit-transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  transition:  all 0.25s ease, -xf-opacity 0.25s ease;
  overflow-y: hidden;
  height: 0;
  -webkit-transition-property: all, -xf-height;
  transition-property: all, -xf-height;
  margin-top: 6px;
  font-size: 13px;
  align-items: center;
}
.comment-likes.is-active,
.comment-reactions.is-active {
  display: flex;
  opacity: 1;
}
.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
  display: flex;
}
.comment-likes.is-active,
.comment-reactions.is-active {
  height: auto;
  overflow-y: visible;
}
.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
  overflow-y: hidden;
}
.formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 540px) {
  .formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
    text-align: right;
  }
}
.messageNotice {
  margin: 6px 0;
  padding: 6px 10px;
  color: hsla(var(--xf-textColorAccentContent));
  background: hsla(var(--xf-contentAccentBg));
  font-size: 13px;
  border-left: 2px solid hsla(
    var(--xf-borderColorAccentContent--h), 
    var(--xf-borderColorAccentContent--s), 
    calc(var(--xf-borderColorAccentContent--l) - (var(--xf-color-adjust, 1) * 5%)), 
    var(--xf-borderColorAccentContent--a)
  );
  border-radius: 6px;
}
.messageNotice.messageNotice--nested {
  border-left-width: 1px;
}
.messageNotice:not(.messageNotice--highlighted) a,
.messageNotice:not(.messageNotice--highlighted) a:hover {
  color: hsla(var(--xf-textColorAccentContent));
  font-weight: bold;
}
.messageNotice:before {
  display: inline-block;
  padding-right: .2em;
  font-size: 125%;
  color: hsla(
    var(--xf-textColorEmphasized--h), 
    var(--xf-textColorEmphasized--s), 
    var(--xf-textColorEmphasized--l), 
    70%
  );
}
.messageNotice.messageNotice--highlighted {
  color: hsla(var(--xf-textColorEmphasized));
  background: hsla(var(--xf-contentHighlightBg));
  border-left-color: hsla(var(--xf-borderColorFeature));
}
.messageNotice.messageNotice--highlighted:before {
  color: hsla(var(--xf-textColorFeature));
}
.messageNotice.messageNotice--deleted:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
}
.messageNotice.messageNotice--moderated:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/shield.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/shield.svg?v=5.15.3') no-repeat center;
}
.messageNotice.messageNotice--warning:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/exclamation-triangle.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/exclamation-triangle.svg?v=5.15.3') no-repeat center;
}
.messageNotice.messageNotice--ignored:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/regular/microphone-slash.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/microphone-slash.svg?v=5.15.3') no-repeat center;
}
@media (min-width: 768px) {
  .block:not(.block--messages) .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .message:first-child .message-inner:first-of-type .message-cell:first-child,
  .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:first-child,
  .block:not(.block--messages) .block-topRadiusContent > .message:first-child .message-inner:first-of-type .message-cell:first-child {
    border-top-left-radius: 5px;
  }
  .block:not(.block--messages) .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .message:first-child .message-inner:first-of-type .message-cell:last-child,
  .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:last-child,
  .block:not(.block--messages) .block-topRadiusContent > .message:first-child .message-inner:first-of-type .message-cell:last-child {
    border-top-right-radius: 5px;
  }
  .block:not(.block--messages) .block-container:not(.block-container--noStripRadius) > .block-body:last-child > .message:last-child .message-inner:last-of-type .message-cell:first-child,
  .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:first-child,
  .block:not(.block--messages) .block-bottomRadiusContent > .message:last-child .message-inner:last-of-type .message-cell:first-child {
    border-bottom-left-radius: 5px;
  }
  .block:not(.block--messages) .block-container:not(.block-container--noStripRadius) > .block-body:last-child > .message:last-child .message-inner:last-of-type .message-cell:last-child,
  .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:last-child,
  .block:not(.block--messages) .block-bottomRadiusContent > .message:last-child .message-inner:last-of-type .message-cell:last-child {
    border-bottom-right-radius: 5px;
  }
}
.block--messages .block-container {
  background: none;
  border: none;
}
.block--messages .message,
.block--messages .block-row {
  color: hsla(var(--xf-textColor));
  background: hsla(var(--xf-contentBg));
  border: 1px solid hsla(var(--xf-borderColorHeavy));
  border-radius: 6px;
}
.block--messages .message + .message,
.block--messages .block-row + .message,
.block--messages .message + .block-row,
.block--messages .block-row + .block-row {
  margin-top: 15px;
}
.block--messages .block-filterBar {
  border: 1px solid hsla(var(--xf-borderColorHeavy));
  border-radius: 6px;
  margin-bottom: 6px;
}
.block--messages .message-spacer + .message,
.block--messages .message-spacer + .block-row {
  margin-top: 6px;
}
@media (max-width: 768px) {
  .block--messages .message--simple .message-cell--user + .message-cell {
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
@media (max-width: 768px) {
  .block--messages .message--simple .message-cell--user + .message-cell {
    border-radius: 0;
  }
}
.message--article.is-moderated {
  background: hsla(var(--xf-contentHighlightBg));
}
.message--article.is-deleted {
  opacity: .65;
}
.message--articlePreview {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-bottom: 10px;
  overflow: hidden;
}
.message--articlePreview:last-child {
  margin-bottom: 0;
}
.message--articlePreview .articlePreview-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.message--articlePreview .articlePreview-image {
  flex: 0 0 auto;
  width: 100%;
  max-width: 750px;
  text-decoration: none;
}
.message--articlePreview .articlePreview-image > img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.message--articlePreview .articlePreview-image + .articlePreview-text .bbImageWrapper,
.message--articlePreview .articlePreview-image + .articlePreview-text .bbImage {
  display: none;
}
.message--articlePreview .articlePreview-text {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 10px;
}
.message--articlePreview .articlePreview-text .bbWrapper {
  position: relative;
  max-height: 11.2em;
  overflow: hidden;
}
.message--articlePreview .articlePreview-text .bbWrapper:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 75%;
  height: 1.4em;
  background: linear-gradient(to right, hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    0%
  ), hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    100%
  ));
}
.message--articlePreview .articlePreview-title {
  margin: 0;
  font-size: 18px;
}
.message--articlePreview .articlePreview-content {
  flex: 1 1 auto;
}
.message--articlePreview .articlePreview-links {
  text-align: right;
  padding-top: 6px;
}
.message--articlePreview .articlePreview-statuses {
  float: left;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.message--articlePreview .articlePreview-statuses > li {
  margin-right: 8px;
}
.message--articlePreview .articlePreview-statuses .message-newIndicator {
  font-size: 14px;
}
.message--articlePreview .articlePreview-footer {
  padding: 0 10px;
}
.message--articlePreview .articlePreview-meta {
  display: flex;
  align-items: center;
  border-top: solid 1px hsla(var(--xf-borderColor));
  padding: 6px 0;
  color: hsla(var(--xf-textColorMuted));
  font-size: 14px;
}
.message--articlePreview .articlePreview-meta > li {
  margin-right: 10px;
}
.message--articlePreview .articlePreview-meta > li:last-child {
  margin-right: 0;
}
.message--articlePreview .articlePreview-replies {
  white-space: nowrap;
}
.message--articlePreview .articlePreview-by,
.message--articlePreview .articlePreview-repliesLabel {
  display: none;
}
.block--articles.block--messages.block--expanded .article-title {
  margin: 0 0 5px;
  font-size: 25px;
  font-weight: 400;
}
.block--articles.block--messages.block--expanded .message-snippet-link {
  margin-top: .5em;
  text-align: center;
}
.block--articles.block--messages.block--expanded .message + .message {
  margin-top: 15px;
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .block--previews .block-body {
      display: grid;
      gap: 10px;
      grid-template-rows: auto;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "a a";
    }
    .block--previews .block-body > .message:first-of-type:last-of-type {
      grid-area: a;
    }
    .block--previews .block-body > .message--articlePreview {
      margin-bottom: 0;
    }
    .block--previews .block-body > .message--articlePreview:nth-of-type(-n+5) .articlePreview-title {
      font-size: 21px;
    }
    .block--previews .block-body > .message--articlePreview:nth-of-type(-n+5) .articlePreview-image {
      max-width: none;
    }
    .block--previews .block-body > .message--articlePreview:nth-of-type(-n+5) .articlePreview-image > img {
      aspect-ratio: 5 / 3;
    }
    .block--previews .block-body > .message--articlePreview:nth-of-type(-n+5) .articlePreview-meta .articlePreview-by {
      display: block;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type {
      grid-area: a;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-title {
      font-size: 25px;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-meta {
      border-top: none;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-main {
      flex-direction: row-reverse;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-image {
      width: 50%;
      height: 100%;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-image > img {
      height: 100%;
    }
  }
  @media (min-width: 1024px) {
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
      grid-template-columns: repeat(4, 1fr);
      grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4";
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message:first-of-type:last-of-type {
      grid-area: a;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(1) {
      grid-area: a;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(2) {
      grid-area: b_1;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(3) {
      grid-area: b_2;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(4) {
      grid-area: b_3;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(5) {
      grid-area: b_4;
    }
  }
  @media (min-width: 1304px) {
    .p-body-main--withSidebar .block--previews .block-body {
      grid-template-columns: repeat(4, 1fr);
      grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4";
    }
    .p-body-main--withSidebar .block--previews .block-body > .message:first-of-type:last-of-type {
      grid-area: a;
    }
    .p-body-main--withSidebar .block--previews .block-body > .message--articlePreview:nth-of-type(1) {
      grid-area: a;
    }
    .p-body-main--withSidebar .block--previews .block-body > .message--articlePreview:nth-of-type(2) {
      grid-area: b_1;
    }
    .p-body-main--withSidebar .block--previews .block-body > .message--articlePreview:nth-of-type(3) {
      grid-area: b_2;
    }
    .p-body-main--withSidebar .block--previews .block-body > .message--articlePreview:nth-of-type(4) {
      grid-area: b_3;
    }
    .p-body-main--withSidebar .block--previews .block-body > .message--articlePreview:nth-of-type(5) {
      grid-area: b_4;
    }
  }
}

/********* public:notices.less ********/
.notices {
  list-style: none;
  margin: 0;
  padding: 0;
}
.notices.notices--block .notice {
  margin-bottom: 10px;
}
.notices.notices--floating {
  margin: 0 20px 0 auto;
  width: 300px;
  max-width: 100%;
  z-index: 800;
}
@media (max-width: 340px) {
  .notices.notices--floating {
    margin-right: 10px;
  }
}
.notices.notices--floating .notice {
  margin-bottom: 20px;
}
.notices.notices--scrolling {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid hsla(var(--xf-borderColorHeavy));
  margin-bottom: 10px;
}
.notices.notices--scrolling.notices--isMulti {
  margin-bottom: 30px;
}
.notices.notices--scrolling .notice {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  border: none;
}
.notice {
  position: relative;
  border: 1px solid hsla(var(--xf-borderColorHeavy));
}
.notice:before,
.notice:after {
  content: " ";
  display: table;
}
.notice:after {
  clear: both;
}
.notice.notice--primary {
  color: hsla(var(--xf-textColorEmphasized));
  background: hsla(var(--xf-contentHighlightBg));
}
.notice.notice--accent {
  color: hsla(var(--xf-textColorAccentContent));
  background: hsla(var(--xf-contentAccentBg));
}
.notice.notice--accent a:not(.button--notice) {
  color: hsla(var(--xf-textColorAccentContent));
}
.notice.notice--dark {
  color: #fefefe;
  border: none;
  background: hsl(0, 0%, 8%);
}
.notice.notice--dark a:not(.button--notice) {
  color: hsl(0, 0%, 71%);
}
.notice.notice--light {
  color: hsl(0, 0%, 8%);
  background: hsl(0, 0%, 100%);
}
.notice.notice--light a:not(.button--notice) {
  color: hsl(0, 0%, 51%);
}
.notice.notice--enablePush {
  display: none;
}
@media (max-width: 1024px) {
  .notice.notice--enablePush {
    padding: 3px 3px 10px;
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .notice.notice--cookie .notice-content {
    padding: 3px 3px 10px;
    font-size: 13px;
  }
  .notice.notice--cookie .notice-content .button--notice {
    font-size: 13px;
    padding: 3px 6px;
  }
  .notice.notice--cookie .notice-content .button--notice .button-text {
    font-size: 13px;
  }
}
.notice.notice--cookieAdvanced .notice-content {
  padding: 1em 0;
}
.notice.notice--cookieAdvanced .notice-content .u-pageCentered {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: end;
}
@media (max-width: 768px) {
  .notice.notice--cookieAdvanced .notice-content .u-pageCentered {
    display: block;
  }
}
.notice.notice--cookieAdvanced .notice-content h2 {
  margin: 0;
}
.notice.notice--cookieAdvanced .notice-content .button {
  width: 100%;
  margin: .5em 0;
  font-weight: bold;
}
.notice.notice--cookieAdvanced .notice-content form.is-active {
  display: contents;
  grid-column: span 2;
}
.notice.notice--cookieAdvanced .notice-content form.is-active .formRow.formRow--fullWidth > dd {
  padding-left: 0;
  padding-right: 0;
}
.notice.notice--cookieAdvanced .notice-content form:not(.is-active) {
  display: none;
}
.notices--block .notice {
  font-size: 16px;
  border-radius: 6px;
}
.notices--floating .notice {
  font-size: 12px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 0%, 0.25);
}
.notices--floating .notice.notice--primary {
  background-color: hsla(
    var(--xf-contentHighlightBg--h), 
    var(--xf-contentHighlightBg--s), 
    var(--xf-contentHighlightBg--l), 
    80%
  );
}
.notices--floating .notice.notice--accent {
  background-color: hsla(
    var(--xf-contentAccentBg--h), 
    var(--xf-contentAccentBg--s), 
    var(--xf-contentAccentBg--l), 
    80%
  );
}
.notices--floating .notice.notice--dark {
  background-color: hsla(0, 0%, 8%, 80%);
}
.notices--floating .notice.notice--light {
  background-color: hsla(0, 0%, 100%, 80%);
}
.has-js .notices--floating .notice {
  display: none;
}
.notice.notice--hasImage .notice-content {
  margin-left: 68px;
  min-height: 68px;
}
@media (max-width: 1024px) {
  .notice.notice--hidewide:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 768px) {
  .notice.notice--hidemedium:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 480px) {
  .notice.notice--hidenarrow:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
.notice-image {
  float: left;
  padding: 10px 0 10px 10px;
}
.notice-image img {
  max-width: 48px;
  max-height: 48px;
}
.notice-content {
  padding: 10px;
}
.notice-content a.notice-dismiss {
  float: right;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  height: 1em;
  box-sizing: content-box;
  padding: 0 0 5px 5px;
  opacity: .5;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  cursor: pointer;
}
.notice-content a.notice-dismiss:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.75em;
  mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/times.svg?v=5.15.3') no-repeat center;
}
.notice-content a.notice-dismiss:hover {
  text-decoration: none;
  opacity: 1;
}
.notices--floating .notice-content a.notice-dismiss {
  font-size: 14px;
}

/********* public:ozzmodz_vb_badge.less ********/
.userVerificationBadge {
  cursor: pointer;
}
.userVerificationBadgeIcon--1 {
  color: hsl(194, 100%, 38%);
}
.userVerificationBadgeIcon--2 {
  color: #2f3955;
}
.userVerificationBadgeIcon--asset,
.userVerificationBadgeIcon--url {
  width: 1.25em;
  height: 1.25em;
  vertical-align: top;
}

/********* public:sag_attachment_guard.less ********/
.file--sagGuarded {
  position: relative;
  width: 165px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 0;
  background: radial-gradient(circle at 50% 42%, hsla(171, 77%, 64%, 13%), hsla(0, 0%, 0%, 0) 42%), hsla(229, 84%, 5%, 42%);
  overflow: hidden;
}
.file--sagGuarded.file--sagGuardedDirect {
  margin: 24px auto;
}
.file--sagGuestBlocked {
  position: relative;
  width: 165px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 0;
  background: radial-gradient(circle at 50% 50%, hsla(142, 77%, 73%, 15%), hsla(0, 0%, 0%, 0) 50%), hsla(229, 84%, 5%, 38%);
  overflow: hidden;
}
.file--sagGuestBlocked.file--sagGuestBlockedDirect {
  margin: 24px auto;
}
.file--sagGuestBlocked .sagGuestTile {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: linear-gradient(135deg, hsla(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    92%
  ), hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    82%
  )), radial-gradient(circle at 50% 50%, hsla(142, 77%, 73%, 18%), hsla(0, 0%, 0%, 0) 54%);
}
.file--sagGuestBlocked .sagGuestTile::before {
  content: '';
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background: radial-gradient(circle, hsla(142, 77%, 73%, 20%) 0%, hsla(142, 77%, 73%, 11%) 43%, hsla(0, 0%, 0%, 0) 72%);
  transform: translate(-50%, -50%);
  animation: sagGuestTileGlow 3.6s ease-in-out infinite;
}
.file--sagGuestBlocked .sagGuestTile-orbit {
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 2px solid hsla(142, 77%, 73%, 34%);
  box-shadow: inset 0 0 0 11px hsla(201, 63%, 6%, 18%), 0 0 0 10px hsla(142, 77%, 73%, 7%), 0 0 34px hsla(142, 77%, 73%, 22%);
  transform: translate(-50%, -50%);
  animation: sagGuestTilePulse 3.2s ease-in-out infinite;
}
.file--sagGuestBlocked .sagGuestTile-orbit::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #bbf7d0;
  border-right-color: hsla(142, 77%, 73%, 45%);
  opacity: .72;
  animation: sagGuestTileSweep 5.2s linear infinite;
}
.file--sagGuestBlocked .sagGuestTile-core {
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  z-index: 1;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #052e1a;
  background: #86efac;
  box-shadow: 0 0 0 12px hsla(142, 77%, 73%, 13%), 0 16px 34px hsla(0, 0%, 0%, 24%), inset 0 1px 0 hsla(0, 0%, 100%, 32%);
  transform: translate(-50%, -50%);
}
.file--sagGuestBlocked .sagGuestTile-fileIcon {
  display: block;
  width: 40px;
  height: 40px;
  color: #052e1a;
  overflow: visible;
}
.file--sagGuestBlocked .sagGuestTile-fileBody,
.file--sagGuestBlocked .sagGuestTile-fileFold,
.file--sagGuestBlocked .sagGuestTile-zipLine,
.file--sagGuestBlocked .sagGuestTile-zipTeeth,
.file--sagGuestBlocked .sagGuestTile-zipPull {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.file--sagGuestBlocked .sagGuestTile-zipPull {
  fill: hsla(151, 80%, 10%, 8%);
}
.file--sagGuestBlocked .sagGuestTile-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  min-height: 39px;
  padding: 9px 12px 10px;
  box-sizing: border-box;
  color: hsla(var(--xf-textColor));
  background: linear-gradient(180deg, hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    70%
  ), hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    96%
  )), linear-gradient(90deg, hsla(142, 77%, 73%, 18%), hsla(0, 0%, 0%, 0) 42%);
  box-shadow: inset 0 1px 0 hsla(142, 77%, 73%, 26%), 0 -12px 24px hsla(229, 84%, 5%, 22%);
  backdrop-filter: blur(8px);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: left;
}
.file--sagGuestBlocked .sagGuestTile-name::before {
  content: '';
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: #86efac;
  box-shadow: 0 0 12px hsla(142, 77%, 73%, 58%);
}
.file--sagGuestBlocked .sagGuestTile-name span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file--sagGuarded .sagGuardTile {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: linear-gradient(135deg, hsla(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    92%
  ), hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    82%
  )), radial-gradient(circle at 50% 50%, hsla(171, 77%, 64%, 16%), hsla(0, 0%, 0%, 0) 46%);
}
.file--sagGuarded .sagGuardTile-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 2px solid hsla(171, 77%, 64%, 20%);
  border-top-color: #5eead4;
  box-shadow: 0 0 18px hsla(171, 77%, 64%, 18%);
  transform: translate(-50%, -50%);
}
.file--sagGuarded .sagGuardTile-icon {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #06131a;
  background: #5eead4;
  box-shadow: 0 0 0 7px hsla(171, 77%, 64%, 13%), 0 10px 24px hsla(0, 0%, 0%, 24%);
}
.file--sagGuarded .sagGuardTile-icon svg {
  width: 30px;
  height: 30px;
}
.file--sagGuarded .sagGuardTile-checkPath {
  fill: none;
  stroke: currentColor;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 34;
  stroke-dashoffset: 34;
}
.file--sagGuarded .sagGuardTile-icon--lock {
  display: none;
  font-size: 18px;
}
.file--sagGuarded .sagGuardTile-vtMark {
  position: absolute;
  left: 50%;
  bottom: 17px;
  z-index: 1;
  display: none;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  min-height: 33px;
  max-width: calc(100% - 24px);
  padding: 7px 11px 7px 9px;
  border-radius: 999px;
  color: #d9fffb;
  background: linear-gradient(135deg, hsla(171, 77%, 64%, 22%), hsla(198, 93%, 60%, 20%)), hsla(206, 73%, 9%, 88%);
  box-shadow: 0 0 0 1px hsla(171, 77%, 64%, 38%), 0 0 0 2px hsla(198, 93%, 60%, 10%), 0 8px 18px hsla(0, 0%, 0%, 18%), 0 0 20px hsla(198, 93%, 60%, 12%);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  transform: translateX(-50%);
  backdrop-filter: blur(6px);
}
.file--sagGuarded .sagGuardTile-vtLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  color: #67e8f9;
  filter: drop-shadow(0 0 8px hsla(171, 77%, 64%, 34%));
}
.file--sagGuarded .sagGuardTile-vtLogo svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.file--sagGuarded .sagGuardTile-vtName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.file--sagGuarded .sagGuardTile-vtResult {
  display: none;
  min-width: 34px;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-shadow: 0 0 9px hsla(198, 93%, 60%, 28%);
}
.file--sagGuarded .sagGuardTile-vtDetected {
  color: #5eead4;
}
.file--sagGuarded .sagGuardTile-vtTotal {
  color: #d9fffb;
}
.file--sagGuarded .sagGuardTile--scanning .sagGuardTile-ring {
  top: calc(50% - 18px);
  animation: sagGuardTileRingSpin 1.05s linear infinite;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-ring,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-ring {
  top: calc(50% - 18px);
}
.file--sagGuarded .sagGuardTile--scanning .sagGuardTile-icon {
  transform: translateY(-18px);
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-icon,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-icon {
  transform: translateY(-18px);
}
.file--sagGuarded .sagGuardTile--scanning .sagGuardTile-vtMark {
  display: inline-flex;
  animation: sagGuardVTPulse 1.55s ease-in-out infinite;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-vtMark--hasResult,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-vtMark--hasResult {
  display: inline-flex;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-vtMark,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-vtMark {
  animation: none;
  justify-content: center;
  min-width: 128px;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-vtName,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-vtName {
  display: none;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-vtResult,
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-vtResult {
  display: inline-block;
}
.file--sagGuarded .sagGuardTile--scanning .sagGuardTile-checkPath {
  animation: sagGuardTileCheck 1.55s ease-in-out infinite;
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-ring {
  border-color: hsla(171, 77%, 64%, 38%);
  box-shadow: 0 0 24px hsla(171, 77%, 64%, 34%);
}
.file--sagGuarded .sagGuardTile--clean .sagGuardTile-checkPath {
  animation: sagGuardTileCheckOnce 0.42s ease-out forwards;
}
.file--sagGuarded .sagGuardTile--blocked {
  background: linear-gradient(135deg, hsla(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    94%
  ), hsla(
    var(--xf-contentBg--h), 
    var(--xf-contentBg--s), 
    var(--xf-contentBg--l), 
    84%
  )), radial-gradient(circle at 50% 50%, hsla(351, 95%, 71%, 18%), hsla(0, 0%, 0%, 0) 46%);
}
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-ring {
  border-color: hsla(351, 95%, 71%, 42%);
  box-shadow: 0 0 22px hsla(351, 95%, 71%, 26%);
}
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-vtDetected {
  color: #fb7185;
  text-shadow: 0 0 9px hsla(351, 95%, 71%, 28%);
}
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-icon--check {
  display: none;
}
.file--sagGuarded .sagGuardTile--blocked .sagGuardTile-icon--lock {
  display: flex;
  background: #fb7185;
  box-shadow: 0 0 0 7px hsla(351, 95%, 71%, 13%), 0 10px 24px hsla(0, 0%, 0%, 24%);
}
.sagInlineGuest {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  background: hsla(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    88%
  );
  box-shadow: 0 0 0 1px hsla(142, 77%, 73%, 26%);
}
.sagInlineGuest .sagInlineGuest-orbit {
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  border: 1px solid hsla(142, 77%, 73%, 42%);
  animation: sagGuestInlinePulse 2.35s ease-in-out infinite;
}
.sagInlineGuest .sagInlineGuest-core {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #052e1a;
  background: #86efac;
  box-shadow: 0 0 10px hsla(142, 77%, 73%, 22%);
}
.sagInlineGuest .sagInlineGuest-fileIcon {
  display: block;
  width: 14px;
  height: 14px;
  color: #052e1a;
  overflow: visible;
}
.sagInlineGuest .sagInlineGuest-fileBody,
.sagInlineGuest .sagInlineGuest-fileFold,
.sagInlineGuest .sagInlineGuest-zipLine,
.sagInlineGuest .sagInlineGuest-zipTeeth,
.sagInlineGuest .sagInlineGuest-zipPull {
  fill: none;
  stroke: currentColor;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sagInlineGuest .sagInlineGuest-zipPull {
  fill: hsla(151, 80%, 10%, 8%);
}
.sagInlineGuard {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  background: hsla(
    var(--xf-contentAltBg--h), 
    var(--xf-contentAltBg--s), 
    var(--xf-contentAltBg--l), 
    88%
  );
  box-shadow: 0 0 0 1px hsla(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    var(--xf-borderColor--l), 
    70%
  );
}
.sagInlineGuard .sagInlineGuard-ring {
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  border: 2px solid hsla(171, 77%, 64%, 20%);
  border-top-color: #5eead4;
}
.sagInlineGuard .sagInlineGuard-check,
.sagInlineGuard .sagInlineGuard-lock {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #06131a;
  background: #5eead4;
  font-size: 11px;
}
.sagInlineGuard .sagInlineGuard-check svg {
  width: 16px;
  height: 16px;
}
.sagInlineGuard .sagInlineGuard-checkPath {
  fill: none;
  stroke: currentColor;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 34;
  stroke-dashoffset: 34;
}
.sagInlineGuard .sagInlineGuard-lock {
  display: none;
}
.sagInlineGuard--scanning .sagInlineGuard-ring {
  animation: sagGuardTileSpin 1.05s linear infinite;
}
.sagInlineGuard--scanning .sagInlineGuard-checkPath {
  animation: sagGuardTileCheck 1.55s ease-in-out infinite;
}
.sagInlineGuard--clean .sagInlineGuard-checkPath {
  animation: sagGuardTileCheckOnce 0.42s ease-out forwards;
}
.sagInlineGuard--blocked .sagInlineGuard-ring {
  border-color: hsla(351, 95%, 71%, 36%);
}
.sagInlineGuard--blocked .sagInlineGuard-check {
  display: none;
}
.sagInlineGuard--blocked .sagInlineGuard-lock {
  display: flex;
  background: #fb7185;
}
@keyframes sagGuestTilePulse {
  0%,
  100% {
    opacity: .72;
    transform: translate(-50%, -50%) scale(0.97);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.045);
  }
}
@keyframes sagGuestTileGlow {
  0%,
  100% {
    opacity: .64;
    transform: translate(-50%, -50%) scale(0.9399999999999999);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
  }
}
@keyframes sagGuestTileSweep {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sagGuestInlinePulse {
  0%,
  100% {
    opacity: .68;
    transform: scale(0.96);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.sagExternalLinkBlocked {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .35em;
  color: #d95050;
  text-decoration: none;
  border-bottom: 1px dotted hsla(0, 64%, 58%, 55%);
  cursor: not-allowed;
  outline: 0;
}
.sagExternalLinkBlocked-icon {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: -2px;
}
.sagExternalLinkBlocked-url {
  position: absolute;
  z-index: 500;
  top: calc(100% + 8px);
  left: 0;
  display: none;
  width: max-content;
  min-width: 260px;
  max-width: 620px;
  padding: 8px 10px;
  border: 1px solid hsla(0, 64%, 58%, 36%);
  border-radius: 6px;
  background: hsla(var(--xf-contentBg));
  color: hsla(var(--xf-textColor));
  box-shadow: 0 10px 24px hsla(0, 0%, 0%, 28%);
  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: normal;
  word-break: break-all;
  user-select: all;
  cursor: text;
}
.sagExternalLinkBlocked-url::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
  background: transparent;
}
.sagExternalLinkBlocked-url::before {
  content: '';
  position: absolute;
  left: 14px;
  top: -6px;
  width: 10px;
  height: 10px;
  border-left: 1px solid hsla(0, 64%, 58%, 36%);
  border-top: 1px solid hsla(0, 64%, 58%, 36%);
  background: hsla(var(--xf-contentBg));
  transform: rotate(45deg);
}
.sagExternalLinkBlocked:hover .sagExternalLinkBlocked-url,
.sagExternalLinkBlocked:focus-within .sagExternalLinkBlocked-url,
.sagExternalLinkBlocked:focus .sagExternalLinkBlocked-url {
  display: block;
}
@keyframes sagGuardTileSpin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sagGuardTileRingSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes sagGuardTileCheck {
  0% {
    stroke-dashoffset: 34;
    opacity: .45;
    transform: scale(0.92);
  }
  42%,
  70% {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    stroke-dashoffset: 34;
    opacity: .45;
    transform: scale(0.92);
  }
}
@keyframes sagGuardTileCheckOnce {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes sagGuardVTPulse {
  0%,
  100% {
    opacity: .72;
    transform: translateX(-50%) translateY(1px);
  }
  45% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .file--sagGuarded .sagGuardTile--scanning .sagGuardTile-ring,
  .file--sagGuarded .sagGuardTile--scanning .sagGuardTile-checkPath,
  .file--sagGuarded .sagGuardTile--scanning .sagGuardTile-vtMark,
  .file--sagGuestBlocked .sagGuestTile-orbit,
  .sagInlineGuest .sagInlineGuest-orbit,
  .sagInlineGuard--scanning .sagInlineGuard-ring,
  .sagInlineGuard--scanning .sagInlineGuard-checkPath {
    animation: none;
  }
  .file--sagGuarded .sagGuardTile-checkPath,
  .sagInlineGuard .sagInlineGuard-checkPath {
    stroke-dashoffset: 0;
  }
}

/********* public:share_controls.less ********/
.shareButtons:before,
.shareButtons:after {
  content: " ";
  display: table;
}
.shareButtons:after {
  clear: both;
}
.shareButtons--iconic .shareButtons-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
}
.shareButtons-label {
  float: left;
  margin-right: 3px;
  color: hsla(var(--xf-textColorMuted));
  min-height: 35px;
  line-height: 35px;
}
.shareButtons-button {
  float: left;
  margin-right: 3px;
  padding: 6px;
  color: hsla(var(--xf-textColorMuted));
  font-size: 20px;
  line-height: 20px;
  white-space: nowrap;
  min-width: 35px;
  border-radius: 2px;
  background-color: transparent;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.shareButtons-button:last-of-type {
  margin-right: 0;
}
.shareButtons-button:hover {
  text-decoration: none;
  color: white;
}
.shareButtons-button > i {
  display: inline-block;
  vertical-align: middle;
}
.shareButtons-button > span {
  font-weight: 400;
  font-size: 16px;
}
.shareButtons--iconic .shareButtons-button {
  text-align: center;
}
.shareButtons--iconic .shareButtons-button > i {
  min-width: 20px;
}
.shareButtons--iconic .shareButtons-button > svg {
  vertical-align: middle;
}
.shareButtons--iconic .shareButtons-button > span {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.shareButtons-button.shareButtons-button--facebook:hover {
  background-color: #3B5998;
}
.shareButtons-button.shareButtons-button--twitter:hover {
  background-color: #000000;
}
.shareButtons-button.shareButtons-button--bluesky:hover {
  background-color: #1185fe;
}
.shareButtons-button.shareButtons-button--pinterest:hover {
  background-color: #bd081c;
}
.shareButtons-button.shareButtons-button--tumblr:hover {
  background-color: #35465c;
}
.shareButtons-button.shareButtons-button--reddit:hover {
  background-color: #FF4500;
}
.shareButtons-button.shareButtons-button--whatsApp:hover {
  background-color: #25D366;
}
.shareButtons-button.shareButtons-button--linkedin:hover {
  background-color: #0077B5;
}
.shareButtons-button.shareButtons-button--email:hover {
  background-color: #1289ff;
}
.shareButtons-button.shareButtons-button--share {
  cursor: pointer;
}
.shareButtons-button.shareButtons-button--share:hover {
  background-color: #787878;
}
.shareButtons-button.shareButtons-button--link {
  cursor: pointer;
}
.shareButtons-button.shareButtons-button--link:hover {
  background-color: #787878;
}
.shareButtons-button.is-hidden {
  display: none;
}
.shareInput {
  margin-bottom: 5px;
}
.shareInput:last-child {
  margin-bottom: 0;
}
.shareInput-label {
  font-size: 14px;
}
.shareInput-label:after {
  content: ":";
}
.shareInput-label.is-sentence:after {
  content: "";
}
.shareInput-button {
  color: hsla(var(--xf-linkColor));
  cursor: pointer;
}
.shareInput-button > i {
  display: inline-block;
  vertical-align: middle;
}
.shareInput-button.is-hidden {
  display: none;
}
.shareInput-input {
  font-size: 14px;
}
@media (max-width: 568px) {
  .shareInput-input {
    font-size: 16px;
  }
}
.shareInput-button.is-hidden + .shareInput-input {
  border-radius: 4px;
}

/********* public:structured_list.less ********/
.structItemContainer {
  border-collapse: collapse;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.structItemContainer > .structItem:first-child,
.structItemContainer > .structItemContainer-group:first-child > .structItem:first-child {
  border-top: none;
}
.structItem {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid hsla(var(--xf-borderColorFaint));
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.structItem.is-highlighted,
.structItem.is-moderated {
  color: hsla(var(--xf-textColorDimmed));
  background: hsla(var(--xf-contentAltBg));
}
.structItem.is-deleted {
  opacity: .7;
}
.structItem.is-deleted .structItem-title > * {
  text-decoration: line-through;
}
.structItem.is-mod-selected {
  background: hsla(var(--xf-inlineModHighlightColor));
  opacity: 1;
}
.structItem-cell {
  display: table-cell;
  vertical-align: top;
  padding: 10px 8px;
}
.structItem--middle .structItem-cell {
  vertical-align: middle;
}
.structItem-cell.structItem-cell--vote {
  width: 56px;
}
.structItem-cell.structItem-cell--icon {
  width: 52px;
  position: relative;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
  width: 64px;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
  width: 40px;
  padding-left: 4px;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd .structItem-iconContainer {
  padding-top: 6px;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmall {
  width: 76px;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmallest {
  width: 40px;
}
.structItem-cell.structItem-cell--icon .solutionIcon {
  padding-left: 0;
  padding-right: 0;
}
.structItem-cell.structItem-cell--meta {
  width: 135px;
}
.structItem-cell.structItem-cell--latest {
  width: 190px;
  text-align: right;
}
.structItem-iconContainer {
  position: relative;
}
.structItem-iconContainer img {
  display: block;
  width: 100%;
}
.structItem-iconContainer .avatar {
  width: 36px;
  height: 36px;
  font-size: 22px;
}
.structItem-iconContainer .avatar.avatar--xxs {
  width: 24px;
  height: 24px;
  font-size: 14px;
}
.structItem-iconContainer .structItem-secondaryIcon {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
  width: 48px;
  height: 48px;
  font-size: 29px;
}
.structItem-cell--iconExpanded .structItem-iconContainer .structItem-secondaryIcon {
  width: 22px;
  height: 22px;
  font-size: 13px;
}
.structItem-title {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.structItem-title .label {
  font-weight: 400;
}
.is-unread .structItem-title {
  font-weight: 700;
}
.structItem-minor {
  font-size: 13px;
  color: hsla(var(--xf-textColorMuted));
}
.structItem-minor a {
  color: inherit;
  text-decoration: none;
}
.structItem-minor a:hover {
  text-decoration: underline;
}
.structItem-parts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.structItem-parts > li {
  display: inline;
  margin: 0;
  padding: 0;
}
.structItem-parts > li:nth-child(even) {
  color: hsla(var(--xf-textColorDimmed));
}
.structItem-parts > li:before {
  content: "\00B7\20";
}
.structItem-parts > li:first-child:before {
  content: "";
  display: none;
}
.structItem-pageJump {
  margin-left: 8px;
  font-size: 12px;
}
.structItem-pageJump a {
  color: hsla(var(--xf-textColorDimmed));
  background: hsla(var(--xf-contentAltBg));
  border: 1px solid hsla(var(--xf-borderColor));
  text-decoration: none;
  border-radius: 2px;
  padding: 0 3px;
  opacity: .5;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.structItem:hover .structItem-pageJump a,
.has-touchevents .structItem-pageJump a {
  opacity: 1;
}
.structItem-pageJump a:hover {
  text-decoration: none;
  background: hsla(var(--xf-contentBg));
}
.structItem-statuses,
.structItem-extraInfo {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.structItem-statuses > li,
.structItem-extraInfo > li {
  float: left;
  margin-left: 8px;
}
.structItem-statuses input[type=checkbox],
.structItem-extraInfo input[type=checkbox] {
  vertical-align: -2px;
}
.structItem-statuses .reactionSummary {
  vertical-align: -2px;
}
.structItem-extraInfo .reactionSummary {
  vertical-align: middle;
}
.structItem-status::before {
  display: inline-block;
  font-size: 90%;
  color: hsla(var(--xf-textColorMuted));
}
.structItem-status.fa--xf svg {
  color: hsla(var(--xf-textColorMuted));
}
.structItem-status--deleted::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.875em;
  mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/trash-alt.svg?v=5.15.3') no-repeat center;
}
.structItem-status--locked::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.875em;
  mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/lock.svg?v=5.15.3') no-repeat center;
}
.structItem-status--moderated::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/shield.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/shield.svg?v=5.15.3') no-repeat center;
  color: hsla(var(--xf-textColorAttention));
}
.structItem-status--redirect::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/external-link.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/external-link.svg?v=5.15.3') no-repeat center;
}
.structItem-status--starred::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.125em;
  mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
  color: hsla(var(--xf-starFullColor));
}
.structItem-status--sticky::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.75em;
  mask: url('/styles/fa/regular/thumbtack.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/thumbtack.svg?v=5.15.3') no-repeat center;
}
.structItem-status--featured::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/medal.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/medal.svg?v=5.15.3') no-repeat center;
}
.structItem-status--watched::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 0.875em;
  mask: url('/styles/fa/regular/bell.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/bell.svg?v=5.15.3') no-repeat center;
}
.structItem-status--solved::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/check-circle.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/check-circle.svg?v=5.15.3') no-repeat center;
  color: hsla(var(--xf-votePositiveColor));
}
.structItem-status--attention::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.125em;
  mask: url('/styles/fa/regular/bullhorn.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/bullhorn.svg?v=5.15.3') no-repeat center;
  color: hsla(var(--xf-textColorAttention));
}
.structItem-status--upvoted::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/thumbs-up.svg?v=5.15.3') no-repeat center;
}
.structItem-status--downvoted::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1em;
  mask: url('/styles/fa/regular/thumbs-down.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/regular/thumbs-down.svg?v=5.15.3') no-repeat center;
}
.structItem.structItem--note {
  color: hsla(var(--xf-textColorEmphasized));
  background: hsla(var(--xf-contentHighlightBg));
  color: hsla(var(--xf-textColorFeature));
}
.structItem.structItem--note .structItem-cell {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 1024px) {
  .structItem-cell {
    vertical-align: top;
  }
  .structItem-cell.structItem-cell--meta {
    width: 115px;
    font-size: 13px;
  }
  .structItem-cell.structItem-cell--latest {
    width: 140px;
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .structItem-cell + .structItem-cell.structItem-cell--icon {
    padding-left: 0;
    width: 44px;
  }
  .structItem-cell.structItem-cell--main,
  .structItem-cell.structItem-cell--newThread {
    display: block;
    padding-bottom: .2em;
  }
  .structItem-cell + .structItem-cell.structItem-cell--main,
  .structItem-cell + .structItem-cell.structItem-cell--newThread {
    padding-left: 0;
  }
  .structItem-cell.structItem-cell--meta {
    display: block;
    width: auto;
    float: left;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    color: hsla(var(--xf-textColorMuted));
  }
  .structItem-cell.structItem-cell--meta .structItem-minor {
    display: none;
  }
  .structItem-cell.structItem-cell--meta .pairs > dt,
  .structItem-cell.structItem-cell--meta .pairs > dd {
    display: inline;
    float: none;
    margin: 0;
  }
  .structItem-cell.structItem-cell--latest {
    display: block;
    width: auto;
    float: left;
    padding-top: 0;
    padding-left: 0;
  }
  .structItem-cell.structItem-cell--latest:before {
    content: "\00A0\00B7\20";
    color: hsla(var(--xf-textColorMuted));
  }
  .structItem-cell.structItem-cell--latest a {
    color: hsla(var(--xf-textColorMuted));
  }
  .structItem-cell.structItem-cell--latest .structItem-minor {
    display: none;
  }
  .structItem-cell.structItem-cell--iconEnd {
    display: none;
  }
  .structItem-pageJump,
  .structItem-extraInfoMinor {
    display: none;
  }
  .is-unread .structItem-latestDate {
    font-weight: 400;
  }
}
@media (max-width: 480px) {
  .structItem-parts .structItem-startDate {
    display: none;
  }
  .structItem.structItem--quickCreate .structItem-cell--icon,
  .structItem.structItem--quickCreate .structItem-cell--vote {
    display: none;
  }
  .structItem.structItem--quickCreate .structItem-cell--newThread {
    padding-left: 8px;
    padding-bottom: 8px;
  }
}

/********* public:vnxf_cr.less ********/
.vnxf-cr-rating-block {
  background: linear-gradient(135deg, hsla(
    var(--xf-paletteAccent1--h), 
    var(--xf-paletteAccent1--s), 
    var(--xf-paletteAccent1--l), 
    6%
  ), hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    12%
  ));
  border: 1px solid hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    15%
  );
  border-radius: 4px;
  padding: 10px;
  margin: 6px 0;
  box-shadow: 0 4px 15px hsla(
    var(--xf-paletteNeutral3--h), 
    var(--xf-paletteNeutral3--s), 
    var(--xf-paletteNeutral3--l), 
    5%
  );
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}
.vnxf-cr-rating-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    10%
  );
  border-color: hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    30%
  );
}
.vnxf-cr-rating-block .vnxf-cr-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-summary {
  display: flex;
  align-items: center;
  gap: 20px;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-score-box {
  background: linear-gradient(135deg, hsla(var(--xf-paletteAccent2)), hsla(var(--xf-paletteAccent1)));
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 12px;
  box-shadow: 0 4px 20px hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    35%
  );
  text-shadow: 0 2px 4px hsla(0, 0%, 0%, 0.1);
  min-width: 60px;
  text-align: center;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-summary-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-summary-text .vnxf-cr-hero-title {
  font-size: 1.4em;
  font-weight: 700;
  color: hsla(var(--xf-textColor));
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-summary-text .vnxf-cr-total {
  font-size: 1.1em;
  color: hsla(var(--xf-textColorMuted));
  font-weight: 500;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-cta .button--cta {
  background: linear-gradient(135deg, hsla(var(--xf-paletteAccent2)), hsla(var(--xf-paletteAccent1)));
  border: none;
  box-shadow: 0 4px 15px hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    40%
  );
  font-weight: 600;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 20px;
  transition: all 0.3s ease;
}
.vnxf-cr-rating-block .vnxf-cr-title-row .vnxf-cr-cta .button--cta:hover {
  box-shadow: 0 6px 20px hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    55%
  );
  transform: translateY(-2px);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--heart {
  background: linear-gradient(135deg, hsla(0, 84%, 60%, 6%), hsla(0, 72%, 51%, 12%));
  border-color: hsla(0, 72%, 51%, 15%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--heart:hover {
  border-color: hsla(0, 72%, 51%, 30%);
  box-shadow: 0 8px 30px hsla(0, 72%, 51%, 10%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--heart .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-score-box {
  background: linear-gradient(135deg, hsl(0, 72%, 51%), hsl(0, 91%, 71%));
  box-shadow: 0 4px 20px hsla(0, 72%, 51%, 35%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--heart .vnxf-cr-cta .button--cta {
  background: linear-gradient(135deg, hsl(0, 72%, 51%), hsl(0, 91%, 71%));
  box-shadow: 0 4px 15px hsla(0, 72%, 51%, 40%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--heart .vnxf-cr-cta .button--cta:hover {
  box-shadow: 0 6px 20px hsla(0, 72%, 51%, 55%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--thumbs-up {
  background: linear-gradient(135deg, hsla(217, 91%, 60%, 6%), hsla(221, 83%, 53%, 12%));
  border-color: hsla(221, 83%, 53%, 15%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--thumbs-up:hover {
  border-color: hsla(221, 83%, 53%, 30%);
  box-shadow: 0 8px 30px hsla(221, 83%, 53%, 10%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--thumbs-up .vnxf-cr-title-row .vnxf-cr-summary .vnxf-cr-score-box {
  background: linear-gradient(135deg, hsl(221, 83%, 53%), hsl(213, 94%, 68%));
  box-shadow: 0 4px 20px hsla(221, 83%, 53%, 35%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--thumbs-up .vnxf-cr-cta .button--cta {
  background: linear-gradient(135deg, hsl(221, 83%, 53%), hsl(213, 94%, 68%));
  box-shadow: 0 4px 15px hsla(221, 83%, 53%, 40%);
}
.vnxf-cr-rating-block.vnxf-cr-rating-block--thumbs-up .vnxf-cr-cta .button--cta:hover {
  box-shadow: 0 6px 20px hsla(221, 83%, 53%, 55%);
}
.vnxf-cr-stars {
  display: inline-flex;
  gap: 3px;
  align-items: center;
}
.vnxf-cr-star {
  font-size: 1.15em;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.vnxf-cr-star.vnxf-cr-star--star {
  color: hsla(38, 92%, 50%, 35%) !important;
}
.vnxf-cr-star.vnxf-cr-star--heart {
  color: hsla(0, 84%, 60%, 35%) !important;
}
.vnxf-cr-star.vnxf-cr-star--thumbs-up {
  color: hsla(217, 91%, 60%, 35%) !important;
}
.vnxf-cr-star.is-active {
  transform: scale(1.1);
}
.vnxf-cr-star.is-active.vnxf-cr-star--star {
  color: #f59e0b !important;
  text-shadow: 0 0 8px hsla(38, 92%, 50%, 40%) !important;
}
.vnxf-cr-star.is-active.vnxf-cr-star--heart {
  color: #ef4444 !important;
  text-shadow: 0 0 8px hsla(0, 84%, 60%, 40%) !important;
}
.vnxf-cr-star.is-active.vnxf-cr-star--thumbs-up {
  color: #3b82f6 !important;
  text-shadow: 0 0 8px hsla(217, 91%, 60%, 40%) !important;
}
.vnxf-cr-icon-preloader {
  display: none !important;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
.vnxf-cr-rating-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  background: linear-gradient(180deg, hsla(
    var(--xf-paletteAccent1--h), 
    var(--xf-paletteAccent1--s), 
    var(--xf-paletteAccent1--l), 
    5%
  ), hsla(0, 0%, 0%, 0));
  border-bottom: 1px solid hsla(var(--xf-borderColor));
}
.vnxf-cr-rating-hero .vnxf-cr-hero-score {
  font-size: 3.5em;
  font-weight: 800;
  color: hsla(var(--xf-paletteAccent2));
  line-height: 1;
  margin-bottom: 8px;
  text-shadow: 0 4px 20px hsla(
    var(--xf-paletteAccent2--h), 
    var(--xf-paletteAccent2--s), 
    var(--xf-paletteAccent2--l), 
    15%
  );
}
.vnxf-cr-rating-hero.vnxf-cr-rating-hero--heart .vnxf-cr-hero-score {
  color: #ef4444 !important;
  text-shadow: 0 4px 20px hsla(0, 84%, 60%, 15%) !important;
}
.vnxf-cr-rating-hero.vnxf-cr-rating-hero--thumbs-up .vnxf-cr-hero-score {
  color: #3b82f6 !important;
  text-shadow: 0 4px 20px hsla(217, 91%, 60%, 15%) !important;
}
.vnxf-cr-rating-hero.vnxf-cr-rating-hero--star .vnxf-cr-hero-score {
  color: #f59e0b !important;
  text-shadow: 0 4px 20px hsla(38, 92%, 50%, 15%) !important;
}
.vnxf-cr-rating-hero .vnxf-cr-hero-stars {
  font-size: 1.4em;
  margin-bottom: 5px;
}
.vnxf-cr-rating-hero .vnxf-cr-hero-total {
  font-size: 1.1em;
  color: hsla(var(--xf-textColorMuted));
}
.vnxf-cr-rate-form .formRow .formRow-labelText {
  font-weight: 600;
}

/********* public:extra.less ********/
/* Typography */
@font-face {
  font-family: "Barlow";
  src: url("/styles/fonts/barlow/barlow-v13-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  src: url("/styles/fonts/barlow/barlow-v13-latin-ext-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}
@font-face {
  font-family: "Barlow";
  src: url("/styles/fonts/barlow/barlow-v13-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  src: url("/styles/fonts/barlow/barlow-v13-latin-ext-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}
:root {
  --xf-fontFamily: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --xf-fontFamilyUi: var(--xf-fontFamily);
  --mint: hsla(164, 100%, 68%, 0.95);
  --amber: hsla(34, 100%, 50%, 0.6);
  --red: hsla(0, 100%, 62%, 0.98);
  --mint_soft: hsla(164, 100%, 68%, 0.2);
  --amber_soft: hsla(34, 100%, 50%, 0.12);
  --red_soft: hsla(0, 100%, 62%, 0.26);
  --edge: hsla(0, 0%, 100%, 0.07000000000000001);
}
/* Basic helpers */
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
}
/* Avatars */
.xgt-avatar,
.xgt-avatar2 {
  display: block;
  border-radius: 50%;
  padding: 4px;
}
.xgt-avatar {
  background: linear-gradient(45deg, hsl(31, 86%, 57%) 0%, hsl(16, 77%, 57%) 25%, hsl(351, 72%, 51%) 50%, hsl(336, 71%, 47%) 75%, hsl(319, 77%, 42%) 100%);
  box-shadow: 0 0 10px 3px hsla(0, 68%, 42%, 0.38);
}
.xgt-avatar2 {
  background: linear-gradient(to right, hsl(120, 100%, 25%), hsl(60, 100%, 50%));
  box-shadow: 0 0 10px 3px hsla(128, 91%, 18%, 0.38);
}
.xgt-avatar-border,
.xgt-avatar-border2 {
  display: block;
  border: 4px solid hsl(0, 0%, 100%);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .xgt-avatar,
  .xgt-avatar2 {
    padding: 2px;
  }
  .xgt-avatar-border,
  .xgt-avatar-border2 {
    border-width: 2px;
  }
}
/* Online ring */
.message-avatar .xgt-avatar,
.message-avatar .xgt-avatar2 {
  position: relative;
  border-radius: 50%;
  overflow: visible;
}
.message-avatar .xgt-avatar::after,
.message-avatar .xgt-avatar2::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px hsla(6, 78%, 57%, 85%);
  transition: box-shadow 0.25s ease;
}
.message-avatar--online .xgt-avatar::before,
.message-avatar--online .xgt-avatar2::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(closest-side, hsla(
    calc((120 * 0.55) + (60 * 0.45)), 
    calc((100% * 0.55) + (100% * 0.45)), 
    calc((25% * 0.55) + (50% * 0.45)), 
    24%
  ) 0%, hsla(
    calc((120 * 0.55) + (60 * 0.45)), 
    calc((100% * 0.55) + (100% * 0.45)), 
    calc((25% * 0.55) + (50% * 0.45)), 
    0%
  ) 70%);
  filter: blur(4px);
  opacity: .18;
  animation: xgAura 2.4s ease-in-out infinite;
}
.message-avatar--online .xgt-avatar::after,
.message-avatar--online .xgt-avatar2::after {
  z-index: 1;
  box-shadow: inset 0 0 0 1px hsla(
    calc((120 * 0.55) + (60 * 0.45)), 
    calc((100% * 0.55) + (100% * 0.45)), 
    calc((25% * 0.55) + (50% * 0.45)), 
    85%
  ), 0 0 0px 0 hsla(
    calc((120 * 0.55) + (60 * 0.45)), 
    calc((100% * 0.55) + (100% * 0.45)), 
    calc((25% * 0.55) + (50% * 0.45)), 
    0%
  );
  animation: xgRingBreath2 2.4s ease-in-out infinite;
  will-change: box-shadow, transform;
}
@keyframes xgAura {
  0%,
  100% {
    opacity: .18;
    transform: scale(1);
  }
  50% {
    opacity: .46;
    transform: scale(1.03);
  }
}
@keyframes xgRingBreath2 {
  0%,
  100% {
    box-shadow: inset 0 0 0 1px hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      85%
    ), 0 0 0px 0 hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      0%
    );
    transform: scale(1);
  }
  40% {
    box-shadow: inset 0 0 0 1px hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      85%
    ), 0 0 14px 3px hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      44%
    );
    transform: scale(1.03);
  }
  60% {
    box-shadow: inset 0 0 0 1px hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      85%
    ), 0 0 9px 2px hsla(
      calc((120 * 0.55) + (60 * 0.45)), 
      calc((100% * 0.55) + (100% * 0.45)), 
      calc((25% * 0.55) + (50% * 0.45)), 
      34%
    );
    transform: scale(1.015);
  }
}
@media (hover: hover) and (pointer: fine) {
  .message-avatar:hover .xgt-avatar::after,
  .message-avatar:hover .xgt-avatar2::after {
    box-shadow: inherit;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .message-avatar--online .xgt-avatar::before,
  .message-avatar--online .xgt-avatar2::before,
  .message-avatar--online .xgt-avatar::after,
  .message-avatar--online .xgt-avatar2::after {
    animation: none;
  }
}
/* Hide default XF online dot */
.message-avatar-online,
.message-avatar-online::before,
.message-avatar-online::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
  pointer-events: none !important;
  animation: none !important;
}
/* Navigation icons */
a#dbtech_ecommerce_products:before,
a#dbtech_ecommerce_licenses:before {
  margin-right: .35em;
}
a#dbtech_ecommerce_products:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/duotone/box-open.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/box-open.svg?v=5.15.3') no-repeat center;
}
a#dbtech_ecommerce_licenses:before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 1.28571429em;
  mask: url('/styles/fa/duotone/id-card.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/id-card.svg?v=5.15.3') no-repeat center;
}
/* Scrollbar */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: hsl(11, 95%, 62%) hsla(var(--xf-pageBg));
}
html[data-color-scheme="dark"],
body[data-color-scheme="dark"] {
  scrollbar-color: hsl(138, 58%, 76%) hsla(var(--xf-pageBg));
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: hsla(var(--xf-pageBg));
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: hsl(11, 95%, 62%);
  border-radius: 8px;
  border: 2px solid hsla(var(--xf-pageBg));
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: hsl(
    11, 
    95%, 
    calc(62% - 7%)
  );
}
html[data-color-scheme="dark"]::-webkit-scrollbar-thumb,
body[data-color-scheme="dark"]::-webkit-scrollbar-thumb {
  background: hsl(138, 58%, 76%) !important;
}
html[data-color-scheme="dark"]::-webkit-scrollbar-thumb:hover,
body[data-color-scheme="dark"]::-webkit-scrollbar-thumb:hover {
  background: hsl(
    138, 
    58%, 
    calc(76% - 7%)
  ) !important;
}
/* Resource cards */
.structItemContainer {
  border: 0;
}
.structItemContainer .structItem.structItem--resource {
  margin: 5px 0;
  padding: 6px 10px;
  border: 1px solid hsla(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    var(--xf-borderColor--l), 
    45%
  );
  border-top: 0;
  border-radius: 4px;
  background: hsla(var(--xf-contentBg));
  box-shadow: 0 0 2px hsl(0, 0%, 0%);
  transition: border-color 0.15s ease, box-shadow 0.2s ease, transform 0.08s ease;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .structItemContainer .structItem.structItem--resource:hover,
  .structItemContainer .structItem.structItem--resource:focus-within {
    border-color: hsla(
      var(--xf-borderColor--h), 
      var(--xf-borderColor--s), 
      var(--xf-borderColor--l), 
      45%
    );
    box-shadow: 0 0 0 1px hsl(11, 95%, 62%), 0 6px 16px hsla(0, 0%, 0%, 0.1);
    transform: translateY(-1px);
  }
  .structItemContainer .structItem.structItem--resource:active {
    box-shadow: 0 0 0 1px hsla(11, 95%, 62%, 85%), 0 3px 8px hsla(0, 0%, 0%, 0.12);
    transform: translateY(0);
  }
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:hover,
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:focus-within {
    box-shadow: 0 0 0 1px hsl(154, 96%, 73%), 0 6px 16px hsla(0, 0%, 0%, 0.1);
  }
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:active {
    box-shadow: 0 0 0 1px hsla(154, 96%, 73%, 85%), 0 3px 8px hsla(0, 0%, 0%, 0.12);
  }
}
.structItemContainer .structItem.structItem--resource:focus-visible {
  outline: 2px solid hsl(11, 95%, 62%);
  outline-offset: 2px;
}
html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:focus-visible {
  outline: 2px solid hsl(154, 96%, 73%);
  outline-offset: 2px;
}
.structItemContainer .structItem.structItem--resource.is-mod-selected,
.structItemContainer .structItem.structItem--resource.is-selected {
  border-color: hsla(11, 95%, 62%, 70%);
  box-shadow: 0 0 0 2px hsla(11, 95%, 62%, 22%), 0 6px 16px hsla(0, 0%, 0%, 0.1);
}
html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource.is-mod-selected,
html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource.is-selected {
  border-color: hsla(154, 96%, 73%, 70%);
  box-shadow: 0 0 0 2px hsla(154, 96%, 73%, 22%), 0 6px 16px hsla(0, 0%, 0%, 0.1);
}
@media (max-width: 768px) {
  .structItemContainer .structItem.structItem--resource {
    margin: 8px 0;
    padding: 10px 12px;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.08);
    transform: none;
  }
}
@media (hover: none), (pointer: coarse) {
  .structItemContainer .structItem.structItem--resource {
    box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.1);
  }
  .structItemContainer .structItem.structItem--resource:active,
  .structItemContainer .structItem.structItem--resource:focus-within,
  .structItemContainer .structItem.structItem--resource:has(a:active),
  .structItemContainer .structItem.structItem--resource:has(button:active),
  .structItemContainer .structItem.structItem--resource:has([role="button"]:active) {
    border-color: hsla(
      var(--xf-borderColor--h), 
      var(--xf-borderColor--s), 
      var(--xf-borderColor--l), 
      45%
    );
    box-shadow: 0 0 0 1px hsl(11, 95%, 62%), 0 6px 16px hsla(0, 0%, 0%, 0.12);
    transform: none;
  }
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:active,
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:focus-within,
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:has(a:active),
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:has(button:active),
  html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:has([role="button"]:active) {
    box-shadow: 0 0 0 1px hsl(154, 96%, 73%), 0 6px 16px hsla(0, 0%, 0%, 0.12);
    transform: none;
  }
}
.structItemContainer .structItem.structItem--resource:active {
  border-color: hsla(
    var(--xf-borderColor--h), 
    var(--xf-borderColor--s), 
    var(--xf-borderColor--l), 
    45%
  );
  box-shadow: 0 0 0 1px hsl(11, 95%, 62%), 0 6px 16px hsla(0, 0%, 0%, 0.12);
}
html[data-color-scheme="dark"] .structItemContainer .structItem.structItem--resource:active {
  box-shadow: 0 0 0 1px hsl(154, 96%, 73%), 0 6px 16px hsla(0, 0%, 0%, 0.12);
}
@media (prefers-reduced-motion: reduce) {
  .structItemContainer .structItem.structItem--resource {
    transition: border-color 0.15s ease, box-shadow 0.2s ease;
  }
}
@media (forced-colors: active) {
  .structItemContainer .structItem.structItem--resource {
    box-shadow: none;
    border-color: CanvasText;
  }
  .structItemContainer .structItem.structItem--resource:focus-visible {
    outline-color: Highlight;
  }
}
.structItemContainer .structItem.structItem--resource .structItem-cell--icon img {
  border-radius: 2px;
}
/* Prefix */
.prefixVmware,
a.prefixVmware,
a.labelLink.prefixVmware,
span.label.prefixVmware {
  background: #fff;
  border: 1.5px solid #e45b32;
  border-radius: 999px;
  color: #e45b32 !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.1;
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  vertical-align: middle;
}
/* User banners */
.userBanner.ugStage1,
.userBanner.ugStage2,
.userBanner.ugStage3 {
  --accent: #22c55e;
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
  padding: 2px 10px;
  line-height: 18px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: none;
  color: #0e1116;
  background: linear-gradient(135deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0) 40%), repeating-linear-gradient(-18deg, hsla(0, 0%, 0%, 0.03) 0 2px, hsla(0, 0%, 100%, 0) 2px 8px), linear-gradient(180deg, hsl(220, 18%, 97%), hsl(219, 22%, 87%));
  border: 1px solid hsla(0, 0%, 0%, 0.35);
  box-shadow: inset 0 2px 0 var(--accent), inset 0 1px 0 hsla(0, 0%, 100%, 0.65), inset 0 -1px 0 hsla(0, 0%, 0%, 0.12), inset 0 0 0 1px hsla(0, 0%, 100%, 0.35);
}
.userBanner.ugStage1 span,
.userBanner.ugStage2 span,
.userBanner.ugStage3 span {
  position: relative;
  z-index: 2;
  background: transparent !important;
}
.userBanner.ugStage1::after,
.userBanner.ugStage2::after,
.userBanner.ugStage3::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 60%;
  height: 220%;
  z-index: 1;
  pointer-events: none;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.35) 45%, hsla(0, 0%, 100%, 0.75) 50%, hsla(0, 0%, 100%, 0.35) 55%, hsla(0, 0%, 100%, 0) 100%);
  opacity: .65;
  animation: stageKnifeShine 3.2s ease-in-out infinite;
}
.userBanner.ugStage1 {
  --accent: #22c55e;
}
.userBanner.ugStage2 {
  --accent: #3b82f6;
}
.userBanner.ugStage3 {
  --accent: #ef4444;
}
@keyframes stageKnifeShine {
  0% {
    left: -80%;
    opacity: 0;
  }
  12% {
    opacity: .65;
  }
  50% {
    left: 140%;
    opacity: .55;
  }
  100% {
    left: 140%;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .userBanner.ugStage1::after,
  .userBanner.ugStage2::after,
  .userBanner.ugStage3::after {
    animation: none !important;
    opacity: 0 !important;
  }
}
.userBanner.ugDev {
  animation: devAccentBreathe 3.6s ease-in-out infinite;
  will-change: box-shadow, outline-color;
}
@keyframes devAccentBreathe {
  0%,
  100% {
    outline-color: hsla(263, 70%, 50%, 0.18);
    box-shadow: 0 1px 1px hsla(221, 39%, 11%, 0.12), inset 0 1px 0 hsla(0, 0%, 100%, 0.85), inset 0 -2px 0 hsla(263, 70%, 50%, 0.8);
  }
  50% {
    outline-color: hsla(263, 70%, 50%, 0.34);
    box-shadow: 0 1px 1px hsla(221, 39%, 11%, 0.12), inset 0 1px 0 hsla(0, 0%, 100%, 0.88), inset 0 -2px 0 hsl(263, 70%, 50%), 0 0 0 2px hsla(263, 70%, 50%, 0.06);
  }
}
@media (prefers-reduced-motion: reduce) {
  .userBanner.ugDev {
    animation: none !important;
  }
}
.userBanner.ugTotalLoss {
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
  padding: 3px 10px;
  border: 3px solid #b00020;
  background: hsla(349, 100%, 35%, 0.06);
  color: #b00020;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: none;
  transform: rotate(-3deg);
  box-shadow: none;
}
.userBanner.ugTotalLoss span {
  position: relative;
  z-index: 2;
  background: transparent !important;
}
.userBanner.ugTotalLoss:before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 2px dashed hsla(349, 100%, 35%, 0.65);
  z-index: 1;
  pointer-events: none;
}
.userBanner.ugTotalLoss:after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: 0;
  pointer-events: none;
  opacity: .35;
  background: radial-gradient(10px 8px at 18% 35%, hsla(0, 0%, 0%, 0) 55%, hsla(349, 100%, 35%, 0.55) 56% 62%, hsla(0, 0%, 0%, 0) 63%), radial-gradient(12px 9px at 72% 62%, hsla(0, 0%, 0%, 0) 55%, hsla(349, 100%, 35%, 0.45) 56% 62%, hsla(0, 0%, 0%, 0) 63%), radial-gradient(9px 7px at 44% 40%, hsla(0, 0%, 0%, 0) 55%, hsla(349, 100%, 35%, 0.4) 56% 62%, hsla(0, 0%, 0%, 0) 63%), repeating-linear-gradient(-12deg, hsla(349, 100%, 35%, 0.18) 0 1px, hsla(0, 0%, 0%, 0) 1px 6px), repeating-linear-gradient(90deg, hsla(0, 0%, 0%, 0.1) 0 1px, hsla(0, 0%, 0%, 0) 1px 10px);
}
.userBanner.ugTotalLoss.wrapped span {
  background: transparent !important;
}
/* Header waves + hero */
.p-header {
  position: relative;
  overflow: hidden;
  padding-bottom: 46px !important;
}
.p-header .p-header-inner,
.p-header > * {
  position: relative;
  z-index: 1;
}
html[data-logged-in="true"] .p-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/styles/brand/hero3.webp") center / cover no-repeat;
  opacity: .72;
}
.p-header .p-title-value {
  text-shadow: 0 6px 18px hsla(0, 0%, 0%, 0.65);
}
.p-header .p-title {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 14px;
  background: hsla(0, 0%, 0%, 0.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px hsla(0, 0%, 0%, 0.2);
}
.p-header > .apHeroWaves {
  display: none !important;
}
.p-header:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 26px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(90deg, hsla(0, 0%, 0%, 0), hsla(167, 100%, 50%, 0.28), hsla(0, 0%, 0%, 0)) 0 18px / 100% 2px no-repeat, linear-gradient(135deg, hsla(0, 0%, 0%, 0) 0 55%, hsla(167, 100%, 50%, 0.1) 55% 56%, hsla(0, 0%, 0%, 0) 56% 100%), linear-gradient(180deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.55));
  opacity: .92;
}
.apHeroWaves-svg {
  display: block;
  width: 100%;
  height: 72px;
}
.apWave use {
  fill: hsla(var(--xf-pageBg));
  animation: apMoveWaves 22s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  will-change: transform;
  transform: translateZ(0);
}
.apWave1 use {
  animation-duration: 10s;
  animation-delay: -2s;
  opacity: .78;
}
.apWave2 use {
  animation-duration: 16s;
  animation-delay: -3s;
  opacity: .56;
}
.apWave3 use {
  animation-duration: 24s;
  animation-delay: -4s;
  opacity: .38;
}
@keyframes apMoveWaves {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
@media (hover: hover) and (pointer: fine) {
  .apHeroWaves-svg {
    filter: drop-shadow(0 -10px 18px hsla(0, 0%, 0%, 0.18));
  }
}
@media (hover: none), (pointer: coarse) {
  .apHeroWaves-svg {
    filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .apWave use {
    animation: none !important;
  }
}
@media (max-width: 768px) {
  .p-header {
    padding-bottom: 56px;
  }
  .apHeroWaves-svg {
    height: 56px;
  }
}
/* Register button boost */
.p-navgroup-link--register {
  position: relative;
  isolation: isolate;
  outline: 1px solid hsla(0, 100%, 62%, 0.22);
  box-shadow: 0 0 12px hsla(0, 100%, 62%, 0.1);
}
.p-navgroup-link--register > * {
  position: relative;
  z-index: 3;
}
.p-navgroup-link--register::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  opacity: .25;
  animation: boostTripGlow 3.2s ease-in-out infinite;
}
.p-navgroup-link--register::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(90deg, hsla(164, 100%, 68%, 0.16) 0%, var(--mint) 38%, var(--amber) 55%, var(--red) 100%);
  transform-origin: left center;
  transform: scaleX(0.08);
  opacity: .28;
  animation: boostTripBar 3.2s cubic-bezier(0.2, 0.95, 0.2, 1) infinite;
}
@keyframes boostTripBar {
  0% {
    transform: scaleX(0.08);
    opacity: .20;
  }
  10% {
    transform: scaleX(0.14);
    opacity: .35;
  }
  45% {
    transform: scaleX(1);
    opacity: 1;
  }
  48% {
    transform: scaleX(1);
    opacity: .22;
  }
  50% {
    transform: scaleX(1);
    opacity: 1;
  }
  52% {
    transform: scaleX(1);
    opacity: .22;
  }
  54% {
    transform: scaleX(1);
    opacity: 1;
  }
  56% {
    transform: scaleX(1);
    opacity: .22;
  }
  58% {
    transform: scaleX(1);
    opacity: 1;
  }
  60% {
    transform: scaleX(1);
    opacity: .22;
  }
  62% {
    transform: scaleX(1);
    opacity: 1;
  }
  64% {
    transform: scaleX(1);
    opacity: .22;
  }
  66% {
    transform: scaleX(1);
    opacity: 1;
  }
  68% {
    transform: scaleX(1);
    opacity: .22;
  }
  70% {
    transform: scaleX(1);
    opacity: 1;
  }
  73% {
    transform: translateX(0) scaleX(0.92);
    opacity: .55;
  }
  75% {
    transform: translateX(-3px) scaleX(0.7);
    opacity: .18;
  }
  77% {
    transform: translateX(2px) scaleX(0.88);
    opacity: .95;
  }
  79% {
    transform: translateX(-2px) scaleX(0.58);
    opacity: .22;
  }
  81% {
    transform: translateX(1px) scaleX(0.82);
    opacity: .78;
  }
  83% {
    transform: translateX(-1px) scaleX(0.46);
    opacity: .16;
  }
  85% {
    transform: translateX(0) scaleX(0.68);
    opacity: .62;
  }
  88% {
    transform: scaleX(0.1);
    opacity: .20;
  }
  100% {
    transform: scaleX(0.08);
    opacity: .20;
  }
}
@keyframes boostTripGlow {
  0%,
  100% {
    opacity: .18;
    box-shadow: 0 0 0 1px var(--edge) inset, 0 0 10px 2px hsla(164, 100%, 68%, 0.06);
  }
  22% {
    opacity: .55;
    box-shadow: 0 0 0 1px var(--mint_soft) inset, 0 0 16px 6px var(--mint_soft);
  }
  38% {
    opacity: .55;
    box-shadow: 0 0 0 1px var(--amber_soft) inset, 0 0 14px 6px var(--amber_soft);
  }
  45% {
    opacity: 1;
    box-shadow: 0 0 0 1px var(--red_soft) inset, 0 0 26px 10px var(--red_soft);
  }
  48% {
    opacity: .32;
  }
  50% {
    opacity: 1;
  }
  52% {
    opacity: .32;
  }
  54% {
    opacity: 1;
  }
  56% {
    opacity: .32;
  }
  58% {
    opacity: 1;
  }
  60% {
    opacity: .32;
  }
  62% {
    opacity: 1;
  }
  64% {
    opacity: .32;
  }
  66% {
    opacity: 1;
  }
  68% {
    opacity: .32;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: .20;
  }
  77% {
    opacity: .95;
  }
  79% {
    opacity: .18;
  }
  81% {
    opacity: .75;
  }
  83% {
    opacity: .16;
  }
  85% {
    opacity: .60;
  }
  88% {
    opacity: .22;
    box-shadow: 0 0 0 1px var(--edge) inset, 0 0 10px 2px hsla(164, 100%, 68%, 0.06);
  }
}
.p-navgroup-link--register:hover::before,
.p-navgroup-link--register:hover::after {
  animation-duration: 2.6s;
}
@media (prefers-reduced-motion: reduce) {
  .p-navgroup-link--register::before,
  .p-navgroup-link--register::after {
    animation: none;
  }
}
/* Notification pulse */
.p-navgroup-link.badgeContainer.badgeContainer--highlighted:after {
  animation: notify-pulse 1s infinite;
}
.p-navgroup-link.badgeContainer.p-navgroup-link--conversations.badgeContainer--highlighted i,
.p-navgroup-link.badgeContainer.p-navgroup-link--alerts.badgeContainer--highlighted i,
.p-navgroup-link.badgeContainer.p-navgroup-link--conversations.badgeContainer--highlighted svg,
.p-navgroup-link.badgeContainer.p-navgroup-link--alerts.badgeContainer--highlighted svg {
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
  display: inline-block;
}
@keyframes notify-pulse {
  0% {
    box-shadow: 0 0 0 0 hsla(0, 100%, 63%, 0.7);
  }
  100% {
    box-shadow: 0 0 0 15px hsla(0, 0%, 0%, 0);
  }
}
@keyframes ring {
  0%,
  43%,
  100% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-navgroup-link.badgeContainer--highlighted:after,
  .p-navgroup-link--conversations.badgeContainer--highlighted i,
  .p-navgroup-link--alerts.badgeContainer--highlighted i,
  .p-navgroup-link--conversations.badgeContainer--highlighted svg,
  .p-navgroup-link--alerts.badgeContainer--highlighted svg {
    animation: none !important;
  }
}
/* Off-canvas DBTech icons */
.offCanvasMenu-link[data-nav-id="dbtechEcommerceLatestReviews"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/star.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/star.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceYourAccount"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/user.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/user.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceYourPurchasedLicenses"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/id-card.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/id-card.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceYourAddresses"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/address-card.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/address-card.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceYourCreatedProducts"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/box-open.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/box-open.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceWatched"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/eye.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/eye.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceWatchedProducts"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/eye.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/eye.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceWatchedCategories"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/globe.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/globe.svg?v=5.15.3') no-repeat center;
}
.offCanvasMenu-link[data-nav-id="dbtechEcommerceSearchProducts"]::before {
  display: inline-block;
  content: "";
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  width: 2em;
  mask: url('/styles/fa/duotone/search.svg?v=5.15.3') no-repeat center;
  -webkit-mask: url('/styles/fa/duotone/search.svg?v=5.15.3') no-repeat center;
}
/* Froala editor */
.fr-box.bbWrapper,
.fr-box {
  --rte-ink: #334155;
  --rte-ink-2: #475569;
  --rte-muted: #94a3b8;
  --rte-border: hsla(222, 47%, 11%, 0.14);
  --rte-hover: hsla(222, 47%, 11%, 0.06);
  --rte-pressed: hsla(222, 47%, 11%, 0.09);
  --rte-focus: hsla(217, 91%, 60%, 0.22);
  --a-format: #5b6fe6;
  --a-structure: #3aa6a2;
  --a-align: #4d8fd6;
  --a-link: #2fa07b;
  --a-media: #3aa3cf;
  --a-quote: #6b7c90;
  --a-code: #7a6ee6;
  --a-warn: #cf6e6e;
  --a-smile: #e0b24a;
  --dd-bg: #ffffff;
  --dd-item-hover: hsla(222, 47%, 11%, 0.06);
  --dd-item-active-bg: #334155;
  --dd-item-active-fg: #f8fafc;
}
.fr-toolbar .fa--xf svg,
.fr-popup .fa--xf svg,
.fr-dropdown-menu .fa--xf svg,
.fr-toolbar .fr-command svg,
.fr-popup .fr-command svg,
.fr-dropdown-menu .fr-command svg {
  fill: currentColor !important;
}
.fr-toolbar .fa--xf svg use,
.fr-popup .fa--xf svg use,
.fr-dropdown-menu .fa--xf svg use,
.fr-toolbar .fa--xf svg *,
.fr-popup .fa--xf svg *,
.fr-dropdown-menu .fa--xf svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}
.fr-toolbar,
.fr-popup {
  opacity: 1 !important;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  opacity: 1 !important;
  color: var(--rte-ink-2);
  transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.fr-toolbar .fr-command i,
.fr-toolbar .fr-command svg,
.fr-toolbar .fr-command .fr-sprite,
.fr-popup .fr-command i,
.fr-popup .fr-command svg,
.fr-popup .fr-command .fr-sprite {
  opacity: 1 !important;
  filter: none !important;
}
.fr-toolbar .fr-command.fr-btn:hover,
.fr-popup .fr-command.fr-btn:hover {
  background-color: var(--rte-hover);
}
.fr-toolbar .fr-command.fr-btn[aria-pressed="true"],
.fr-popup .fr-command.fr-btn[aria-pressed="true"] {
  background-color: var(--rte-pressed);
}
.fr-toolbar .fr-command.fr-btn:focus,
.fr-popup .fr-command.fr-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--rte-focus);
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  opacity: 1 !important;
  color: var(--rte-muted) !important;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled i,
.fr-toolbar .fr-command.fr-btn.fr-disabled svg,
.fr-popup .fr-command.fr-btn.fr-disabled i,
.fr-popup .fr-command.fr-btn.fr-disabled svg {
  opacity: .55 !important;
}
.fr-dropdown-menu {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.fr-dropdown-menu[aria-hidden="false"],
.fr-toolbar .fr-command[aria-expanded="true"] + .fr-dropdown-menu,
.fr-popup .fr-command[aria-expanded="true"] + .fr-dropdown-menu {
  background: var(--dd-bg) !important;
  border: 1px solid var(--rte-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px hsla(222, 47%, 11%, 0.12) !important;
  overflow: hidden;
}
.fr-dropdown-menu .fr-dropdown-list a.fr-command,
.fr-dropdown-menu .fr-dropdown-list a.fr-command:visited,
.fr-dropdown-menu h2 a.fr-command,
.fr-dropdown-menu h3 a.fr-command,
.fr-dropdown-menu h4 a.fr-command {
  color: var(--rte-ink-2) !important;
  font-weight: 600;
}
.fr-dropdown-menu .fr-dropdown-list a.fr-command:hover {
  background: var(--dd-item-hover) !important;
  color: var(--rte-ink) !important;
}
.fr-dropdown-menu .fr-dropdown-list a.fr-command.fr-active,
.fr-dropdown-menu .fr-dropdown-list a.fr-command[aria-selected="true"] {
  background: var(--dd-item-active-bg) !important;
  color: var(--dd-item-active-fg) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="clearFormatting"],
.fr-popup button.fr-command.fr-btn[data-cmd="clearFormatting"] {
  color: var(--a-quote) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="bold"],
.fr-popup button.fr-command.fr-btn[data-cmd="bold"] {
  color: var(--a-format) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="italic"],
.fr-popup button.fr-command.fr-btn[data-cmd="italic"] {
  color: var(--a-link) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="underline"],
.fr-popup button.fr-command.fr-btn[data-cmd="underline"] {
  color: var(--a-align) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="strikeThrough"],
.fr-popup button.fr-command.fr-btn[data-cmd="strikeThrough"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="strikeThrough"] i,
.fr-toolbar button.fr-command.fr-btn[data-cmd="strikeThrough"] svg,
.fr-popup button.fr-command.fr-btn[data-cmd="strikeThrough"] i,
.fr-popup button.fr-command.fr-btn[data-cmd="strikeThrough"] svg {
  color: var(--a-warn) !important;
  fill: currentColor !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="fontFamily"],
.fr-popup button.fr-command.fr-btn[data-cmd="fontFamily"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="fontSize"],
.fr-popup button.fr-command.fr-btn[data-cmd="fontSize"] {
  color: var(--a-quote) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="paragraphFormat"],
.fr-popup button.fr-command.fr-btn[data-cmd="paragraphFormat"] {
  color: var(--a-structure) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="textColor"],
.fr-popup button.fr-command.fr-btn[data-cmd="textColor"] {
  color: var(--a-warn) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfList"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfList"],
.fr-dropdown-menu .fr-command[data-cmd="formatOL"],
.fr-dropdown-menu .fr-command[data-cmd="formatUL"] {
  color: var(--a-structure) !important;
}
.fr-dropdown-menu .fr-command[data-cmd="indent"],
.fr-dropdown-menu .fr-command[data-cmd="outdent"] {
  color: var(--a-media) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="align"],
.fr-popup button.fr-command.fr-btn[data-cmd="align"],
.fr-dropdown-menu .fr-command[data-cmd="align"] {
  color: var(--a-align) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="insertLink"],
.fr-popup button.fr-command.fr-btn[data-cmd="insertLink"] {
  color: var(--a-link) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="insertImage"],
.fr-popup button.fr-command.fr-btn[data-cmd="insertImage"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfMedia"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfMedia"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="insertTable"],
.fr-popup button.fr-command.fr-btn[data-cmd="insertTable"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="insertVideo"],
.fr-popup button.fr-command.fr-btn[data-cmd="insertVideo"] {
  color: var(--a-media) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfQuote"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfQuote"] {
  color: var(--a-quote) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfSmilie"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfSmilie"] {
  color: var(--a-smile) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="undo"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="redo"],
.fr-popup button.fr-command.fr-btn[data-cmd="undo"],
.fr-popup button.fr-command.fr-btn[data-cmd="redo"] {
  color: var(--a-quote) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfSpoiler"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfSpoiler"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="xfInlineSpoiler"],
.fr-popup button.fr-command.fr-btn[data-cmd="xfInlineSpoiler"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="insertHR"],
.fr-popup button.fr-command.fr-btn[data-cmd="insertHR"] {
  color: var(--a-quote) !important;
}
.fr-toolbar button.fr-command.fr-btn[data-cmd="moreText"],
.fr-toolbar button.fr-command.fr-btn[data-cmd="moreRich"],
.fr-popup button.fr-command.fr-btn[data-cmd="moreText"],
.fr-popup button.fr-command.fr-btn[data-cmd="moreRich"] {
  color: var(--rte-muted) !important;
}
/* Misc UI */
.xendev-modernstats-tab.is-active {
  background: hsla(26, 48%, 42%, 0.1);
}
.reviewsCatsRow {
  padding-bottom: 10px;
}
.reviewsCatsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.reviewsCatsBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.08);
  border-radius: 10px;
  background: hsla(0, 0%, 100%, 0.03);
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  transition: .15s ease;
}
.reviewsCatsBtn:hover {
  background: hsla(0, 0%, 100%, 0.06);
  border-color: hsla(0, 0%, 100%, 0.14);
  text-decoration: none;
  transform: translateY(-1px);
}
@media (max-width: 900px) {
  .reviewsCatsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .reviewsCatsGrid {
    grid-template-columns: 1fr;
  }
}
/* LRDL / download CTA */
.xcuLRDLButtonPositive,
.xcuLRDLButtonCaution,
.xcuLRDLButtonNegative,
.p-title-pageAction .buttonGroup a.button--cta[href*="/download"] {
  border-radius: 8px !important;
  height: 38px;
  line-height: 36px;
  padding: 0 14px;
  font-weight: 600;
  letter-spacing: .2px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0));
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.15) inset, 0 2px 6px hsla(0, 0%, 0%, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.p-title-pageAction .buttonGroup a.button--cta[href*="/download"] {
  background: hsla(var(--xf-buttonBg)) !important;
  color: !important;
  border-color: hsla(var(--xf-borderColor)) !important;
}
.xcuLRDLButtonPositive:hover,
.xcuLRDLButtonCaution:hover,
.xcuLRDLButtonNegative:hover,
.p-title-pageAction .buttonGroup a.button--cta[href*="/download"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 0 hsla(0, 0%, 100%, 0.2) inset, 0 6px 14px hsla(0, 0%, 0%, 0.18);
}
.p-header .p-title-pageAction .buttonGroup .xcuLRDLButtonPositive,
.p-header .p-title-pageAction .buttonGroup .xcuLRDLButtonCaution,
.p-header .p-title-pageAction .buttonGroup .xcuLRDLButtonNegative,
.p-header .p-title-pageAction {
  display: none !important;
}
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"],
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"] {
  background: linear-gradient(90deg, hsl(34, 100%, 50%) 0%, hsl(0, 100%, 62%) 55%, hsl(0, 68%, 52%) 100%) !important;
  color: #ffffff !important;
  border: 1px solid #ff3c3c !important;
  border-radius: 8px !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .25px !important;
  box-shadow: 0 10px 28px hsla(0, 0%, 0%, 0.22), 0 0 22px hsla(0, 100%, 62%, 0.22), 0 0 14px hsla(34, 100%, 50%, 0.16), inset 0 1px 0 hsla(0, 0%, 100%, 0.18), inset 0 -1px 0 hsla(0, 0%, 0%, 0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: transform 0.16s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
  will-change: transform;
}
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"]::before,
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"]::before {
  content: "";
  position: absolute;
  inset: -40% -70%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(120deg, hsla(0, 0%, 100%, 0) 35%, hsla(0, 0%, 100%, 0.24) 50%, hsla(0, 0%, 100%, 0) 65%);
  transform: translateX(-40%) rotate(12deg);
  opacity: 0;
  animation: payScanSimple 4.2s ease-in-out infinite;
  border-radius: 8px !important;
}
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"] > *,
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"] > * {
  position: relative;
  z-index: 2;
}
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"]:hover,
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"]:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.1) brightness(1.03) !important;
}
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"]:active,
.p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"]:active {
  transform: translateY(1px) scale(0.99) !important;
}
@keyframes payScanSimple {
  0% {
    transform: translateX(-40%) rotate(12deg);
    opacity: 0;
  }
  18% {
    opacity: .70;
  }
  55% {
    transform: translateX(40%) rotate(12deg);
    opacity: .14;
  }
  100% {
    transform: translateX(40%) rotate(12deg);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-title-pageAction .buttonGroup a.button.button--icon--purchase[href^="/account/upgrades"]::before,
  .p-title-pageAction .buttonGroup a.button.button--icon--purchase[href*="/account/upgrades"]::before {
    animation: none !important;
    opacity: 0 !important;
  }
}
/* XFRM guest download CTA */
.p-title-pageAction .binGuestDownloadCta {
  --bin-guest-cta-bg: linear-gradient(135deg, hsl(159, 71%, 45%) 0%, hsl(163, 76%, 34%) 50%, hsl(216, 91%, 57%) 145%);
  --bin-guest-cta-border: hsla(0, 0%, 100%, 0.24);
  --bin-guest-cta-shadow: hsla(159, 71%, 45%, 0.3);
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  border: 1px solid var(--bin-guest-cta-border) !important;
  border-radius: 999px !important;
  background: var(--bin-guest-cta-bg) !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  box-shadow: 0 16px 34px var(--bin-guest-cta-shadow), 0 2px 0 hsla(0, 0%, 100%, 0.18) inset, 0 -1px 0 hsla(0, 0%, 0%, 0.22) inset !important;
  transform: translateZ(0);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}
.p-title-pageAction .binGuestDownloadCta > * {
  position: relative;
  z-index: 2;
}
.p-title-pageAction .binGuestDownloadCta .fa,
.p-title-pageAction .binGuestDownloadCta .fa--xf,
.p-title-pageAction .binGuestDownloadCta i {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: hsla(0, 0%, 100%, 0.16);
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.18) inset;
  color: inherit;
  font-size: 14px;
}
.p-title-pageAction .binGuestDownloadCta::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -45% -80%;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, hsla(0, 0%, 100%, 0) 38%, hsla(0, 0%, 100%, 0.34) 50%, hsla(0, 0%, 100%, 0) 62%);
  transform: translateX(-48%) rotate(12deg);
  opacity: 0;
  animation: binGuestDownloadCtaSweep 5.5s ease-in-out infinite;
}
.p-title-pageAction a.binGuestDownloadCta:hover,
.p-title-pageAction .binGuestDownloadCta:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  filter: saturate(1.08) brightness(1.04);
  box-shadow: 0 18px 42px hsla(159, 71%, 45%, 0.36), 0 2px 0 hsla(0, 0%, 100%, 0.22) inset, 0 -1px 0 hsla(0, 0%, 0%, 0.24) inset !important;
}
.p-title-pageAction a.binGuestDownloadCta:active {
  transform: translateY(1px) scale(0.99);
}
.p-title-pageAction .binGuestDownloadCta--disabled {
  cursor: default !important;
}
html[data-color-scheme="light"] .p-title-pageAction .binGuestDownloadCta,
html:not([data-color-scheme]) .p-title-pageAction .binGuestDownloadCta {
  --bin-guest-cta-bg: linear-gradient(135deg, hsl(158, 71%, 42%) 0%, hsl(163, 73%, 32%) 52%, hsl(221, 83%, 53%) 145%);
  --bin-guest-cta-border: hsla(163, 73%, 32%, 0.26);
  --bin-guest-cta-shadow: hsla(163, 73%, 32%, 0.25);
}
html[data-color-scheme="dark"] .p-title-pageAction .binGuestDownloadCta {
  --bin-guest-cta-bg: linear-gradient(135deg, hsl(158, 64%, 52%) 0%, hsl(164, 78%, 34%) 50%, hsl(198, 93%, 60%) 145%);
  --bin-guest-cta-border: hsla(156, 83%, 77%, 0.22);
  --bin-guest-cta-shadow: hsla(172, 66%, 50%, 0.24);
}
@keyframes binGuestDownloadCtaSweep {
  0% {
    transform: translateX(-48%) rotate(12deg);
    opacity: 0;
  }
  16% {
    opacity: .72;
  }
  46% {
    transform: translateX(48%) rotate(12deg);
    opacity: .16;
  }
  100% {
    transform: translateX(48%) rotate(12deg);
    opacity: 0;
  }
}
@media (max-width: 650px) {
  .p-title-pageAction .binGuestDownloadCta {
    width: 100%;
    min-width: 0;
    white-space: normal !important;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-title-pageAction .binGuestDownloadCta,
  .p-title-pageAction .binGuestDownloadCta::after {
    animation: none !important;
    transition: none !important;
  }
}
/* Cookie bar */
html,
html:not([data-color-scheme]),
html[data-color-scheme="dark"] {
  --cookie-bg: hsla(217, 29%, 9%, 0.96);
  --cookie-segment-bg: hsla(0, 0%, 100%, 0.03);
  --cookie-border: hsla(214, 20%, 67%, 0.16);
  --cookie-separator: hsla(214, 20%, 67%, 0.12);
  --cookie-title: #f5f9fc;
  --cookie-text: #d9e2ec;
  --cookie-muted: #97a8ba;
  --cookie-icon-bg: hsla(170, 56%, 66%, 0.12);
  --cookie-icon-border: hsla(170, 56%, 66%, 0.22);
  --cookie-icon-color: #8be3d3;
  --cookie-primary-bg: #1f8e80;
  --cookie-primary-bg-hover: #237666;
  --cookie-primary-text: #ffffff;
  --cookie-secondary-bg: hsla(0, 0%, 100%, 0.04);
  --cookie-secondary-bg-hover: hsla(0, 0%, 100%, 0.07000000000000001);
  --cookie-secondary-border: hsla(214, 20%, 67%, 0.18);
  --cookie-secondary-text: #eaf1f7;
  --cookie-shadow: 0 14px 30px hsla(0, 0%, 0%, 0.22);
}
html[data-color-scheme="light"] {
  --cookie-bg: hsla(0, 0%, 100%, 0.97);
  --cookie-segment-bg: hsla(222, 47%, 11%, 0.02);
  --cookie-border: hsla(215, 16%, 47%, 0.18);
  --cookie-separator: hsla(215, 16%, 47%, 0.14);
  --cookie-title: #0f172a;
  --cookie-text: #223046;
  --cookie-muted: #66768a;
  --cookie-icon-bg: hsla(171, 56%, 43%, 0.1);
  --cookie-icon-border: hsla(171, 56%, 43%, 0.18);
  --cookie-icon-color: #1b8d7d;
  --cookie-primary-bg: #1f8e80;
  --cookie-primary-bg-hover: #237666;
  --cookie-primary-text: #ffffff;
  --cookie-secondary-bg: hsla(222, 47%, 11%, 0.04);
  --cookie-secondary-bg-hover: hsla(222, 47%, 11%, 0.06);
  --cookie-secondary-border: hsla(215, 16%, 47%, 0.18);
  --cookie-secondary-text: #1f2a3a;
  --cookie-shadow: 0 12px 24px hsla(222, 47%, 11%, 0.08);
}
.u-bottomFixer.js-bottomFixTarget {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 16px 16px;
  display: flex;
  justify-content: center;
  z-index: 900;
  pointer-events: none;
}
.u-bottomFixer.js-bottomFixTarget > * {
  pointer-events: auto;
}
.u-bottomFixer.js-bottomFixTarget .notices.notices--bottom_fixer.js-notices {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 980px;
  animation: cookieBarIn 0.18s ease-out both;
}
.notice.notice--cookie,
.notice.notice--enablePush {
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}
.notice.notice--cookie:before,
.notice.notice--cookie .notice-dismiss,
.notice.notice--enablePush:before,
.notice.notice--enablePush .pushBar-dismiss {
  display: none;
}
.notice.notice--cookie .notice-content,
.notice.notice--enablePush .notice-content {
  padding: 0;
  background: var(--cookie-bg);
  border: 1px solid var(--cookie-border);
  border-radius: 0;
  box-shadow: var(--cookie-shadow);
  overflow: hidden;
  color: var(--cookie-text);
}
.cookieBar {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 330px;
  align-items: stretch;
  min-width: 0;
}
.cookieBar > * {
  min-width: 0;
}
.cookieBar-meta,
.cookieBar-text,
.cookieBar-actions {
  position: relative;
  padding: 16px 18px;
}
.cookieBar-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--cookie-segment-bg);
}
.cookieBar-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.cookieBar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--cookie-segment-bg);
  white-space: nowrap;
}
.cookieBar-text:before,
.cookieBar-actions:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: var(--cookie-separator);
}
.cookieBar-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: var(--cookie-icon-bg);
  border: 1px solid var(--cookie-icon-border);
  color: var(--cookie-icon-color);
}
.cookieBar-metaText {
  min-width: 0;
}
.cookieBar-title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--cookie-title);
}
.cookieBar-subtitle {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  color: var(--cookie-muted);
}
.cookieBar-text p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cookie-text);
}
.cookieBar-text .cookieBar-muted {
  margin-top: 2px;
  font-size: 12px;
  color: var(--cookie-muted);
}
.cookieBar-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}
.cookieBar-actions .button:hover {
  transform: translateY(-1px);
}
.cookieBar-actions .button:active {
  transform: translateY(0);
}
.cookieBar-actions .button .button-text,
.cookieBar-actions .button .button-label {
  display: inline-flex;
  align-items: center;
  color: inherit !important;
}
.cookieBar-actions .button--icon > .button-text:before,
.cookieBar-actions .button--icon > .button-label:before {
  margin-right: 6px;
}
.cookieBar-actions .button--cookiePrimary,
.cookieBar-actions .button--cookiePrimary:hover,
.cookieBar-actions .button--cookiePrimary:focus,
.cookieBar-actions .button--cookiePrimary:active {
  background: var(--cookie-primary-bg) !important;
  border: 1px solid transparent !important;
  color: var(--cookie-primary-text) !important;
}
.cookieBar-actions .button--cookieSecondary,
.cookieBar-actions .button--cookieSecondary:hover,
.cookieBar-actions .button--cookieSecondary:focus,
.cookieBar-actions .button--cookieSecondary:active {
  background: var(--cookie-secondary-bg) !important;
  border: 1px solid var(--cookie-secondary-border) !important;
  color: var(--cookie-secondary-text) !important;
}
.pushBar {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 350px;
  align-items: stretch;
  min-width: 0;
}
.pushBar > * {
  min-width: 0;
}
.pushBar-meta,
.pushBar-text,
.pushBar-actions {
  position: relative;
  padding: 16px 18px;
}
.pushBar-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--cookie-segment-bg);
}
.pushBar-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.pushBar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--cookie-segment-bg);
  white-space: nowrap;
}
.pushBar-text:before,
.pushBar-actions:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: var(--cookie-separator);
}
.pushBar-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: var(--cookie-icon-bg);
  border: 1px solid var(--cookie-icon-border);
  color: var(--cookie-icon-color);
}
.pushBar-metaText {
  min-width: 0;
}
.pushBar-title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--cookie-title);
}
.pushBar-subtitle {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  color: var(--cookie-muted);
}
.pushBar-text p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cookie-text);
}
.pushBar-dismissActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 10px;
}
.pushBar-dismissActions a {
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--cookie-muted);
  text-decoration: none;
}
.pushBar-dismissActions a:hover {
  color: var(--cookie-title);
  text-decoration: none;
}
.pushBar-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}
.pushBar-actions .button:hover {
  transform: translateY(-1px);
  text-decoration: none;
}
.pushBar-actions .button:active {
  transform: translateY(0);
}
.pushBar-actions .button .button-text,
.pushBar-actions .button .button-label {
  display: inline-flex;
  align-items: center;
  color: inherit !important;
}
.pushBar-actions .button--pushPrimary,
.pushBar-actions .button--pushPrimary:hover,
.pushBar-actions .button--pushPrimary:focus,
.pushBar-actions .button--pushPrimary:active {
  background: var(--cookie-primary-bg) !important;
  border: 1px solid transparent !important;
  color: var(--cookie-primary-text) !important;
}
.pushBar-actions .button--pushSecondary,
.pushBar-actions .button--pushSecondary:hover,
.pushBar-actions .button--pushSecondary:focus,
.pushBar-actions .button--pushSecondary:active {
  background: var(--cookie-secondary-bg) !important;
  border: 1px solid var(--cookie-secondary-border) !important;
  color: var(--cookie-secondary-text) !important;
}
@keyframes cookieBarIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .u-bottomFixer.js-bottomFixTarget .notices.notices--bottom_fixer.js-notices {
    animation: none;
  }
  .cookieBar-actions .button,
  .pushBar-actions .button {
    transition: none;
  }
  .cookieBar-actions .button:hover,
  .cookieBar-actions .button:active,
  .pushBar-actions .button:hover,
  .pushBar-actions .button:active {
    transform: none;
  }
}
@media (max-width: 1100px) {
  .cookieBar {
    grid-template-columns: 260px minmax(0, 1fr) 290px;
  }
  .pushBar {
    grid-template-columns: 260px minmax(0, 1fr) 320px;
  }
}
@media (max-width: 900px) {
  .u-bottomFixer.js-bottomFixTarget .notices.notices--bottom_fixer.js-notices {
    width: 100%;
  }
  .cookieBar,
  .pushBar {
    grid-template-columns: 1fr;
  }
  .cookieBar-text:before,
  .cookieBar-actions:before,
  .pushBar-text:before,
  .pushBar-actions:before {
    left: 18px;
    right: 18px;
    top: 0;
    bottom: auto;
    width: auto;
    height: 1px;
  }
  .cookieBar-actions,
  .pushBar-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .u-bottomFixer.js-bottomFixTarget {
    padding: 0 10px 10px;
  }
  .u-bottomFixer.js-bottomFixTarget .notices.notices--bottom_fixer.js-notices {
    width: calc(100vw - 20px);
  }
  .notice.notice--cookie .notice-content,
  .notice.notice--enablePush .notice-content {
    border-radius: 0;
  }
  .cookieBar-meta,
  .cookieBar-text,
  .cookieBar-actions,
  .pushBar-meta,
  .pushBar-text,
  .pushBar-actions {
    padding: 14px 15px;
  }
  .cookieBar-title,
  .pushBar-title {
    font-size: 15px;
  }
  .cookieBar-text p,
  .pushBar-text p {
    font-size: 13px;
  }
  .cookieBar-actions,
  .pushBar-actions {
    flex-wrap: wrap;
    white-space: normal;
  }
  .cookieBar-actions .button,
  .pushBar-actions .button {
    flex: 1 1 100%;
  }
  .pushBar-dismissActions {
    gap: 8px 12px;
  }
}
/* Realtime notification toasts */
.bs-rta-floating {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 18px !important;
  bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  width: 370px !important;
  max-width: calc(100vw - 28px) !important;
  max-height: calc(100vh - 120px) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 10000 !important;
}
.bs-rta-floating .notice.bsRtaNotice {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}
.bs-rta-floating .bsRtaNotice-content {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.bsRtaToast,
.bsRttDirectMessageToast {
  --rt-toast-bg: hsla(0, 0%, 100%, 0.96);
  --rt-toast-bg-hover: hsla(0, 0%, 100%, 0.98);
  --rt-toast-border: hsla(215, 16%, 47%, 0.18);
  --rt-toast-text: #111827;
  --rt-toast-muted: #667085;
  --rt-toast-shadow: 0 18px 34px hsla(222, 47%, 11%, 0.14), 0 2px 8px hsla(222, 47%, 11%, 0.08);
}
.bsRtaToast {
  --rt-toast-accent: #fa6442;
  --rt-toast-accent-soft: hsla(11, 95%, 62%, 0.14);
  --rt-toast-link: #e4512b;
}
.bsRttDirectMessageToast {
  --rt-toast-accent: #1f9d73;
  --rt-toast-accent-soft: hsla(160, 67%, 37%, 0.14);
  --rt-toast-link: #1f9d73;
}
html:not([data-color-scheme]) .bsRtaToast,
html:not([data-color-scheme]) .bsRttDirectMessageToast,
html[data-color-scheme="dark"] .bsRtaToast,
html[data-color-scheme="dark"] .bsRttDirectMessageToast {
  --rt-toast-bg: hsla(218, 36%, 9%, 0.9399999999999999);
  --rt-toast-bg-hover: hsla(216, 36%, 11%, 0.96);
  --rt-toast-border: hsla(215, 20%, 65%, 0.18);
  --rt-toast-text: #eef4fb;
  --rt-toast-muted: #9aa8ba;
  --rt-toast-shadow: 0 18px 38px hsla(0, 0%, 0%, 0.34), 0 2px 10px hsla(0, 0%, 0%, 0.22);
}
html:not([data-color-scheme]) .bsRtaToast,
html:not([data-color-scheme]) .bsRttDirectMessageToast,
html[data-color-scheme="dark"] .bsRtaToast,
html[data-color-scheme="dark"] .bsRttDirectMessageToast {
  --rt-toast-accent: #7ee2b8;
  --rt-toast-accent-soft: hsla(155, 63%, 69%, 0.16);
  --rt-toast-link: #7ee2b8;
}
.bsRtaToast {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 10px 12px 10px 10px !important;
  border: 1px solid var(--rt-toast-border) !important;
  border-radius: 14px !important;
  background: var(--rt-toast-bg) !important;
  color: var(--rt-toast-text) !important;
  box-shadow: var(--rt-toast-shadow) !important;
  overflow: visible !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.bsRttDirectMessageToasts {
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  z-index: 10010 !important;
  display: grid !important;
  gap: 8px !important;
  width: 340px !important;
  max-width: calc(100vw - 28px) !important;
}
.bsRttDirectMessageToast {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 28px !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 10px !important;
  border: 1px solid var(--rt-toast-border) !important;
  border-radius: 14px !important;
  background: var(--rt-toast-bg) !important;
  color: var(--rt-toast-text) !important;
  box-shadow: var(--rt-toast-shadow) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.bsRtaToast:hover,
.bsRttDirectMessageToast:hover {
  background: var(--rt-toast-bg-hover) !important;
  color: var(--rt-toast-text) !important;
}
.bsRtaToast:after,
.bsRttDirectMessageToast:before {
  top: 12px !important;
  bottom: 12px !important;
  width: 2px !important;
  border-radius: 0 3px 3px 0 !important;
  background: var(--rt-toast-accent) !important;
  opacity: .9 !important;
}
.bsRtaToast-avatar,
.bsRtaToast-avatar .avatar,
.bsRttDirectMessageToast-avatar {
  width: 34px !important;
  height: 34px !important;
}
.bsRtaToast-avatar .avatar,
.bsRttDirectMessageToast-avatar {
  box-shadow: 0 0 0 3px var(--rt-toast-accent-soft) !important;
}
.bsRtaToast-body {
  min-width: 0 !important;
}
.bsRtaToast-text {
  color: var(--rt-toast-text) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
.bsRtaToast-text .fauxBlockLink-blockLink,
.bsRttDirectMessageToast-sender {
  color: var(--rt-toast-link) !important;
  font-weight: 750 !important;
}
.bsRttDirectMessageToast-main {
  display: flex !important;
  align-items: baseline !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.bsRttDirectMessageToast-title {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--rt-toast-text) !important;
  font-weight: 650 !important;
}
.bsRtaToast-meta,
.bsRttDirectMessageToast-label,
.bsRttDirectMessageToast-preview {
  color: var(--rt-toast-muted) !important;
  font-size: 12px !important;
}
.bsRttDirectMessageToast-preview {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 650px) {
  .bs-rta-floating {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
  }
  .bsRttDirectMessageToasts {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
  }
}
.message-plaintiffIndicator {
  font-size: 90%;
  color: #fff;
  background: #11b486;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
}
.message-defendantIndicator {
  font-size: 90%;
  color: #fff;
  background: #ec503e;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
}
.message-arbitratorIndicator {
  font-size: 90%;
  color: #fff;
  background: #e1823e;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
}
.message-arbitrationOfftopIndicator {
  font-size: 90%;
  color: #fff;
  background: #b1a9a3;
  border-radius: 2px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
}