/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: alpha(opacity=50);
  transition: all 0.3s ease-out;
}
.introjs-fixParent {
  opacity: 1 !important;
  transform: none !important;
}
.DESKTOP_APP .introjs-fixParent {
  z-index: auto !important;
}
.DESKTOP_APP .introjs-showElement,
.DESKTOP_APP tr.introjs-showElement > td,
.DESKTOP_APP tr.introjs-showElement > th {
  z-index: 9999999 !important;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}
.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}
.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-out;
}
.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all 0.3s ease-out;
}
.introjs-helperLayer *,
.introjs-helperLayer *:after,
.introjs-helperLayer *:before {
  box-sizing: content-box;
}
.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
  border: 5px solid transparent;
  content: '';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-bottom-color: white;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: white;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: white;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: white;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: white;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: white;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: white;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: white;
}
.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  transition: opacity 0.1s ease-out;
}
.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}
/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px / normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-image: linear-gradient(#f4f4f4, #ececec);
  background-clip: padding-box;
  border-radius: 0.2em;
}
.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0 1px 1px #e3e3e3;
}
.introjs-button:active,
.introjs-button:focus {
  background-image: linear-gradient(#ececec, #f4f4f4);
}
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}
.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}
.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  border-radius: 0.2em;
}
.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0;
}
.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em;
}
.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-hidden {
  display: none;
}
.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}
.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px;
  border-radius: 4px;
  background-color: #ecf0f1;
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}
.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  animation: introjspulse 3s ease-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}
@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.bncAccordion__colorIndicatorDefinition {
  position: absolute;
  inset: -1px auto -1px -1px;
  background-color: transparent;
  width: 6px;
}
.bncAccordion__item {
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
.bncAccordion__item .bncAccordion__header {
  min-height: 40px;
  padding: 8px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bncAccordion__item .bncAccordion__header .bncAccordion__toggle {
  color: var(--baseGrey1);
  font-size: 16px;
  cursor: pointer;
}
@media (hover: hover) {
  .bncAccordion__item .bncAccordion__header .bncAccordion__toggle {
    color: transparent;
  }
  .bncAccordion__item .bncAccordion__header:hover .bncAccordion__toggle {
    color: #e40046;
  }
}
.bncAccordion__item .bncAccordion__header .bncAccordion__toggleIcon {
  display: inline-block;
}
.bncAccordion__item .bncAccordion__header:hover {
  background-color: var(--backgroundColor1);
}
.bncAccordion--open .bncAccordion__item {
  background-color: var(--backgroundColor1);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.bncAccordion__item .bncAccordion__content {
  background-color: var(--backgroundColor0);
  padding: 24px 40px 0 20px;
  margin: 0 16px;
  overflow-y: auto;
}
.bncAccordion__item .bncAccordion__colorIndicator {
  position: absolute;
  inset: -1px auto -1px -1px;
  background-color: transparent;
  width: 6px;
}
.bncAccordion__item .bncAccordion__colorIndicator--success {
  background-color: #84b54c;
}
.bncAccordion__item .bncAccordion__colorIndicator--warning {
  background-color: #f78b1e;
}
.bncAccordion__item .bncAccordion__colorIndicator--danger {
  background-color: #e40046;
}
.bncAccordion__item .bncFormBlock--vertical {
  max-width: var(--maxInputWidth);
}
.bncAccordion__title {
  color: var(--baseGrey2);
  font-weight: 400;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
  color: var(--primaryColor);
  margin-bottom: 0;
  overflow: hidden;
}
.MOBILE_APP .bncAccordion__title {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncAccordion__title b,
.bncAccordion__title strong {
  font-weight: 500;
}
bnc-account-menu {
  position: relative;
  display: block;
}
.bncAccountmenu {
  display: flex;
  align-items: center;
}
.MOBILE_APP .bncAccountmenu {
  justify-content: center;
}
.DESKTOP_APP .bncAccountmenu {
  justify-content: stretch;
}
.bncAccountmenu__trigger {
  cursor: pointer;
}
.bncAccountmenu__trigger:hover .bncAvatar,
.bncMainNav__menuItem--active .bncAccountmenu__trigger .bncAvatar {
  box-shadow: 0 0 0 2px #e40046;
}
.bncUserMenu__text {
  display: inline-block;
  color: var(--backgroundColor0);
}
.MOBILE_APP .bncUserMenu__text {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP .bncUserMenu__text {
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  padding-right: 40px;
  min-width: 192px;
  transition: all 0.2s ease-in-out;
}
.bncMainContainer__menu--open .bncUserMenu__text {
  color: var(--primaryColor);
}
.MOBILE_APP .bncUserMenu__avatarWrapper {
  --avatarVerticalMargin: clamp(12px, 0.4818339100346021rem + 1.384083044982699vw, 16px);
  --avatarRightMargin: clamp(8px, 0.23183391003460208rem + 1.384083044982699vw, 12px);
  flex: 0 0 36px;
  margin: var(--avatarVerticalMargin) var(--avatarRightMargin) var(--avatarVerticalMargin) 0;
}
.DESKTOP_APP .bncUserMenu__avatarWrapper {
  flex: 0 0 42px;
  margin: 8px 18px;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncUserMenu__avatarWrapper {
    flex: 0 0 36px;
    margin: 10px;
  }
}
.bncProfileMenu {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  position: absolute;
  top: 60px;
  left: 20px;
  z-index: 1;
  background-color: var(--backgroundColor0);
  padding: 24px 24px 40px;
  width: 320px;
}
.bncProfileMenu__topBar {
  height: 40px;
  border-bottom: 1px solid var(--middleGrey);
}
.bncProfileMenu__topBar .bncModal__close {
  top: 2px;
}
.bncProfileMenu__avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bncProfileMenu__avatar bnc-avatar {
  margin-bottom: 8px;
}
.bncProfileMenu__avatar bnc-avatar .bncAvatar--medium {
  width: 80px;
}
.bncProfileMenu__item {
  min-height: 40px;
  border-bottom: 1px solid var(--middleGrey);
}
.MOBILE_APP .bncProfileMenu__item {
  padding-inline: var(--modalPadding);
  padding-block: 8px;
}
.bncProfileMenu__item p.bncButton {
  line-height: 40px;
  border-radius: 0;
  width: 100%;
}
.bncProfileMenu__username {
  font-size: 18px;
  max-height: 1lh;
}
.bncProfileMenu__email {
  margin-bottom: 16px;
  max-height: 1lh;
}
.bncActionListActive .bncActionList,
.bncActionListTable:hover .bncActionList {
  display: block;
}
.MOBILE_APP bnc-action-list {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.MOBILE_APP .bncActionList__action .bncActionList__icon {
  border-radius: 1in;
  border: 1px solid var(--middleGrey);
  background-color: var(--backgroundColor0);
  width: 48px;
  height: 48px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MOBILE_APP .bncActionList__action .bncActionList__icon.bncActionList__action--pulse {
  border-color: #e40046;
  transform: scale(1.1);
}
.MOBILE_APP .bncActionList__action .bncActionList__icon::before {
  margin: 0;
}
.bncActionList {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}
.DESKTOP_APP .bncActionList {
  position: absolute;
  right: 0;
  height: 90%;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 16px;
}
.MOBILE_APP .bncActionList {
  position: relative;
  top: auto;
  height: 100%;
  background-color: transparent;
}
.MOBILE_APP .bncActionList .bncActionList__touchTrigger {
  padding: 14px 12px 26px;
}
.bncActionList--top .bncActionList {
  top: 8px;
  transform: none;
  height: 40px;
}
.bncActionList.bncActionList--hasCopyDropdown {
  opacity: 1;
}
.bncActionList.bncActionList--hasCopyDropdown .copy-slide {
  color: #e40046;
}
.bncActionList__ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.bncActionList__li:first-child {
  margin-left: 0;
}
.bncActionList__icon {
  transition: all 0.2s;
  position: relative;
  color: var(--baseGrey1);
}
.DESKTOP_APP .bncActionList__icon {
  padding: 0 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 40px;
}
.DESKTOP_APP .bncActionList__icon:hover {
  color: #e40046;
}
.DESKTOP_APP .bncActionList__icon.delete:hover {
  color: #f78b1e;
}
.bncActionList__icon.bncActionList__touchTrigger {
  display: inline-block;
}
.MOBILE_APP .bncActionList__icon.bncActionList__touchTrigger {
  padding: 20px 12px 26px;
  transition: color 0.2s ease;
}
.MOBILE_APP .bncActionList__icon.bncActionList__touchTrigger.bncActionList__touchTrigger--flash {
  color: #e40046;
}
.bncActionList__icon::before {
  font-size: 20px;
}
.bncActionList__icon.icon-custom-trashcan {
  padding-right: 0;
}
.bncActionList__icon.icon-custom-trashcan::before {
  margin-right: 0;
}
.bncActionList__icon.icon-custom-screen-play {
  padding-right: 12px;
}
.bncActionListIdle .bncIconActive,
.bncIconDisabled {
  cursor: initial;
  color: var(--baseGrey7) !important;
}
.bncActionListIdle .bncIconActive li a:not(.icon-custom-trashcan):not(.icon-custom-restart-screens),
.bncIconDisabled li a:not(.icon-custom-trashcan):not(.icon-custom-restart-screens) {
  color: var(--baseGrey7) !important;
}
.bncActionListIdle .bncIconActive li a:not(.icon-custom-trashcan):not(.icon-custom-restart-screens):hover,
.bncIconDisabled li a:not(.icon-custom-trashcan):not(.icon-custom-restart-screens):hover {
  cursor: initial;
  color: var(--baseGrey7) !important;
}
.bncActionOptions {
  position: relative;
  color: var(--baseGrey1);
}
.bncActionOptions .bncIcon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncActionOptions .bncIcon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.bncActionOptions .bncActionOptions--active {
  color: #e40046;
}
.bncActionOptions label {
  text-transform: uppercase;
}
.DESKTOP_APP .bncTextarea[bnc-auto-height] {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  resize: vertical;
  min-height: 32px;
  height: 32px;
}
.DESKTOP_APP .bncTextarea[bnc-auto-height].closeToBottom {
  bottom: 0;
}
.DESKTOP_APP .bncTextarea[bnc-auto-height].hasEllipsis {
  background-image: linear-gradient(90deg, var(--backgroundColor0) 0 calc(100% - 27px), transparent calc(100% - 27px) calc(100% - 12px), var(--backgroundColor0) calc(100% - 12px) 0), radial-gradient(circle, var(--primaryColor) 0 1px, transparent 1px 0);
  background-position: 0 0, 0 4px;
  background-size: 100% 100%, 5px 32px;
  background-repeat: no-repeat, repeat-x;
  padding-right: 24px;
}
.DESKTOP_APP .bncTextarea[bnc-auto-height].hasEllipsis:focus {
  background-image: none;
  padding-right: 16px;
}
.DESKTOP_APP .bncErrorParentContainer:has(.bncTextarea.closeToBottom[bnc-auto-height]) {
  bottom: 0;
  top: auto;
}
:root {
  --avatarSize--large: 200px;
}
.bncAvatar {
  border-radius: 9in;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  color: var(--backgroundColor0);
  background-color: var(--baseGrey1);
  aspect-ratio: 1;
  --avatarSize--small: clamp(40px, 0.8910034602076125rem + 8.304498269896193vw, 64px);
  --avatarSize--medium: clamp(64px, -0.2906574394463668rem + 22.145328719723185vw, 128px);
}
.bncAvatar .bncAvatar__initials {
  font-weight: 300;
}
.DESKTOP_APP .bncAvatar--mini {
  width: 22px;
  line-height: 22px;
}
.DESKTOP_APP .bncAvatar--small {
  border: 2px solid var(--backgroundColor0);
  width: 42px;
  font-size: 20px;
}
.DESKTOP_APP .bncAvatar--small .bncAvatar__initials {
  font-size: 18px;
  letter-spacing: 1px;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncAvatar--small {
    width: 36px;
  }
}
.DESKTOP_APP .bncAvatar--medium {
  width: 64px;
}
.DESKTOP_APP .bncAvatar--medium .bncAvatar__initials {
  font-size: 32px;
  line-height: 32px;
}
.DESKTOP_APP .bncAvatar--large {
  width: var(--avatarSize--large);
}
.DESKTOP_APP .bncAvatar--large .bncAvatar__initials {
  font-size: 92px;
  line-height: 92px;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncAvatar--large {
    width: 100px;
  }
  .DESKTOP_APP .bncAvatar--large .bncAvatar__initials {
    font-size: 48px;
    line-height: 48px;
  }
}
.MOBILE_APP .bncAvatar--small {
  width: var(--avatarSize--small);
}
.MOBILE_APP .bncAvatar--small .bncAvatar__initials {
  font-size: clamp(18px, 0.5886678200692042rem + 2.768166089965398vw, 26px);
}
.MOBILE_APP .bncAvatar--medium {
  width: var(--avatarSize--medium);
}
.MOBILE_APP .bncAvatar--medium .bncAvatar__initials {
  font-size: clamp(32px, 0.9273356401384083rem + 5.536332179930796vw, 48px);
}
.bncAvatar__initials {
  color: var(--backgroundColor0);
  pointer-events: none;
}
.MOBILE_APP .bncAvatar__initials {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1px;
}
.bncAvatar__image {
  width: 40px;
  aspect-ratio: 1;
}
.bncAvatar--large .bncAvatar__image {
  width: 200px;
}
.bncAvatar--medium .bncAvatar__image {
  width: 100px;
}
.oa-drag .bncBox {
  display: none !important;
}
.DESKTOP_APP .bncBox .bncSecondaryHeading {
  margin: 92px 0 24px;
}
.DESKTOP_APP .bncBox .bncSecondaryHeading:first-child {
  margin: 64px 0 24px;
}
.DESKTOP_APP .bncBox .bncSecondaryHeading.bncSecondaryHeading--first {
  margin-block: 0 24px;
}
.DESKTOP_APP .bncBox .bncBox__triangleWrapper {
  position: relative;
}
.DESKTOP_APP .bncBox .bncBox__triangle {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--backgroundColor0);
  transform: rotate(45deg);
  top: -11px;
  left: 100px;
  box-shadow: -1px -1px var(--middleGrey);
}
.DESKTOP_APP .bncBox .bncBox__triangle.centered {
  left: 50%;
  margin-left: -17px;
}
.MOBILE_APP .bncBox .bncSecondaryHeading {
  margin-block: 32px 24px;
}
.MOBILE_APP .bncBox .bncBox__triangleWrapper {
  display: none;
}
.bncBox__triangle--top {
  transform: rotate(0deg);
}
.bncBox__triangle--bottom {
  transform: rotate(180deg);
}
.bncBox__triangle--left {
  transform: rotate(270deg);
}
.bncBox__triangle--right {
  transform: rotate(90deg);
}
.DESKTOP_APP [bnc-box-sticky-elements] > :first-child {
  margin-top: 42px;
}
.DESKTOP_APP [bnc-box-sticky-elements]::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  position: sticky;
  top: 0;
  left: -40px;
  margin: 0 -40px;
  z-index: 10;
}
.DESKTOP_APP [bnc-box-sticky-elements] bnc-button-bar.bncSticky {
  position: sticky;
  bottom: -0.1px;
}
.MOBILE_APP [bnc-box-sticky-elements] {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: none;
}
.MOBILE_APP [bnc-box-sticky-elements] bnc-button-bar {
  position: sticky;
  top: 0;
}
.MOBILE_APP [bnc-box-sticky-elements] bnc-button-bar::after {
  content: '';
  display: block;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  position: absolute;
  top: 100%;
}
.MOBILE_APP [bnc-box-sticky-elements].bncOverflowedY--scroll bnc-button-bar::after {
  opacity: 1;
}
[bnc-box-sticky-elements].bncOverflowedY--scroll::before,
[bnc-box-sticky-elements].bncTopShadow::before {
  opacity: 1;
}
.bncMainContainer--basicLayout [bnc-box-sticky-elements]:not(.dashboardItemsWrapper) {
  position: relative;
  padding: 0 20px;
}
.bncMainContainer--basicLayout:not(:has(.bncUserListPage)):not(:has(.bncMediaItemsWrapper)) [bnc-box-sticky-elements]:not(.dashboardItemsWrapper) {
  max-height: calc(100vh - 100px - var(--infoBarHeight));
}
@media screen and (min-width: 1200px) {
  .bncMainContainer--masterDetailLayout [bnc-box-sticky-elements] {
    max-height: calc(100vh - 60px - var(--infoBarHeight));
    padding: 0 40px;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    transition: opacity 0.2s ease;
  }
}
@media screen and (max-width: 1199px) {
  .bncMainContainer--masterDetailLayout [bnc-box-sticky-elements]::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.01em;
  }
}
[bnc-box-sticky-elements]::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.01em;
}
bnc-breadcrumb {
  position: relative;
  display: block;
  overflow: hidden;
}
.MOBILE_APP bnc-breadcrumb {
  text-align: center;
}
bnc-breadcrumb.bncBreadcrumbs--ellipsis::after {
  content: '…';
  display: block;
  position: absolute;
  inset: 0 0 0 calc(100% - 16px);
  margin: 4px 0 0;
  text-align: right;
  color: var(--baseGrey2);
  background-image: linear-gradient(90deg, transparent 0, var(--backgroundColor0) 6px 0);
}
.bncBreadcrumbs {
  display: inline-flex;
}
.bncBreadcrumb {
  white-space: nowrap;
}
.bncBreadcrumb.bncBreadcrumb--root {
  order: 0;
}
.bncBreadcrumb:not(:first-child)::before {
  content: '/';
  margin: 0 8px;
}
.bncBreadcrumb.bncButton.bncButton--blank {
  color: var(--primaryColor);
  line-height: 20px;
}
.bncBreadcrumb.bncButton.bncButton--blank:not(.bncButton--disabled):hover {
  color: #e40046;
}
.bncBreadcrumb.bncButton.bncButton--blank::before {
  color: var(--primaryColor);
}
.bncBreadcrumb.bncButton.bncButton--blank::before:hover {
  color: var(--primaryColor);
}
.bncBreadcrumb.bncBreadcrumb--last {
  color: var(--baseGrey2);
  line-height: 20px;
  order: 99;
}
.bncBreadcrumb.bncBreadcrumb--collapsed {
  display: none;
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle {
  position: relative;
  color: var(--baseGrey1);
  line-height: 20px;
  padding-right: 10px;
  margin-right: -10px;
  z-index: 1;
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle::before {
  content: '/';
  margin: 0 8px;
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle:hover::before {
  color: var(--baseGrey1);
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle::after {
  content: '\e835';
  font-family: 'spark';
  font-size: 13px;
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle.disabled {
  cursor: default;
}
.bncBreadcrumb.bncBreadcrumb--dropdownToggle.disabled::after,
.bncBreadcrumb.bncBreadcrumb--dropdownToggle.disabled::before {
  color: var(--baseGrey3);
}
.bncBreadcrumb.bncBreadcrumb--disabled {
  color: var(--baseGrey3);
}
.DESKTOP_APP .bncMediaItemsWrapper [bnc-box-sticky-elements] .bncButtonWrapper__inner,
.DESKTOP_APP .bncSlideList [bnc-box-sticky-elements] .bncButtonWrapper__inner {
  background-color: transparent;
}
.DESKTOP_APP .bncMediaItemsWrapper [bnc-box-sticky-elements].bncOverflowedY:not(.bncOverflowedY--scrollEnd) .bncButtonWrapper__inner,
.DESKTOP_APP .bncSlideList [bnc-box-sticky-elements].bncOverflowedY:not(.bncOverflowedY--scrollEnd) .bncButtonWrapper__inner,
.DESKTOP_APP .bncMediaItemsWrapper [bnc-box-sticky-elements] .bncSticky--stuck .bncButtonWrapper__inner,
.DESKTOP_APP .bncSlideList [bnc-box-sticky-elements] .bncSticky--stuck .bncButtonWrapper__inner {
  background-color: var(--backgroundColor0);
}
.MOBILE_APP {
  --boxSidePadding: clamp(16px, 0.7318339100346021rem + 1.384083044982699vw, 20px);
}
.MOBILE_APP bnc-button-bar.bncButtonWrapper::before {
  content: none;
}
bnc-button-bar.bncButtonWrapper {
  display: block;
}
.DESKTOP_APP bnc-button-bar.bncButtonWrapper {
  bottom: 0;
  z-index: 9;
  margin: 0 -40px;
}
.MOBILE_APP bnc-button-bar.bncButtonWrapper {
  top: 0;
  z-index: 6;
  order: -1;
  display: flex;
  border-bottom: 1px solid var(--middleGrey);
}
.bncMainContainer__page--noHeader bnc-button-bar.bncButtonWrapper {
  flex: 0 0 var(--viewHeaderHeight);
}
.MOBILE_APP bnc-button-bar.iconButtons .bncButtonWrapper__inner {
  position: relative;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}
.MOBILE_APP bnc-button-bar.iconButtons .bncButtonWrapper__inner .bncSecondaryHeading {
  font-size: clamp(18px, 0.8568339100346021rem + 1.384083044982699vw, 22px);
  flex: 0 1 70%;
  margin: 0;
  text-align: center;
}
.MOBILE_APP bnc-button-bar.iconButtons .bncButtonWrapper__inner .bncIcon--button {
  font-size: 20px;
}
.MOBILE_APP bnc-button-bar.iconButtons .bncButtonWrapper__inner .bncIcon--button::before {
  margin: 0;
}
.MOBILE_APP bnc-button-bar.iconButtons .bncButtonWrapper__inner > span {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.bncButtonWrapper__inner {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  flex-wrap: wrap;
  background-color: var(--backgroundColor0);
  transition: all 0.2s ease-in-out;
}
.DESKTOP_APP .bncButtonWrapper__inner {
  padding: 9px 40px 17px;
}
.DESKTOP_APP .bncButtonWrapper__inner::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  top: -10px;
  width: 100%;
}
.bncOverflowedY:not(.bncOverflowedY--scrollEnd) > .bncButtonWrapper > .bncButtonWrapper__inner::before,
.bncSticky--stuck > .bncButtonWrapper__inner::before {
  opacity: 1;
}
.MOBILE_APP .bncButtonWrapper__inner {
  padding: 4px var(--boxSidePadding);
  width: 100%;
}
.bncButtonWrapper__inner .bncButton {
  flex: 0 0 auto;
}
.bncButtonWrapper__inner:empty {
  display: none;
}
.buttonBarMargin {
  padding: 0 0 32px;
}
.MOBILE_APP .buttonBarMargin {
  padding: 24px var(--boxSidePadding);
}
bnc-carousel {
  --arrowBgColor: rgba(30, 30, 30, 0.6);
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
bnc-carousel[small-view] {
  justify-content: space-between;
}
.bncCarousel {
  position: relative !important;
  height: 100%;
}
.bncCarousel__container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.bncCarousel__slider {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  transition: left 0.5s ease-in-out;
}
.bncCarousel__item {
  position: relative;
}
.bncCarouselPlaceholder {
  background: no-repeat center center var(--baseGrey2) url('/assets/images/placeholders/Icon-ChannelSlide-Landscape.svg');
  background-size: 50%;
}
.bncCarousel__itemTitle {
  position: absolute;
  left: 0;
  top: 0;
}
.bncCarousel__itemLargeView {
  display: block;
}
.bncCarousel__navigator {
  overflow: hidden;
}
.bncCarousel__navigator--container {
  position: relative;
  transition: top 0.5s ease-in-out;
}
.bncCarousel__itemSmallView {
  cursor: pointer;
  display: block;
}
.bncCarousel__leftButton,
.bncCarousel__rightButton {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  flex: 0 0 48px;
  height: 48px;
  z-index: 10;
  display: flex;
  align-items: center;
  background-color: var(--arrowBgColor);
  transition: background-color 0.2s;
  cursor: pointer;
}
.bncCarousel__leftButton:not([class*=disabled]):focus-visible,
.bncCarousel__rightButton:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncCarousel__leftButton:not([class*=disabled]):focus-visible::after,
.bncCarousel__rightButton:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 2px;
  height: auto;
  pointer-events: none;
}
.bncCarousel__leftButton:hover,
.bncCarousel__rightButton:hover {
  background-color: #e40046;
}
.bncCarousel__leftButton::before,
.bncCarousel__rightButton::before {
  justify-self: stretch;
  font-size: 29px;
  color: var(--backgroundColor0);
}
.bncCarousel__leftButton--disabled,
.bncCarousel__rightButton--disabled {
  cursor: auto;
}
.bncCarousel__leftButton--disabled::before,
.bncCarousel__rightButton--disabled::before {
  color: var(--baseGrey3);
}
.bncCarousel__rightButton {
  right: 0;
  left: auto;
  transform-origin: right center;
}
.bncCarousel__leftButton {
  transform-origin: left center;
}
[small-view] .bncCarousel__leftButton {
  left: 104px;
}
.bncCarousel__navigationWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bncCarousel__navigation {
  padding: 0;
  margin-bottom: 32px;
  list-style-type: none;
  display: flex;
  transform-origin: center bottom;
}
.bncCarousel__navigation .bncCarousel__navigationItem {
  position: relative;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  background-color: var(--backgroundColor0);
  color: var(--primaryColor);
  margin: 0 4px;
  border-radius: 1in;
  cursor: pointer;
}
.bncCarousel__navigation .bncCarousel__navigationItem:not(.bncCarousel__selected):not(.bncCarousel__navigationItem--ellipsis):hover {
  box-shadow: inset 0 0 0 1px #e40046;
  color: #e40046;
}
.bncCarousel__navigation .bncCarousel__navigationItem--small {
  height: 16px;
  width: 16px;
}
.bncCarousel__navigation .bncCarousel__navigationItem--large {
  height: 32px;
  width: 32px;
}
.bncCarousel__navigation .bncCarousel__navigationItem.bncCarousel__selected {
  background-color: #e40046;
  font-weight: 400;
  color: var(--backgroundColor0);
  cursor: auto;
}
.bncCarousel__navigation .bncCarousel__navigationItem.bncCarousel__navigationItem--disabled {
  color: var(--baseGrey3);
  cursor: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bncCarousel__navigation .bncCarousel__navigationItem.bncCarousel__navigationSeparator {
  cursor: default;
}
.bncCarousel__navigation .bncCarousel__navigationItem.bncCarousel__navigationItem--ellipsis {
  cursor: default;
  line-height: 23px;
}
.bncCarousel__navigation .bncCarousel__navigationItem:not(.bncCarousel__navigationItem--ellipsis):not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncCarousel__navigation .bncCarousel__navigationItem:not(.bncCarousel__navigationItem--ellipsis):not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncColorpicker {
  display: flex;
  justify-content: stretch;
}
.bncColorpicker.bncColorpicker--disabled {
  background-color: var(--backgroundColor1);
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  height: 32px;
}
.bncColorpicker bnc-icon-button.bncIcon-button {
  color: var(--baseGrey1);
  font-size: 18px;
  flex: 0 0 48px;
  justify-content: center;
}
.bncColorpicker bnc-icon-button.bncIcon-button a:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncColorpicker bnc-icon-button.bncIcon-button a:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -3px;
  bottom: 0;
  left: -3px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.bncColorpicker__color {
  flex: 0 0 32px;
  height: 32px;
  border-radius: 3px 0 0 3px;
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.8) 0 25%, var(--backgroundColor0) 25% 50%);
  background-size: 66.7% 66.7%;
  background-position: 0 0;
}
.DESKTOP_APP .bncColorpicker__color::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 30px 0 var(--minimalShadowColor);
}
.bncColorpicker__gradientValues {
  display: flex;
  flex: 0 0 55.8%;
  max-width: 55.8%;
  margin-right: 1em;
}
.bncColorpicker__color--linearGradient {
  background-size: 100%;
}
.DESKTOP_APP .bncTextinput--colorName.bncTextinput,
.DESKTOP_APP .bncTextinput--gradientValues.bncTextinput {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.DESKTOP_APP .bncTextinput--gradientValues.bncTextinput {
  color: var(--baseGrey3);
  white-space: nowrap;
  flex: 0 0 calc(100% - 32px);
  overflow: scroll hidden;
  scrollbar-width: none;
}
.DESKTOP_APP .bncTextinput--gradientValues.bncTextinput::-webkit-scrollbar {
  display: none;
}
bnc-configuration-editor {
  display: block;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable:not(.bncDragSort--moveBefore,.bncDragSort--moveAfter) {
  overflow: hidden;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveAfter::after,
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveBefore::before {
  left: 0;
  width: 100%;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveAfter::after {
  bottom: -8px;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveBefore::before {
  top: -8px;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable .bncAccordion__header:hover {
  box-shadow: 300px 0 var(--backgroundColor1);
}
@supports selector(:has(.bncAccordion)) {
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable:has(.bncAccordion--open) {
    box-shadow: -18px -8px 0 -8px var(--backgroundColor1);
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable:hover {
    box-shadow: inset -100vw 0 var(--backgroundColor1), -10px 0 var(--backgroundColor1);
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable:hover:has(.bncAccordion--open) {
    box-shadow: inset 0 -16px var(--backgroundColor0), inset -100vw 0 var(--backgroundColor1), -18px -8px 0 -8px var(--backgroundColor1);
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable .bncAccordion__header:hover {
    box-shadow: -10px 0 var(--backgroundColor1), 300px 0 var(--backgroundColor1);
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable .bncDragHandle {
    left: 0;
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveAfter::after,
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable.bncDragSort--moveBefore::before {
    left: -10px;
    width: calc(100% + 10px);
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable bnc-accordion {
    overflow: visible;
  }
  bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncDraggable .bncAccordion__content {
    margin: 0 16px 0 6px;
  }
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncAccordion--open + .bncConfigurationEditor__DeleteRow {
  display: none;
}
bnc-configuration-editor.bncDataSetFieldConfigurationEditor .bncButtonWrapper__inner {
  padding-right: 0;
}
bnc-configuration-editor.bncClientParameterConfigurationEditor .bncDragHandle {
  left: -22px;
}
bnc-configuration-editor.bncAiConfigurationEditor .bncConfigurationEditor__DeleteRow {
  position: absolute;
  top: 24px;
  right: 24px;
}
bnc-configuration-editor .bncDragHandle {
  position: absolute;
  left: 2px;
  top: 10px;
  z-index: 1;
}
bnc-configuration-editor .bncDragHandle::before {
  font-size: 16px;
}
bnc-configuration-editor .bncDragSort--moveAfter::after {
  bottom: -4px;
}
bnc-configuration-editor .bncDragSort--moveBefore::before {
  top: -12px;
}
.DESKTOP_APP bnc-configuration-editor .bncActionList__icon {
  padding-right: 0;
  padding-left: 0;
}
.DESKTOP_APP bnc-configuration-editor .bncActionList__icon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-configuration-editor .bncActionList__icon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -7px;
  bottom: -4px;
  left: -7px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
bnc-configuration-editor .icon-custom-trashcan::before,
bnc-configuration-editor [class*=icon-custom-eye]::before {
  margin: 0;
}
bnc-configuration-editor .row.configurationRow:last-child {
  margin-bottom: 8px;
}
.configurationRow .icon-custom-pencil {
  opacity: 0;
}
.configurationRow:hover {
  background-color: var(--backgroundColor1);
}
.configurationRow:hover .icon-custom-pencil {
  opacity: 1;
}
.azureADConfiguration .configurationRow:hover .icon-custom-trashcan {
  opacity: 1;
}
.bncColorConfigurationEditor .configurationRow:hover,
.bncImageConfigurationEditor .configurationRow:hover {
  box-shadow: calc(-8px + 0.5em) 0 0 0 var(--backgroundColor1);
}
.bncConfigurationEditor__AddRow {
  display: inline-block;
  color: var(--baseGrey1);
  font-size: 1.5em;
  height: 32px;
}
.bncConfigurationEditor__AddRow:hover {
  color: #e40046;
}
.bncConfigurationEditor__AddRow:hover .bncLabel {
  color: #e40046;
}
.bncCounterConfigurationEditor .configurationRows:not(:empty) ~ .bncConfigurationEditor__AddRow {
  margin-left: 22px;
}
.bncConfigurationEditor__AddRow .bncIcon--button {
  position: relative;
  background-color: var(--backgroundColor0);
}
.bncConfigurationEditor__AddRow .bncIcon--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncConfigurationEditor__AddRow .bncIcon--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncConfigurationEditor__AddRow .bncLabel {
  margin-left: 10px;
  vertical-align: bottom;
  cursor: pointer;
}
.bncDatepicker__container {
  display: flex;
  justify-content: stretch;
  position: relative;
}
.bncDatepicker__container .date-picker-control:link {
  width: 0;
  height: 0;
  min-width: 0;
  margin-left: 0;
  visibility: hidden;
}
.bncDatepicker__container .bncError {
  z-index: 1;
}
.bncDatepicker__container .bncErrorParentContainer {
  flex: 1;
}
.bncDatepicker__container .bncErrorParentContainer .bncTextinput.bncDatepicker__input {
  flex: none;
  width: 100%;
}
.bncTextinput.bncDatepicker__input {
  min-width: 48px;
}
.DESKTOP_APP .bncTextinput.bncDatepicker__input {
  border-radius: 3px 0 0 3px;
}
.bncDatepicker__button {
  border: 1px solid var(--middleGrey);
  color: var(--baseGrey1);
  flex: 0 0 20%;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background-color: var(--backgroundColor0);
}
.bncDatepicker__button:hover {
  color: #e40046;
}
.bncDatepicker__button[class*=picker__button--dec] {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.bncDatepicker__button[class*=picker__button--inc] {
  border-radius: 0 3px 3px 0;
}
.date-picker.date-picker {
  transform: translateY(-10px);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--backgroundColor0);
}
.date-picker.date-picker table {
  width: 288px;
  padding: 10px 0 64px;
  border: none;
  font-size: 13px;
  overflow: hidden;
}
.date-picker.date-picker th.date-picker-title {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--baseGrey2);
  margin: 6px 0;
  background-color: var(--backgroundColor0);
  height: 30px;
  font-weight: 500;
}
.MOBILE_APP .date-picker.date-picker th.date-picker-title {
  font-weight: 300;
  color: var(--primaryColor);
}
.date-picker.date-picker th.date-picker-title b,
.date-picker.date-picker th.date-picker-title strong {
  font-weight: 500;
}
.bncPageTitleToolbar .date-picker.date-picker th.date-picker-title {
  line-height: 1em;
}
.date-picker.date-picker th.date-picker-title .bncPrimaryHeading--alt {
  font-weight: 300;
  color: var(--primaryColor);
}
.date-picker.date-picker th.date-picker-title--marginTop {
  margin-top: 65px;
}
.date-picker.date-picker .next-but,
.date-picker.date-picker .prev-but {
  padding: 7px 0;
  font-family: 'spark';
  font-size: 14px;
  position: absolute;
  top: 0;
  transform: translateY(-32px);
}
.date-picker.date-picker .next-month {
  right: 30px;
}
.date-picker.date-picker .next-year {
  right: 16px;
}
.date-picker.date-picker .prev-month {
  left: 30px;
}
.date-picker.date-picker .prev-year {
  left: 16px;
}
.date-picker.date-picker .todayRow {
  height: 32px;
  position: relative;
  overflow: visible;
}
.date-picker.date-picker .today-but {
  color: var(--primaryColor);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  height: 20px;
  padding: 2px 6px;
  border-radius: 1in;
  border: 1px solid var(--middleGrey);
  display: inline;
  cursor: pointer;
  position: absolute;
  transform: translate(-50%, 236px);
}
.date-picker.date-picker .today-but:hover {
  background-color: #e40046;
  color: var(--backgroundColor0);
  border-color: #e40046;
  font-weight: 500;
}
.date-picker.date-picker tbody td {
  border-radius: 50%;
  font-weight: 400;
}
.date-picker.date-picker tbody,
.date-picker.date-picker thead tr:last-child {
  transform: translateY(-16px);
}
.date-picker.date-picker tbody th,
.date-picker.date-picker td {
  width: 28px;
  height: 28px;
  color: var(--primaryColor);
}
.date-picker.date-picker tbody th.out-of-range,
.date-picker.date-picker td.out-of-range {
  color: var(--baseGrey3);
}
.date-picker.date-picker tbody th.date-picker-selected-date,
.date-picker.date-picker td.date-picker-selected-date {
  border: 1px solid var(--backgroundColor0);
  box-shadow: inset 0 0 0 1px #e40046;
  background-color: transparent;
}
.date-picker.date-picker tbody th.date-picker-hover,
.date-picker.date-picker td.date-picker-hover {
  border: 1q solid var(--backgroundColor0);
  color: var(--backgroundColor0);
  background-color: #e40046;
  font-weight: 500;
}
.date-picker.date-picker tbody th.month-out,
.date-picker.date-picker td.month-out {
  color: var(--baseGrey3);
  font-weight: 500;
}
.date-picker.date-picker td:first-child::before {
  content: '';
  display: inline-block;
  width: 28px;
}
.date-picker.date-picker .date-picker-today {
  font-weight: 500;
  color: #e40046;
  background-color: transparent;
}
.date-picker.date-picker .date-picker-table * tr td.filler {
  border: none;
}
.date-picker.date-picker tfoot tr th {
  border: none;
}
.date-picker.date-picker tbody::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -32px;
  right: 32px;
  left: 32px;
  height: 1px;
  background-color: var(--middleGrey);
}
.date-picker.date-picker .date-picker-week-header {
  padding: 0 0 0 32px;
  color: var(--primaryColor);
  background-color: var(--backgroundColor1);
  box-shadow: inset 32px 0 0 0 var(--backgroundColor0);
}
.date-picker.date-picker thead .date-picker-week-header {
  box-shadow: inset 32px 0 0 0 var(--backgroundColor0), -32px -1px 0 0 var(--backgroundColor0), 0 -1px 0 0 var(--middleGrey);
  font-weight: 500;
}
.date-picker.date-picker .date-picker-day-header {
  font-weight: 500;
  box-shadow: 0 -1px 0 0 var(--middleGrey);
}
.bncWeekpicker__datepicker.date-picker tbody th,
.bncWeekpicker__datepicker.date-picker td {
  color: inherit;
}
.bncWeekpicker__datepicker.date-picker tbody th.not-selectable,
.bncWeekpicker__datepicker.date-picker td.not-selectable,
.bncWeekpicker__datepicker.date-picker tbody th.out-of-range,
.bncWeekpicker__datepicker.date-picker td.out-of-range {
  color: var(--baseGrey3);
}
.bncWeekpicker__datepicker.date-picker tbody th.date-picker-hover,
.bncWeekpicker__datepicker.date-picker td.date-picker-hover {
  border-color: transparent;
  background-color: inherit;
}
.bncWeekpicker__datepicker.date-picker tbody th.date-picker-hover:not(.month-out),
.bncWeekpicker__datepicker.date-picker td.date-picker-hover:not(.month-out) {
  color: inherit;
  font-weight: 400;
}
.bncWeekpicker__datepicker.date-picker td.date-picker-selected-date {
  border: 1px solid transparent;
  box-shadow: none;
  position: relative;
  overflow: visible;
}
.bncWeekpicker__datepicker.date-picker tr.date-picker-selected-week {
  box-shadow: inset -28px 0 white, inset 0 1in #fbd9e3;
}
.bncWeekpicker__datepicker.date-picker td.date-picker-today {
  color: var(--primaryColor);
  border: 1px solid transparent;
  font-weight: initial;
  box-shadow: inset 0 0 0 1px #e40046;
}
.bncWeekpicker__datepicker.date-picker tbody .dp-row-highlight {
  box-shadow: inset -28px 0 white, inset 0 1in var(--backgroundColor1);
}
.bncWeekpicker__datepicker.date-picker tbody .dp-row-highlight td.filler {
  border: none;
  background-color: white;
  cursor: default;
}
.bncWeekpicker__container {
  margin-bottom: 32px;
  padding-bottom: 32px;
  align-items: center;
}
.bncWeekpicker__container::after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
}
.bncOverflowedY--scroll .bncWeekpicker__container::after {
  opacity: 1;
}
.bncWeekpicker__container .date-picker-control:link {
  width: 0;
  height: 0;
  min-width: 0;
  margin-left: 0;
  visibility: hidden;
}
.bncWeekpicker__container .bncButton.bncWeekpicker__description,
.bncWeekpicker__container .bncWeekpicker--next,
.bncWeekpicker__container .bncWeekpicker--prev {
  padding-left: 16px;
}
.bncWeekpicker__container .bncWeekpicker__description:not(:hover) .dropdown__toggle,
.bncWeekpicker__container [class*=icon-custom]:not(:hover) .dropdown__toggle {
  color: var(--baseGrey1);
}
.bncWeekpicker__container .dropdown__trigger {
  align-items: center;
  width: auto;
  margin-left: 16px;
}
.bncWeekpicker__container .dropdown__trigger .dropdown__toggle {
  margin: 2px 0 0 4px;
}
.bncWeekpicker__container [class*=icon-custom-] {
  font-size: 16px;
}
bnc-datetimepicker .bncIcon--round::before {
  font-size: 100%;
}
bnc-datetimepicker .row {
  padding-bottom: 0;
}
bnc-datetimepicker + .bncError {
  right: -11px;
}
dialog {
  margin: auto;
  border: none;
  box-shadow: 8px 8px 100px 0 rgba(0, 0, 0, 0.2);
}
dialog::backdrop {
  background-color: var(--dialogBackdropColor);
}
.bncDialog__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
  padding: 8px;
  color: var(--baseGrey1);
  cursor: pointer;
}
.bncDialog__close:before {
  position: relative;
  left: -8px;
  top: 4px;
}
.bncDialog__box {
  background-color: var(--backgroundColor0);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 576px;
  min-height: 150px;
}
@media screen and (max-width: 799px) {
  .bncDialog__box {
    width: 80vw;
  }
}
.bncDialog__box p {
  word-break: break-word;
}
.bncDialog__textWrapper {
  padding: 60px 40px 32px 64px;
  margin-bottom: 0;
}
@media screen and (max-width: 799px) {
  .bncDialog__textWrapper {
    padding: 40px 40px 0;
  }
}
.bncDialog__textWrapper,
.bncDialog__textWrapper h2,
.bncDialog__textWrapper h3 {
  color: var(--baseGrey2);
  font-weight: 400;
  color: var(--primaryColor);
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 8px;
  word-break: break-word;
}
.MOBILE_APP .bncDialog__textWrapper,
.MOBILE_APP .bncDialog__textWrapper h2,
.MOBILE_APP .bncDialog__textWrapper h3 {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncDialog__textWrapper b,
.bncDialog__textWrapper h2 b,
.bncDialog__textWrapper h3 b,
.bncDialog__textWrapper strong,
.bncDialog__textWrapper h2 strong,
.bncDialog__textWrapper h3 strong {
  font-weight: 500;
}
.bncDialog__textWrapper p {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
.bncDialog__textWrapper p strong {
  font-weight: 500;
}
.DESKTOP_APP .bncDialog__textWrapper p {
  font-size: 13px;
}
.MOBILE_APP .bncDialog__textWrapper p {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.bncDialog__textWrapper b,
.bncDialog__textWrapper strong {
  font-weight: 600;
}
.bncDialog__textWrapper a {
  color: var(--primaryColor);
  text-decoration: none;
  word-break: break-word;
}
.bncDialog__textWrapper a:hover {
  color: #e40046;
}
.bncDialog__buttonBar {
  padding: 16px 40px 32px 32px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
.bncDragElementDefinition {
  cursor: grab;
}
.bncDragElementDefinition:active {
  cursor: grabbing;
}
.bncDraggable {
  position: relative;
}
body:has(.bncDragSortItem) {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bncDragHandle {
  cursor: grab;
  position: absolute;
  top: 15px;
  right: 0;
  width: 20px;
  height: 20px;
}
.bncDragHandle:active {
  cursor: grabbing;
}
.bncDragHandle::before {
  content: '\e828';
  font-family: "spark";
  font-size: 20px;
  color: var(--baseGrey1);
  cursor: inherit;
}
.MOBILE_APP .bncDragHandle {
  position: relative;
  pointer-events: none;
}
.bncDragInsertDefinition {
  content: '';
  position: absolute;
  z-index: 10;
  top: -8px;
  left: -4px;
  display: block;
  width: calc(100% + 4px);
  height: 16px;
  border: 1px dashed var(--baseGrey2);
  background-color: rgba(255, 255, 255, 0.75);
}
.MOBILE_APP .bncDragInsertDefinition {
  width: 100vw;
}
.bncDragSort--moveAfter::after,
.bncDragSort--moveBefore::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: -8px;
  left: -4px;
  display: block;
  width: calc(100% + 4px);
  height: 16px;
  border: 1px dashed var(--baseGrey2);
  background-color: rgba(255, 255, 255, 0.75);
}
.MOBILE_APP .bncDragSort--moveAfter::after,
.MOBILE_APP .bncDragSort--moveBefore::before {
  width: 100vw;
}
.bncDragSort--moveAfter::after {
  top: auto;
  bottom: -8px;
}
[bnc-ellipsis] {
  --lines: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
  overflow: hidden;
  text-overflow: ellipsis;
}
.bncErrorParentContainer {
  position: relative;
  flex: 0;
  max-width: var(--maxInputWidth);
  width: 100%;
  vertical-align: top;
}
@supports not (selector(:has(input[type=hidden]))) {
  .bncErrorParentContainer {
    display: inline-block;
  }
  .bncSchemaConfigurationEditor > .bncErrorParentContainer {
    display: inline;
  }
}
@supports selector(:has(input[type=hidden])) {
  .bncErrorParentContainer:not(:has( > input[type=hidden])) {
    display: inline-block;
  }
}
.bncLabel--multipleInputs + .bncErrorParentContainer {
  flex: 0;
  order: 1;
  min-height: 34px;
}
.bncErrorParentContainer bnc-colorpicker + .bncError {
  right: 8px;
}
.bncErrorParentContainer .bncColorpicker + .bncError {
  right: 48px;
}
.bncErrorDefinition {
  position: absolute;
  z-index: 1;
  height: 30px;
  background-color: #f78b1e;
  color: var(--backgroundColor0);
  padding: 6px 11px;
  text-align: right;
  border: 1px var(--backgroundColor0) solid;
  right: 1px;
  top: 1px;
  display: block;
  pointer-events: none;
  border-radius: 0 2px 2px 0;
}
.MOBILE_APP .bncErrorDefinition {
  top: 5px;
  right: 1px;
  border-radius: 0 1in 1in 0;
}
.bncError {
  position: absolute;
  z-index: 1;
  height: 30px;
  background-color: #f78b1e;
  color: var(--backgroundColor0);
  padding: 6px 11px;
  text-align: right;
  border: 1px var(--backgroundColor0) solid;
  right: 1px;
  top: 1px;
  display: block;
  pointer-events: none;
  border-radius: 0 2px 2px 0;
}
.MOBILE_APP .bncError {
  top: 5px;
  right: 1px;
  border-radius: 0 1in 1in 0;
}
.bncError.bncError--iconAlways {
  background-color: var(--backgroundColor0);
}
.bncError.bncError--iconAlways:hover .bncError__text {
  display: block;
}
.bncError.bncError--iconAlways:hover .bncError__text.bncError__text--right {
  left: 32px;
}
.bncIndex--dropDown .bncError.bncError--iconAlways:hover .bncError__text.bncError__text--right {
  left: 20px;
}
.MOBILE_APP:not(:has(.bncLanding)) .bncError.bncError--iconAlways,
bnc-configuration-editor .bncError.bncError--iconAlways {
  background-color: transparent;
  border: none;
}
.bncError.bncError--iconAlways .bncError__icon {
  color: #f78b1e;
}
.bncError.bncError--hide {
  display: none;
}
.bncFilter .bncError,
button .bncError {
  display: inline-block;
  position: relative;
  height: auto;
  padding: 0;
  border: none;
  right: auto;
  top: auto;
  translate: 0 1.5px;
}
.bncFilter .bncError.bncError--iconAlways,
button .bncError.bncError--iconAlways {
  margin-left: 4px;
  background-color: transparent;
}
.bncFilter .bncError.bncError--iconAlways .bncError__icon,
button .bncError.bncError--iconAlways .bncError__icon {
  color: #f78b1e;
}
.bncError__info {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: relative;
}
.bncError__info .bncError__icon {
  pointer-events: all;
}
.bncError__info .bncError__icon::before {
  font-size: 16px;
  margin: 0;
}
.bncError__info .bncError__icon:hover + .bncError__text--left {
  display: inline-block;
}
.bncError__text {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  position: absolute;
  display: none;
  text-align: left;
  white-space: nowrap;
  top: -6px;
  background-color: #f78b1e;
  padding: 6px 6px 5px;
  z-index: 999;
  border-radius: 3px;
  line-height: 13px;
}
.bncError__text.bncError__text--left {
  left: auto;
  right: 32px;
}
.bncFilter--dropdown .bncError__text,
.bncIndex--dropDown .bncError__text {
  white-space: normal;
  line-height: 19px;
}
.bncFilter--dropdown .bncError__text {
  min-width: 350px;
}
.bncIndex--dropDown .bncError__text {
  hyphens: auto;
  width: 120px;
  top: auto;
  bottom: 0;
}
bnc-error-inner-container .bncError__text {
  display: inline-block;
}
.bncErrorMultipleFieldsContainer.bncErrorActive {
  background-color: #f78b1e;
}
.bncErrorMultipleFields .bncErrorParentContainer {
  display: block;
}
.bncErrorMultipleFields .bncErrorParentContainer .bncError {
  right: -1px;
}
.bncErrorMultipleFields .bncErrorContainer {
  margin-top: 10px;
}
.bncErrorMultipleFieldsContainer .bncErrorContainer {
  margin-top: 15px;
}
bnc-error-outer-container {
  position: absolute;
  left: 0;
  top: 0;
}
bnc-error-inner-container {
  position: relative;
}
.icon-custom-download.bncIcon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.icon-custom-download.bncIcon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -3px;
  bottom: 0;
  left: -3px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.icon-custom-download.bncIcon::before {
  font-size: 19px;
  margin-top: 1px;
}
.filtersWrapper {
  white-space: nowrap;
}
.filtersWrapper .bncFilter:not(:first-child) {
  margin-left: 8px;
}
.bncFilter--buttons {
  display: block;
}
.DESKTOP_APP .bncFilter--buttons :first-child:not(.bncError) {
  margin-left: 0;
}
.bncFilter--dropdown {
  padding: 16px 0 0 16px;
}
.bncFilter--dropdown .bncButton {
  margin: 0;
}
.bncFilter {
  position: relative;
  color: var(--primaryColor);
  align-items: center;
  display: inline-block;
}
.MOBILE_APP .bncFilter {
  display: flex;
  height: var(--viewHeaderHeight);
  background-color: var(--backgroundColor1);
  justify-content: flex-start;
  overflow-x: auto;
  padding-inline: clamp(8px, 0.23183391003460208rem + 1.384083044982699vw, 12px);
}
.MOBILE_APP .bncFilter .bncButton--small {
  font-size: 15px;
}
.DESKTOP_APP .bncFilter {
  padding: 10px 0;
}
.DESKTOP_APP .bncFilter .bncButton--small {
  padding: 0 6px;
  min-width: 0;
}
.DESKTOP_APP .bncFilter .bncButton--dropDown {
  white-space: nowrap;
}
.DESKTOP_APP .bncFilter .bncButton--dropDown:not(.bncButton--disabled):hover {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton {
  display: inline-flex;
  flex-direction: row-reverse;
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton::before {
  font-family: 'spark';
  font-size: 10px;
  margin-left: 4px;
  color: var(--baseGrey1);
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton.bncButton--chevronUp::before,
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton:hover::before {
  color: #e40046;
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton--chevronDown::before {
  content: '\e831';
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton--chevronUp::before {
  content: '\e832';
}
.DESKTOP_APP .bncFilter .bncButton--dropDown.bncButton--disabled[class*=--chevron]::before {
  color: var(--baseGrey3);
}
.bncStickyHide .bncFilter {
  box-shadow: 0 -1px 0 0 var(--backgroundColor1);
  order: 10;
}
.bncFilterButtons {
  display: flex;
}
.bncFilterButtons button {
  white-space: nowrap;
}
.bncFilterButtons button:has(.bncError:hover) ~ button .bncError {
  visibility: hidden;
}
.DESKTOP_APP .bncFilterButtons .bncButton {
  margin: 0;
  border-radius: 0;
}
.DESKTOP_APP .bncFilterButtons .bncButton:first-child {
  border-radius: 10px 0 0 10px;
  padding: 0 6px 0 8px;
}
.DESKTOP_APP .bncFilterButtons .bncButton:last-child {
  border-radius: 0 10px 10px 0;
  padding: 0 8px 0 6px;
}
.DESKTOP_APP .bncFilterButtons .bncButton + .bncButton {
  border-left: none;
}
.DESKTOP_APP .bncFilterButtons .bncButton.bncButton--disabled.active {
  background-color: #e40046;
  border-color: #e40046;
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncFilterButtons .bncButton:not(.active) {
  color: var(--filterButtonColor);
}
.DESKTOP_APP .bncFilterButtons .bncButton--neutral.active .bncError--iconAlways .bncError__icon {
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncFilterButtons:hover .bncButton--neutral.active:not(.bncButton--disabled) {
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
  color: var(--filterButtonColor);
}
.DESKTOP_APP .bncFilterButtons:hover .bncButton--neutral.active:not(.bncButton--disabled) .bncError--iconAlways .bncError__icon {
  color: #f78b1e;
}
.DESKTOP_APP .bncFilterButtons:hover .bncButton--neutral:not(.bncButton--disabled):hover {
  background-color: #e40046;
  border-color: #e40046;
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncFilterButtons:hover .bncButton--neutral:not(.bncButton--disabled):hover .bncError--iconAlways .bncError__icon {
  color: var(--backgroundColor0);
}
.MOBILE_APP .bncFilterButtons {
  flex-wrap: nowrap;
}
.MOBILE_APP .bncFilterButtons .bncButton {
  margin: 0 4px;
  --padding-inline: clamp(4px, 0.11591695501730104rem + 0.6920415224913495vw, 6px);
  padding: 3px var(--padding-inline);
  min-width: auto;
  line-height: 14px;
}
.MOBILE_APP .bncFilterButtons .bncButton--neutral {
  border-color: transparent;
  background-color: transparent;
}
.MOBILE_APP .bncFilterButtons .bncButton--neutral.active {
  background-color: #e40046;
  border: 1px solid transparent;
  color: var(--backgroundColor0);
}
.bncHeader {
  position: relative;
}
.DESKTOP_APP .bncHeader {
  z-index: 30;
  transition: all 0.3s ease-in-out;
}
.DESKTOP_APP .bncHeader::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  display: block;
  border-bottom: 1px solid var(--middleGrey);
  opacity: 1;
}
.bncInnerHeader {
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncInnerHeader {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 0 12px 0 36px;
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncInnerHeader {
    padding-left: 28px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncInnerHeader {
    padding-left: 20px;
  }
}
.DESKTOP_APP .bncInnerHeader bnc-search {
  align-items: center;
}
.DESKTOP_APP .bncInnerHeader .bncSearch .bncSearchInput.bncSearch--idle {
  background-position-y: 4px;
}
.bncHeader__iconButton.bncIcon {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 7px;
}
.bncHeader__iconButton.bncIcon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncHeader__iconButton.bncIcon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 5px;
  right: 3px;
  bottom: 5px;
  left: 3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
bnc-icon-button {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
}
bnc-icon-button button {
  color: var(--baseGrey1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: stretch;
}
bnc-icon-button button:not([class*=disabled]):focus-visible {
  outline: 0;
}
bnc-icon-button button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -6px;
  bottom: 0;
  left: -6px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus'] {
  border: 1px solid var(--middleGrey);
  border-radius: 1in;
  transition: all 0.2s ease;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus']::before {
  font-size: 16px;
  padding: 7px;
  width: 30px;
  margin: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus']:not(.bncIconDisabled) {
  cursor: pointer;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-plus']:not(.bncIconDisabled):hover {
  color: var(--backgroundColor0);
  background-color: #e40046;
  border-color: #e40046;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-dot-3']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-dot-3']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -2px;
  bottom: -6px;
  left: -2px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible,
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible::after,
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-eye']::before,
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-trashcan']::before {
  font-size: 20px;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-eye']:hover,
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-trashcan']:hover {
  color: #f78b1e;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-pencil']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-pencil']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -7px;
  right: -3px;
  bottom: -7px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-pencil']::before {
  font-size: 20px;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-pencil']:hover {
  color: #e40046;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-chevron-'] {
  cursor: pointer;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-chevron-']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-chevron-']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -3px;
  bottom: -6px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button button[class*='icon-custom-chevron-']:hover {
  color: #e40046;
}
.editButtons bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.editButtons bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -7px;
  right: -3px;
  bottom: -7px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncImageConfigurationEditor bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncImageConfigurationEditor bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -6px;
  bottom: 0;
  left: -6px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncColorConfigurationEditor bnc-icon-button button[class*='icon-custom-pencil']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncColorConfigurationEditor bnc-icon-button button[class*='icon-custom-pencil']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -4px;
  bottom: 0;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncColorConfigurationEditor bnc-icon-button button[class*='icon-custom-eye-closed']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncColorConfigurationEditor bnc-icon-button button[class*='icon-custom-eye-closed']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -4px;
  bottom: 0;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.pinnedViewContainer bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.pinnedViewContainer bnc-icon-button button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -2px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.pinnedViewContainer bnc-icon-button button[class*='icon-custom-plus']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.pinnedViewContainer bnc-icon-button button[class*='icon-custom-plus']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP bnc-icon-button.bncDatepicker__button--dec,
.DESKTOP_APP bnc-icon-button.bncDatepicker__button--inc,
.DESKTOP_APP bnc-icon-button.bncTimepicker__button--dec,
.DESKTOP_APP bnc-icon-button.bncTimepicker__button--inc {
  position: relative;
}
@supports selector(:has(:focus-visible)) {
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled])),
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled])),
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled])),
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled])) {
    outline: 0;
  }
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled]))::after,
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled]))::after,
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled]))::after,
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled]))::after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px dotted #e40046;
    top: -3px;
    right: -4px;
    bottom: -3px;
    left: -4px;
    border-radius: 4px;
    height: auto;
    pointer-events: none;
  }
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled])) button:focus-visible::after,
  .DESKTOP_APP bnc-icon-button.bncDatepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled])) button:focus-visible::after,
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--dec:focus-within:has(:focus-visible):not(:has([class*=disabled])) button:focus-visible::after,
  .DESKTOP_APP bnc-icon-button.bncTimepicker__button--inc:focus-within:has(:focus-visible):not(:has([class*=disabled])) button:focus-visible::after {
    content: none;
  }
}
.bncIcon--button.bncIcon.bncIcon--circle {
  border: 1px solid var(--middleGrey);
  border-radius: 1in;
  width: 32px;
  height: 32px;
}
.bncIcon--button.bncIcon.bncIcon--circle:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncIcon--button.bncIcon.bncIcon--circle:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncIcon--button.bncIcon.bncIcon--circle:hover {
  border-color: #e40046;
}
.bncIcon--button.bncIcon.bncIcon--circle::before {
  line-height: 32px;
}
.clientsEditWrapper .bncIcon--button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.clientsEditWrapper .bncIcon--button[class*='icon-custom-trashcan']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -8px;
  right: -4px;
  bottom: -8px;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncButton.bncImageEditor {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
}
.MOBILE_APP .bncButton.bncImageEditor {
  flex-direction: column;
  padding: 4px;
  border: 1px solid var(--middleGrey);
  border-radius: 5px;
  width: 224px;
  height: 64px;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__wrapper {
  width: 100%;
  flex: 0 0 100%;
  overflow: hidden;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__wrapper:has(.bncImageEditor__image--placeholder) {
  background-color: var(--baseGrey2);
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__wrapper:has(.bncImageEditor__image--isSet) {
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncButton.bncImageEditor {
  justify-content: flex-end;
  align-items: center;
  border-radius: 3px;
  width: 100%;
  height: 32px;
  clip-path: inset(0% round 3px);
}
.DESKTOP_APP .bncButton.bncImageEditor:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP .bncButton.bncImageEditor:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 5px;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP .bncButton.bncImageEditor:hover .tooltipTarget {
  display: inline-flex;
}
.DESKTOP_APP .bncButton.bncImageEditor:hover .tooltipTarget:has(img) {
  width: 100%;
}
.DESKTOP_APP .bncButton.bncImageEditor:hover .bncImageEditor__image {
  background-image: none;
  background-color: transparent;
  border-color: #d90043;
}
.DESKTOP_APP .bncButton.bncImageEditor:hover .bncImageEditor__icon {
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncButton.bncImageEditor:hover .bncImageEditor__deleteButton {
  color: var(--backgroundColor0);
  opacity: 1;
}
.bncButton.bncImageEditor > * {
  transition: all 0.2s ease;
}
.bncButton.bncImageEditor .bncImageEditor__icon {
  color: var(--baseGrey1);
  font-size: 26px;
  margin-left: 8px;
  margin-right: 8px;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  position: absolute;
  right: 4px;
  bottom: 4px;
  height: 32px;
  width: 32px;
  margin: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--backgroundColor0);
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__icon.bncImageEditor__deleteButton {
  right: 37px;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__icon.icon-custom-pencil ~ .bncImageEditor__deleteButton {
  opacity: 1;
}
.bncButton.bncImageEditor .bncImageEditor__icon + .bncImageEditor__text {
  margin: 0 auto 0 0;
}
.bncButton.bncImageEditor .bncImageEditor__text {
  font-size: 12px;
  font-weight: 500;
  margin: 0 auto 0 8px;
}
.bncButton.bncImageEditor .bncImageEditor__text--white {
  color: var(--backgroundColor0);
}
.bncButton.bncImageEditor .bncImageEditor__deleteButton {
  color: var(--baseGrey1);
  font-size: 20px;
  margin: 0 4px;
  box-shadow: 0 0 0 9in transparent;
  opacity: 0;
}
.bncButton.bncImageEditor .bncImageEditor__deleteButton:hover {
  box-shadow: 0 0 0 9in #f78b1e;
  background-color: #f78b1e;
}
.bncButton.bncImageEditor .tooltipTarget {
  z-index: 1;
}
.bncButton.bncImageEditor .bncImageEditor__image {
  display: block;
  height: 30px;
  max-width: 100%;
  border-radius: 2px 0 0 2px;
  margin-right: 8px;
}
.bncButton.bncImageEditor .bncImageEditor__image.bncImageEditor__image--isSet {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.2) 0 25%, transparent 25% 50%);
  background-position: 2px 2px;
  background-size: calc(2px * 2) calc(2px * 2);
  background-color: rgba(157, 161, 171, 0.15);
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__image {
  height: 54px;
  width: auto;
  max-width: none;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__image.bncImageEditor__image--placeholder {
  margin: 0 auto;
  width: 100%;
  background-color: var(--baseGrey2);
  scale: 1.6;
}
.MOBILE_APP .bncButton.bncImageEditor .bncImageEditor__image ~ .bncImageEditor__image--placeholder {
  display: none;
}
.bncImageViewer .bncModal__content {
  text-align: center;
}
.bncImageViewer .pbDialogTitle {
  padding: 0 32px;
  margin-top: -6px;
}
.bncImageViewer .bncImageViewer__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bncImageViewer .bncImageViewer__image {
  margin: 0 calc(-1*var(--modalPadding));
  max-width: 100vw;
  height: 90dvh;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.bncIndeterminateCheckboxContainer {
  height: 34px;
  margin-bottom: 16px;
}
bnc-indeterminate-checkbox {
  display: block;
}
.row bnc-indeterminate-checkbox {
  padding: 0 8px;
}
.introjs-overlay.introjs-overlay {
  background-color: var(--backgroundColor0);
  max-height: 100vh;
}
.introjs-helperLayer.introjs-helperLayer {
  opacity: 0.3;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.7);
}
.introjs-tooltipReferenceLayer .introjs-tooltip {
  background-color: var(--primaryColor);
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(157, 161, 171, 0.2);
}
.introjs-tooltipReferenceLayer .introjs-tooltiptext {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: var(--backgroundColor0);
}
.introjs-tooltipReferenceLayer .introjs-tooltipbuttons {
  margin-top: 12px;
}
.introjs-tooltipReferenceLayer .introjs-button {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 24px;
  text-shadow: none;
  padding: 0 8px;
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  background-image: none;
  border: 1px solid var(--backgroundColor0);
  border-radius: 1in;
}
.introjs-tooltipReferenceLayer .introjs-button:hover {
  text-decoration: none;
  box-shadow: inset 0 40px 0 0 rgba(255, 255, 255, 0.1);
  border-color: var(--middleGrey);
  background-color: var(--backgroundColor0);
}
.introjs-tooltipReferenceLayer .introjs-button:active,
.introjs-tooltipReferenceLayer .introjs-button:focus {
  background-image: none;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton {
  margin-right: 4px;
  background-color: var(--primaryColor);
  color: var(--backgroundColor0);
}
.introjs-tooltipReferenceLayer .introjs-skipbutton:hover {
  background-color: var(--primaryColor);
}
.introjs-tooltipReferenceLayer .introjs-nextbutton.introjs-fullbutton {
  border-radius: 1in;
}
.introjs-tooltipReferenceLayer .introjs-prevbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-bullets ul li a {
  background-color: var(--baseGrey2);
}
.introjs-tooltipReferenceLayer .introjs-bullets ul li a.active {
  background-color: var(--backgroundColor0);
}
.introjs-tooltipReferenceLayer .introjs-arrow {
  border: 10px solid transparent;
}
.introjs-tooltipReferenceLayer .introjs-arrow.top,
.introjs-tooltipReferenceLayer .introjs-arrow.top-middle,
.introjs-tooltipReferenceLayer .introjs-arrow.top-right {
  top: -20px;
  border-bottom-color: var(--primaryColor);
}
.introjs-tooltipReferenceLayer .introjs-arrow.right,
.introjs-tooltipReferenceLayer .introjs-arrow.right-bottom {
  right: -20px;
  border-left-color: var(--primaryColor);
}
.introjs-tooltipReferenceLayer .introjs-arrow.bottom,
.introjs-tooltipReferenceLayer .introjs-arrow.bottom-middle,
.introjs-tooltipReferenceLayer .introjs-arrow.bottom-right {
  bottom: -20px;
  border-top-color: var(--primaryColor);
}
.introjs-tooltipReferenceLayer .introjs-arrow.left,
.introjs-tooltipReferenceLayer .introjs-arrow.left-bottom {
  left: -20px;
  border-right-color: var(--primaryColor);
}
.introjs-tooltip--attention {
  animation: sparkPulse 0.15s;
  animation-iteration-count: 5;
  animation-fill-mode: backwards;
}
@keyframes sparkPulse {
  from {
    box-shadow: 0 3px 6px 0 #9da1ab33;
  }
  to {
    box-shadow: 0 0 30px 10px #e40046c2;
  }
}
.bncBox.introjs-fixParent {
  z-index: 1 !important;
}
.cropper-crop-box.introjs-fixParent {
  transform: initial !important;
}
.bncLocationMenu {
  display: flex;
}
.DESKTOP_APP .bncLocationMenu {
  height: 40px;
  margin-right: auto;
}
.MOBILE_APP .bncLocationMenu {
  flex-direction: column-reverse;
}
.bncLocationMenu:has(.bncLocationMenu__container--oneCol) .bncLocationMenu__trigger--organization {
  z-index: 0;
}
.bncLocationMenu__trigger {
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 0 8px;
}
.bncLocationMenu:not(.disabled) .bncLocationMenu__trigger:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncLocationMenu:not(.disabled) .bncLocationMenu__trigger:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 20px;
  bottom: 3px;
  left: -12px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncLocationMenu__trigger .bncLocationMenu__prefix {
  color: var(--baseGrey2);
}
.DESKTOP_APP .bncLocationMenu__trigger {
  padding: 0 32px 0 0;
  z-index: 1;
}
.DESKTOP_APP .bncLocationMenu__trigger .bncLocationName,
.DESKTOP_APP .bncLocationMenu__trigger .bncOrganisationName {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.MOBILE_APP .bncLocationMenu__trigger {
  justify-content: center;
  border-bottom: 1px solid var(--middleGrey);
  width: 100%;
  font-size: 16px;
}
.MOBILE_APP .bncLocationMenu__trigger .bncLocationName,
.MOBILE_APP .bncLocationMenu__trigger .bncOrganisationName {
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MOBILE_APP .bncLocationMenu__trigger .bncLocationMenu__prefix {
  font-weight: 400;
}
.MOBILE_APP .bncLocationMenu__trigger .bncLocationMenu__name {
  flex: 0 1 65vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin-left: 3px;
}
.MOBILE_APP .bncLocationMenu__trigger i,
.MOBILE_APP .bncLocationMenu__trigger span {
  line-height: var(--viewHeaderHeight);
}
.bncLocationMenu__trigger i,
.bncLocationMenu__trigger span {
  line-height: 40px;
}
.bncLocationMenu__trigger span.bncLocationName {
  white-space: nowrap;
}
.bncLocationMenu__trigger span.bncLocationName.bncLocationName--single:hover {
  cursor: default;
}
.disabled .bncLocationMenu__trigger * {
  color: var(--baseGrey3);
  cursor: default;
}
.bncLocationMenu__toggle {
  color: var(--baseGrey1);
  transition: color 0.3s ease;
}
.bncLocationMenu__toggle::before {
  transform: translateY(1px);
}
.bncLocationMenu:not(.disabled) .bncLocationMenu__trigger:hover .bncLocationMenu__toggle {
  color: #e40046;
}
.bncLocationMenu__container--organization.\:popover-open ~ .bncLocationMenu__trigger--organization .bncLocationMenu__toggle {
  scale: 1 -1;
}
.bncLocationMenu__container--organization:popover-open ~ .bncLocationMenu__trigger--organization .bncLocationMenu__toggle {
  scale: 1 -1;
}
.bncLocationMenu__container--location.\:popover-open ~ .bncLocationMenu__trigger--location .bncLocationMenu__toggle {
  scale: 1 -1;
}
.bncLocationMenu__container--location:popover-open ~ .bncLocationMenu__trigger--location .bncLocationMenu__toggle {
  scale: 1 -1;
}
.bncLocationMenu__container {
  color: inherit;
  font: inherit;
}
.DESKTOP_APP .bncLocationMenu__container {
  background-color: var(--backgroundColor2);
  position: absolute;
  width: calc(100vw - var(--mainMenuWidth));
  top: calc(41px + var(--infoBarHeight));
  left: 0;
  max-height: calc(100vh - 24px - var(--infoBarHeight));
  box-shadow: 0 0 10px 0 var(--shadowColor);
  clip-path: inset(0 0 -10px 0);
  transition: transform 1ms;
  transition-delay: 100ms;
  overflow: hidden;
}
@supports selector(:popover-open) {
  .DESKTOP_APP .bncLocationMenu__container {
    left: var(--mainMenuWidth);
  }
  .DESKTOP_APP .bncLocationMenu__container:popover-open {
    transform: translate3d(0, 0, 0);
  }
}
.DESKTOP_APP .bncLocationMenu__container .bncIndex {
  margin: 32px;
  max-height: calc(100vh - 176px - var(--infoBarHeight));
  -moz-column-gap: 32px;
       column-gap: 32px;
  -moz-column-width: clamp(200px, 10.625rem + 5vw, 300px);
       column-width: clamp(200px, 10.625rem + 5vw, 300px);
}
.DESKTOP_APP .bncLocationMenu__container .bncIndex__option {
  color: var(--primaryColor);
  display: revert;
}
.DESKTOP_APP .bncLocationMenu__container.bncLocationMenu__container--oneCol {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  right: auto;
  width: 300px;
  clip-path: inset(0 -20px -20px 0);
}
.DESKTOP_APP .bncLocationMenu__container.bncLocationMenu__container--oneCol .bncIndex {
  -moz-column-count: 1;
       column-count: 1;
  margin-bottom: 24px;
}
.DESKTOP_APP .bncLocationMenu__container.bncLocationMenu__container--oneCol .bncIndex .bncIndex__option--selected {
  color: #e40046;
}
.DESKTOP_APP .bncLocationMenu__container .bncSearch__closeIcon {
  right: 24px;
  top: 5px;
}
.MOBILE_APP .bncLocationMenu__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 20;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
  background-color: var(--backgroundColor0);
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.MOBILE_APP .bncLocationMenu__container:not(:popover-open) {
  transform: translate3d(100vw, 0, 0);
}
.MOBILE_APP .bncLocationMenu__container.bncOverflowedY .bncMenu__header::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: var(--menuHeaderHeight);
}
.MOBILE_APP .bncLocationMenu__container.bncOverflowedY--scroll .bncMenu__header::after {
  opacity: 1;
}
@starting-style {
  .MOBILE_APP .bncLocationMenu__container:popover-open {
    transform: translate3d(100vw, 0, 0);
  }
  .DESKTOP_APP .bncLocationMenu__container:not(.openedOnce):popover-open {
    transform: translate3d(0, -100vw, 0);
  }
}
/*------------------------------------*\
  #BNC-MAIN-MENU
\*------------------------------------*/
.bncMainContainer__menu {
  display: flex;
}
.DESKTOP_APP .bncMainContainer__menu {
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 var(--mainMenuWidth);
  height: calc(100vh - var(--infoBarHeight));
  border-right: 1px solid var(--middleGrey);
  transition: all ease-in-out 0.2s;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncMainContainer__menu .bncMainNav__menuItemIcon {
    margin: 10px 12px;
  }
}
.MOBILE_APP .bncMainContainer__menu {
  --hamburgerMargin: clamp(0px, -0.2681660899653979rem + 1.384083044982699vw, 4px);
  align-items: center;
  z-index: 5;
  position: sticky;
  top: 0;
  left: 0;
}
.MOBILE_APP .bncMainContainer__menu:has(.bncPrimaryHeading) {
  border-bottom: 8px solid var(--baseGrey4);
  background-color: var(--backgroundColor0);
}
.MOBILE_APP .bncMainContainer__menu.bncMainContainer__menu--open {
  margin-top: calc(-1 * var(--infoBarHeight));
}
.MOBILE_APP .bncMainContainer__menu .bncPrimaryHeading {
  font-size: clamp(18px, 0.8568339100346021rem + 1.384083044982699vw, 22px);
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.bncMainNav {
  margin: 0 0 auto;
}
.MOBILE_APP .bncMainNav {
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(-100vw, 0, 0);
  transition: transform 0.2s ease-in-out;
  --gridMaxWidth: 100vw;
  overflow: hidden;
  overscroll-behavior: contain;
  background-color: var(--backgroundColor1);
  position: fixed;
  width: var(--gridMaxWidth);
  height: 100dvh;
  --gridColumnWidth: clamp(80px, 2.3183391003460208rem + 13.84083044982699vw, 120px);
  --padding-top: clamp(72px, 3.4273356401384083rem + 5.536332179930796vw, 88px);
  padding: var(--padding-top) 0 40px;
}
.MOBILE_APP .bncMainNav__menuItems {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: 32px;
       column-gap: 32px;
  height: calc(100dvh - 160px);
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  overflow: hidden;
}
.MOBILE_APP .bncMainNav__menuToggle {
  display: block;
  width: 48px;
  overflow: hidden;
}
.MOBILE_APP .bncMainContainer__menu {
  pointer-events: none;
}
.MOBILE_APP .bncMainContainer__menu * {
  pointer-events: all;
}
.MOBILE_APP .bncMainContainer__menu .bncHamburge {
  width: 10vw;
}
.MOBILE_APP .bncMainContainer__menu.bncMainContainer__menu--open .bncHamburge {
  width: 100vw;
}
.MOBILE_APP .bncMainContainer__menu.bncMainContainer__menu--open .bncMainNav {
  transform: translate3d(0, 0, 0);
}
.bncMainNav__menuItem {
  position: relative;
  display: flex;
  align-items: center;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--backgroundColor0);
}
.MOBILE_APP .bncMainNav__menuItem {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.8079584775086506rem + 0.34602076124567477vw, 15px);
  flex-direction: column;
  justify-content: center;
  background-color: transparent;
  width: var(--gridColumnWidth);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  border-bottom: 16px solid transparent;
}
.MOBILE_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  justify-content: center;
  border-radius: 0;
  background-color: var(--backgroundColor0);
  border: none;
}
.MOBILE_APP .bncMainNav__menuItem .bncMainNav__menuItemText {
  padding: 0;
  text-align: center;
}
.DESKTOP_APP .bncMainNav__menuItem {
  font-size: 14px;
  font-weight: 400;
}
.DESKTOP_APP .bncMainNav__menuItem:first-child {
  margin-bottom: 53px;
}
.DESKTOP_APP .bncMainNav__menuItem:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP .bncMainNav__menuItem:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncMainNav__menuItem:not([class*=disabled]):focus-visible {
    outline: 0;
  }
  .DESKTOP_APP .bncMainNav__menuItem:not([class*=disabled]):focus-visible::after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px dotted #e40046;
    top: 12px;
    right: -2px;
    bottom: 12px;
    left: 14px;
    border-radius: 1in;
    height: auto;
    pointer-events: none;
  }
}
.DESKTOP_APP .bncMainNav__menuItem:focus-visible::after {
  transition: all 0.3s ease-in-out;
}
.DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile {
  text-decoration: none;
}
.DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible {
    outline: 0;
  }
  .DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible::after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px dotted #e40046;
    top: 9px;
    right: 1px;
    bottom: 9px;
    left: 9px;
    border-radius: 1in;
    height: auto;
    pointer-events: none;
  }
}
.bncMainContainer__menu--open .DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncMainContainer__menu--open .DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--userProfile:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 1px;
  bottom: 3px;
  left: 3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--HELP_CENTER {
  position: relative;
  padding-top: 50px;
  margin-top: 10px;
}
.DESKTOP_APP .bncMainNav__menuItem.bncMainNav__menuItem--HELP_CENTER::before {
  content: '';
  position: absolute;
  display: block;
  border-top: 1px solid var(--middleGrey);
  width: calc(var(--mainMenuWidth) - 64px);
  top: 0;
  left: 28px;
}
.DESKTOP_APP .bncMainNav__menuItem:focus:not(:focus-visible) {
  outline: 0;
}
.bncMainNav .DESKTOP_APP .bncMainNav__menuItem:last-child {
  margin-bottom: 60px;
}
.DESKTOP_APP.bncMainContainer__menu--open .bncMainNav__menuItem:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP.bncMainContainer__menu--open .bncMainNav__menuItem:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncMainNav__menuItem:first-letter {
  text-transform: uppercase;
}
.bncMainNav__menuItem:hover .bncMainNav__menuItemIcon::before {
  color: #e40046;
  transition: all 0.3s ease-in-out;
}
.bncHamburge .bncMainNav__menuItem {
  display: block;
  border: none;
}
.bncMainNav__menuItem--active .bncMainNav__menuItemIcon::before,
.bncMainNav__menuItem:hover .bncMainNav__menuItemIcon::before {
  color: #e40046;
}
.bncMainNav__menuItem--active {
  cursor: auto;
}
.bncMainNav__menuItem--active:hover .bncMainNav__menuItemIcon,
.bncMainNav__menuItem--active .bncMainNav__menuItemIcon {
  color: var(--backgroundColor0);
}
.bncMainNav__menuItem--active::before {
  opacity: 1;
}
.bncMainNav__menuItemIcon {
  flex: 0 0 40px;
  height: 40px;
  margin: 0 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 20px;
  color: var(--baseGrey1);
}
.MOBILE_APP .bncMainNav__menuItemIcon {
  flex: 0 0 var(--menuIconSize);
  width: var(--menuIconSize);
  margin-bottom: clamp(8px, 0.23183391003460208rem + 1.384083044982699vw, 12px);
  border-radius: 50%;
  background-color: var(--backgroundColor0);
}
.MOBILE_APP .bncMainNav__menuItemIcon::before {
  font-size: 31px;
}
.DESKTOP_APP .bncMainNav__menuItemIcon {
  transition: all 0.3s ease-in-out;
  margin: 6px 20px 6px 18px;
}
.DESKTOP_APP .bncMainNav__menuItemIcon::before {
  font-size: 20px;
}
.bncMainNav__menuItemText {
  line-height: 20px;
  color: var(--backgroundColor0);
  padding-right: 32px;
}
@media screen and (min-width: 1200px) {
  .bncMainNav__menuItemText {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .bncMainNav__menuItemText {
    padding-right: 32px;
  }
}
@media screen and (max-width: 799px) {
  .bncMainNav__menuItemText {
    padding-right: 24px;
  }
}
.DESKTOP_APP .bncMainNav__menuItemText {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.bncMainContainer__menu--open .bncMainNav__menuItemText {
  color: var(--primaryColor);
}
.bncMainNav__menuItemText::first-letter {
  text-transform: uppercase;
}
.bncHamburge {
  z-index: 5;
}
.DESKTOP_APP .bncHamburge {
  background-color: var(--backgroundColor0);
  position: sticky;
  bottom: 0;
}
.DESKTOP_APP .bncHamburge .bncMainNav__menuItem {
  margin-bottom: 0;
}
.MOBILE_APP .bncHamburge {
  box-shadow: inset 0 calc(var(--viewHeaderHeight) - 1px) var(--backgroundColor0);
}
.bncHamburge::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  top: -10px;
}
.bncOverflowedY:not(.bncOverflowedY--scrollEnd) .bncHamburge::before {
  opacity: 1;
}
.bncHamburgeLines {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 14px 12px;
  width: -moz-max-content;
  width: max-content;
}
.MOBILE_APP .bncHamburgeLines {
  width: auto;
  margin: var(--hamburgerMargin);
  background-color: transparent;
}
.bncHamburgeLines div {
  flex: 0 0 2px;
  width: 15px;
  border-radius: 1px;
  background-color: var(--baseGrey1);
  transition: all ease-in-out 0.3s;
}
.DESKTOP_APP .bncHamburgeLines:hover div {
  background-color: #e40046;
}
.bncHamburgeLines .bncBottomLine {
  transform-origin: 1px 1px;
  transform: scale(0.5, 1);
}
.bncMainContainer__menu--open .bncHamburgeLines .bncTopLine {
  transform: translate(0, 5px) rotate(45deg) scale(1.4, 1.1);
}
.bncMainContainer__menu--open .bncHamburgeLines .bncCenterLine {
  transform: translate(0, 0) rotate(-45deg) scale(1.4, 1.1);
}
.bncMainContainer__menu--open .bncHamburgeLines .bncBottomLine {
  transform: translate(24px, 0);
  opacity: 0;
}
.bncMenuIntroDummy {
  position: absolute;
  inset: 0;
}
:root {
  --modalMargin: 12.5vmin;
  --modalMarginDouble: 25vmin;
  --modalHeight: calc(100vh - 2 * var(--modalMargin));
  --modalWidth: calc(100vw - 2 * var(--modalMargin));
}
.MOBILE_APP {
  --modalMargin: 0;
  --modalHeight: 100dvh;
  --modalWidth: 100vw;
}
.bncModalContainer {
  display: grid;
  grid-template-areas: "bncModal__above bncModal__above bncModal__above" "bncModal__left bncModal bncModal__right" "bncModal__below bncModal__below bncModal__below";
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
}
.bncModalContainer.bncModal--autoModal {
  grid-template-columns: minmax(0, 50vw) max-content minmax(0, 50vw);
  grid-template-rows: minmax(var(--modalMargin), 50vh) max-content minmax(var(--modalMargin), 50vh);
}
.bncModalContainer.bncModal--mediumModal {
  grid-template-columns: var(--modalMarginDouble) auto var(--modalMarginDouble);
  grid-template-rows: var(--modalMargin) auto var(--modalMargin);
}
.bncModalContainer.bncModal--largeModal {
  grid-template-columns: var(--modalMargin) auto var(--modalMargin);
  grid-template-rows: var(--modalMargin) auto var(--modalMargin);
}
.bncModalContainer.bncModal--maxModal {
  grid-template-columns: 0 auto 0;
  grid-template-rows: 0 auto 0;
}
.MOBILE_APP .bncModalContainer {
  grid-template-columns: var(--modalMargin) 100% var(--modalMargin);
  grid-template-rows: var(--modalMargin) 100% var(--modalMargin);
  z-index: 10;
  width: var(--modalWidth);
  height: var(--modalHeight);
}
.bncModal__above {
  grid-area: bncModal__above;
}
.bncModal__left {
  grid-area: mbncModal__left;
}
.bncModal__right {
  grid-area: bncModal__right;
}
.bncModal__below {
  grid-area: bncModal__below;
}
.bncModal__background {
  background: var(--dialogBackdropColor);
}
.bncModal__close {
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  font-size: 15px;
  padding: 10px;
}
.bncModal--noCloseX .bncModal__close {
  display: none;
}
.bncModal {
  grid-area: bncModal;
  position: relative;
  background-color: var(--backgroundColor0);
  box-shadow: 0 0 10vmin 0 var(--dialogShadowColor);
}
.bncModal .buttonBarMargin {
  margin-top: 0;
}
.bncModal bnc-button-bar.bncButtonWrapper {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.bncModal .bncOverflowedY bnc-button-bar.bncButtonWrapper {
  position: sticky;
  left: auto;
  right: auto;
}
.bncModal .bncButtonWrapper__inner--withCheckbox {
  justify-content: space-between;
}
.MOBILE_APP .bncModal .bncButtonWrapper__inner--withCheckbox {
  flex-direction: column-reverse;
}
.bncModal .bncModal__close {
  right: 16px;
  z-index: 2;
}
.MOBILE_APP .bncModal .bncModal__close {
  left: 4px;
  right: auto;
}
.bncModal__content {
  position: relative;
  padding: 32px 32px 0;
  max-width: calc(100vw - 2 * var(--modalMargin));
}
.DESKTOP_APP .bncModal__content {
  height: 100%;
  max-height: var(--modalHeight);
}
.DESKTOP_APP .bncModal--noScroll .bncModal__content {
  overflow-x: unset;
  padding: 0;
}
.MOBILE_APP .bncModal__content {
  --modalPadding: clamp(16px, 0.46366782006920415rem + 2.768166089965398vw, 24px);
  padding: var(--modalPadding);
  height: 100%;
}
.MOBILE_APP .bncModal__content:has(.bncButtonWrapper--modal) {
  padding-top: 0;
}
.bncModal__content .bncMediaFile--fit {
  position: relative;
  padding: 32px 32px 64px;
}
.bncModal__content .bncMediaFile--fit .bncMediaFile__image {
  display: block;
  margin: 0 auto;
  max-width: calc(var(--modalWidth) - 128px);
  max-height: calc(var(--modalHeight) - 190px);
}
.bncModal__content .bncMediaFile--fit .bncMediaFile__video {
  max-width: calc(var(--modalWidth) - 128px);
  max-height: calc(var(--modalHeight) - 160px);
}
.bncModal__content .bncMediaFile--fit p {
  margin-top: 16px;
}
.DESKTOP_APP .bncModal--largeModal .bncModal__content {
  height: var(--modalHeight);
}
.DESKTOP_APP .bncButtonWrapper--modal {
  position: relative;
  margin-top: 40px;
}
.MOBILE_APP .bncButtonWrapper--modal {
  order: -1;
}
.bncButtonWrapper--modal .bncButtonWrapper__inner {
  padding-inline: 0;
}
bnc-on-top-outer-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
bnc-on-top-inner-container {
  display: block;
  position: relative;
}
[class^=bnc-on-top-container] {
  position: absolute;
}
bnc-popup {
  display: block;
}
.bncPopupContainer {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  position: absolute;
  background-color: var(--backgroundColor0);
  z-index: 20;
  top: calc(100% + 10px);
  left: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
}
[class^=bnc-on-top-container] .bncPopupContainer {
  top: 0;
}
.bncPopupContainer--filter {
  min-width: 240px;
  border: none;
  position: absolute;
  margin-top: 5px;
  right: 0;
  z-index: 10;
}
.bncPopupContainer--filter .select2-container {
  height: 0;
  margin-top: 2px;
}
.bncPopupContainer--filter .select2-container .select2-selection--single .select2-selection__rendered,
.bncPopupContainer--filter .select2-selection__arrow {
  display: none;
  height: 0;
}
.bncPopupContainer--filter .select2-container--open .select2-dropdown--below {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  top: 10px;
}
.bncPopupContainer--filter .select2-container--open .select2-selection--single {
  border-radius: 0;
}
bnc-range-slider {
  display: block;
}
.bncRangeSliderWrapper {
  display: flex;
  align-items: center;
}
.bncRangeSliderWrapper .bncRange__valueWrapper {
  display: flex;
  align-items: center;
}
.bncRangeSliderWrapper input.bncRange__enterValue,
.bncRangeSliderWrapper output.bncRange__value {
  font-size: 12px;
  text-align: center;
  padding: 0 8px;
  border-radius: 3px;
  border: 1px solid var(--middleGrey);
}
.DESKTOP_APP .bncRangeSliderWrapper input.bncRange__enterValue,
.DESKTOP_APP .bncRangeSliderWrapper output.bncRange__value {
  width: 48px;
  height: 20px;
  margin-left: 16px;
  line-height: 18px;
}
.MOBILE_APP .bncRangeSliderWrapper input.bncRange__enterValue,
.MOBILE_APP .bncRangeSliderWrapper output.bncRange__value {
  width: 60px;
  height: 26px;
  line-height: 24px;
}
.bncRangeSliderWrapper input.bncRange__enterValue.disabled,
.bncRangeSliderWrapper output.bncRange__value.disabled {
  color: var(--baseGrey3);
}
.bncRange__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  height: 24px;
  color: var(--baseGrey1);
  font-size: 14px;
  cursor: pointer;
}
.bncRange__button:hover {
  color: #e40046;
  border-color: #e40046;
}
.bncRange__button.bncRange__button--disabled.bncRange__button--disabled,
.bncRange__button.bncRange__button--disabled.bncRange__button--disabled:hover {
  color: var(--baseGrey3);
  cursor: default;
}
.bncRange__button.icon-custom-minus-circle-empty {
  margin-right: 16px;
}
.MOBILE_APP .bncRange__button.icon-custom-minus-circle-empty {
  margin-right: 20px;
}
.bncRange__button.icon-custom-plus-circle-empty {
  margin-left: 16px;
}
.MOBILE_APP .bncRange__button.icon-custom-plus-circle-empty {
  order: 1;
}
.bncRange__unit {
  margin-left: 4px;
}
.bncRange__unit.disabled {
  color: var(--baseGrey3);
}
input.bncRange__slider[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 9px 0;
  width: 172px;
  vertical-align: middle;
}
input.bncRange__slider[type=range].bncRange__slider--disabled::-moz-range-track {
  cursor: auto;
  background-image: linear-gradient(90deg, rgba(228, 0, 70, 0.3) var(--sliderValue, 50%), rgba(157, 161, 171, 0.3) 0 100%);
}
input.bncRange__slider[type=range].bncRange__slider--disabled::-webkit-slider-runnable-track {
  cursor: auto;
  background-image: linear-gradient(90deg, rgba(228, 0, 70, 0.3) var(--sliderValue, 50%), rgba(157, 161, 171, 0.3) 0 100%);
}
input.bncRange__slider[type=range].bncRange__slider--disabled::-moz-range-thumb {
  box-shadow: none;
  cursor: auto;
}
input.bncRange__slider[type=range].bncRange__slider--disabled::-webkit-slider-thumb {
  box-shadow: none;
  cursor: auto;
}
input.bncRange__slider[type=range]:focus {
  outline: none;
}
input.bncRange__slider[type=range]::-webkit-slider-runnable-track {
  width: 172px;
  height: 0;
  padding: 1.5px 0;
  border: solid var(--backgroundColor0);
  border-width: 7px 0;
  background-image: linear-gradient(90deg, #e40046 var(--sliderValue, 50%), var(--baseGrey1) 0 100%);
  cursor: pointer;
}
input.bncRange__slider[type=range]::-webkit-slider-thumb {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  border: 0.5px solid var(--middleGrey);
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background: var(--backgroundColor0);
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  margin-top: -9px;
}
input.bncRange__slider[type=range]::-moz-range-track {
  width: 172px;
  height: 0;
  padding: 1.5px 0;
  border: solid var(--backgroundColor0);
  border-width: 7px 0;
  background-image: linear-gradient(90deg, #e40046 var(--sliderValue, 50%), var(--baseGrey1) 0 100%);
  cursor: pointer;
}
input.bncRange__slider[type=range]::-moz-range-thumb {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  border: 0.5px solid var(--middleGrey);
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background: var(--backgroundColor0);
  cursor: pointer;
}
/*
 * The Flex Grid (v1.5.1) is a lightweight responsive CSS grid using flexbox. Because we can!
 * http://jeroenoomsnl.github.io/the-flex-grid/
 */
/* Default view */
.bncCol-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.bncCol-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.bncCol-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.bncCol-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.bncCol-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.bncCol-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.bncCol-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.bncCol-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.bncCol-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.bncCol-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.bncCol-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.bncCol-12 {
  flex-basis: 100%;
  max-width: 100%;
}
/* Large viewport (desktop) */
.bncSmallContainer .bncCol-small-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.bncSmallContainer .bncCol-small-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.bncSmallContainer .bncCol-small-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.bncSmallContainer .bncCol-small-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.bncSmallContainer .bncCol-small-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.bncSmallContainer .bncCol-small-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.bncSmallContainer .bncCol-small-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.bncSmallContainer .bncCol-small-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.bncSmallContainer .bncCol-small-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.bncSmallContainer .bncCol-small-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.bncSmallContainer .bncCol-small-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.bncSmallContainer .bncCol-small-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.bncSmallContainer .bncRow-small-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.bncSmallContainer .bncHide-small {
  display: none !important;
}
.bncMediumContainer .bncCol-medium-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.bncMediumContainer .bncCol-medium-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.bncMediumContainer .bncCol-medium-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.bncMediumContainer .bncCol-medium-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.bncMediumContainer .bncCol-medium-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.bncMediumContainer .bncCol-medium-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.bncMediumContainer .bncCol-medium-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.bncMediumContainer .bncCol-medium-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.bncMediumContainer .bncCol-medium-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.bncMediumContainer .bncCol-medium-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.bncMediumContainer .bncCol-medium-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.bncMediumContainer .bncCol-medium-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.bncMediumContainer .bncRow-medium-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.bncMediumContainer .bncHide-medium {
  display: none !important;
}
.bncLargeContainer .bncCol-large-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.bncLargeContainer .bncCol-large-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.bncLargeContainer .bncCol-large-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.bncLargeContainer .bncCol-large-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.bncLargeContainer .bncCol-large-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.bncLargeContainer .bncCol-large-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.bncLargeContainer .bncCol-large-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.bncLargeContainer .bncCol-large-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.bncLargeContainer .bncCol-large-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.bncLargeContainer .bncCol-large-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.bncLargeContainer .bncCol-large-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.bncLargeContainer .bncCol-large-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.bncLargeContainer .bncRow-large-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.bncLargeContainer .bncHide-large {
  display: none !important;
}
.bncExtraLargeContainer .bncCol-extra-large-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.bncExtraLargeContainer .bncCol-extra-large-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.bncExtraLargeContainer .bncCol-extra-large-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.bncExtraLargeContainer .bncCol-extra-large-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.bncExtraLargeContainer .bncCol-extra-large-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.bncExtraLargeContainer .bncCol-extra-large-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.bncExtraLargeContainer .bncCol-extra-large-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.bncExtraLargeContainer .bncCol-extra-large-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.bncExtraLargeContainer .bncCol-extra-large-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.bncExtraLargeContainer .bncCol-extra-large-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.bncExtraLargeContainer .bncCol-extra-large-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.bncExtraLargeContainer .bncCol-extra-large-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.bncExtraLargeContainer .bncRow-extra-large-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.bncExtraLargeContainer .bncHide-extra-large {
  display: none;
}
.bncRowSelect {
  cursor: pointer;
}
.bncOverflowedY,
.bncOverflowedX {
  overscroll-behavior: contain;
}
.bncSearch {
  position: relative;
  display: inline-block;
  color: #e40046;
  height: 32px;
}
.MOBILE_APP .bncSearch {
  height: 35px;
}
.bncStickyHide .bncSearch {
  --shadow: clamp(10px, 0.3568339100346021rem + 1.384083044982699vw, 14px);
  box-shadow: 0 0 0 var(--shadow) var(--backgroundColor0), inset 0 0 0 var(--shadow) var(--backgroundColor0);
}
.bncSearch .bncSearchInput {
  width: auto;
}
.DESKTOP_APP .bncSearch .bncSearchInput {
  max-width: 330px;
}
.DESKTOP_APP .bncSearch .bncSearchInput:focus,
.DESKTOP_APP .bncSearch .bncSearchInput:hover {
  background-position-y: -45px;
}
.MOBILE_APP .bncSearch .bncSearchInput {
  height: 36px;
  border: 1px solid var(--middleGrey);
  border-radius: 1in;
  margin: 0 8px;
  width: calc(100vw - 56px);
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
}
.bncSearch.bncSearch--right.bncSearch--right .bncSearchInput {
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-property: width;
}
.MOBILE_APP .bncSearch.bncSearch--right.bncSearch--right.bncSearch--active .bncSearchInput {
  width: calc(100vw - 2 * var(--boxSidePadding));
  margin: 0;
}
.MOBILE_APP .bncSearch.bncSearch--right.bncSearch--right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen {
  display: block;
  width: 100%;
  min-width: initial;
  max-width: none;
}
.DESKTOP_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen {
  height: 40px;
}
.DESKTOP_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearch__openIcon {
  top: 4px;
}
.MOBILE_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen {
  --margin-block: clamp(10px, 0.3568339100346021rem + 1.384083044982699vw, 14px);
  --margin-inline: clamp(8px, 0.23183391003460208rem + 1.384083044982699vw, 12px);
  margin-block: var(--margin-block);
  margin-inline: var(--margin-inline);
  width: calc(100% - 2 * var(--margin-inline));
}
.MOBILE_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearch__openIcon {
  left: 0;
}
.bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearchInput {
  max-width: initial;
  background-position: 24px 8px;
}
.DESKTOP_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearchInput {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 64px;
  border-radius: 0;
  border: none;
  background-color: var(--backgroundColor1);
}
.MOBILE_APP .bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearchInput {
  padding: 0 36px;
  margin: 0;
  width: 100%;
}
.bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearchInput:focus {
  border-color: var(--inputFocusBorderColor);
  outline: none;
  background-position-y: -40px;
}
.bncSearch.bncSearch--alwaysOpen.bncSearch--alwaysOpen .bncSearchInput:hover {
  background-position-y: -40px;
}
.bncSearch.bncSearch--left.bncSearch--left {
  position: absolute;
  display: block;
  height: 40px;
  width: 56px;
  left: 0;
}
.bncSearch.bncSearch--left.bncSearch--left .bncSearchInput {
  height: 40px;
  max-width: none;
  width: 56px;
  right: auto;
  left: 0;
  background-position: 16px 8px;
  border-color: transparent;
}
.bncSearch.bncSearch--left.bncSearch--left .bncSearchInput:focus,
.bncSearch.bncSearch--left.bncSearch--left .bncSearchInput:hover {
  background-position-y: -40px;
}
.bncSearch.bncSearch--left.bncSearch--left.bncSearch--active {
  width: 100%;
  z-index: 1;
}
.bncSearch.bncSearch--left.bncSearch--left.bncSearch--active .bncSearchInput {
  width: 100%;
  border-radius: 0;
  padding: 0 40px 0 56px;
}
.DESKTOP_APP .bncSearch.bncSearch--left.bncSearch--left .bncSearch__openIcon {
  top: 4px;
}
.bncSearch.bncSearch--active .bncSearchInput {
  padding: 0 40px;
}
.bncSearch.bncSearch--hasText .bncSearchInput {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncSearch.bncSearch--idle .bncSearchInput {
  width: 32px;
  min-width: auto;
  padding: 0;
  border-color: transparent;
  cursor: pointer;
}
.bncSearch__closeIcon,
.bncSearch__openIcon {
  color: var(--baseGrey1);
  cursor: pointer;
  position: absolute;
  top: 0;
  padding: 8px;
}
.bncSearch__closeIcon:hover,
.bncSearch__openIcon:hover,
.bncSearch--hasText .bncSearch__closeIcon,
.bncSearch--hasText .bncSearch__openIcon {
  color: #e40046;
}
.bncSearch__closeIcon {
  z-index: 1;
  font-size: 16px;
  right: 0;
}
.DESKTOP_APP .bncSearch--alwaysOpen .bncSearch__closeIcon {
  top: 4px;
}
.MOBILE_APP .bncSearch--alwaysOpen .bncSearch__closeIcon {
  top: 2px;
  z-index: 0;
}
.MOBILE_APP .bncSearch--right .bncSearch__closeIcon {
  right: 8px;
  top: 2px;
}
.bncSearch--hasText .bncSearch__closeIcon,
.bncSearchInput:focus + .bncSearch__closeIcon {
  color: var(--primaryColor);
}
.bncSearch--hasText .bncSearch__closeIcon:hover,
.bncSearchInput:focus + .bncSearch__closeIcon:hover {
  color: #e40046;
}
.bncSearch--left .bncSearch__closeIcon {
  padding: 12px 8px;
}
.DESKTOP_APP .bncSearch__openIcon {
  font-size: 19px;
  left: 12px;
}
.MOBILE_APP .bncSearch__openIcon {
  font-size: 18px;
  left: 8px;
  top: 2px;
}
.bncSearchInput:focus ~ .bncSearch__openIcon,
.bncSearchInput:hover ~ .bncSearch__openIcon {
  color: #e40046;
}
.DESKTOP_APP .bncSearch--right .bncSearch__openIcon {
  top: -1px;
  left: -8px;
}
.MOBILE_APP .bncSearch--right .bncSearch__openIcon {
  top: 2px;
  left: 4px;
}
.DESKTOP_APP .bncSearch--right.bncSearch--active .bncSearch__openIcon {
  left: -4px;
}
bnc-drop-menu {
  display: block;
}
.bncDropMenuOptions {
  padding: 24px 16px;
}
.bncDropMenu__title {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
.bncDropMenu__title strong {
  font-weight: 500;
}
.DESKTOP_APP .bncDropMenu__title {
  font-size: 13px;
}
.MOBILE_APP .bncDropMenu__title {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP .bncDropMenu__title {
  font-size: 18px;
  font-weight: 300;
  margin: 32px 32px 0;
}
.bncDropMenu__title:empty {
  display: none;
}
.DESKTOP_APP .bncDropMenu__title {
  margin-top: 24px !important;
}
.bncDropMenuOptions--label .bncButton.bncButton--blank {
  width: 100%;
  min-width: 200px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 10px 48px 10px 16px;
}
.bncDropMenuOptions--label .bncButton.bncButton--blank:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncDropMenuOptions--label .bncButton.bncButton--blank:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -1px;
  right: -6px;
  bottom: -1px;
  left: -6px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncDropMenuOptions--label:hover {
  background-color: var(--backgroundColor1);
}
bnc-index {
  position: relative;
  cursor: auto;
}
@supports selector(:popover-open) {
  bnc-index {
    display: block;
  }
}
bnc-index .bncIndex__title {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
bnc-index .bncIndex__title strong {
  font-weight: 500;
}
.DESKTOP_APP bnc-index .bncIndex__title {
  font-size: 13px;
}
.MOBILE_APP bnc-index .bncIndex__title {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP bnc-index .bncIndex__title {
  font-size: 18px;
  font-weight: 300;
  margin: 32px 32px 0;
}
bnc-index .bncIndex__title:empty {
  display: none;
}
bnc-index button.bncIndex__option span.disabled {
  color: var(--baseGrey3);
}
bnc-index button.bncIndex__option:has(span.disabled) {
  cursor: auto;
}
.DESKTOP_APP bnc-index.bncIndex--basic .bncIndex__option {
  padding: 11px 16px;
  border-bottom: none;
}
.DESKTOP_APP bnc-index.dropdown__options {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  position: absolute;
  top: 100%;
  left: -1px;
  max-height: calc(100vh - 96px - var(--infoBarHeight));
}
.DESKTOP_APP bnc-index.dropdown__options .bncIndex__option {
  font-size: 13px;
  line-height: 18px;
}
.DESKTOP_APP bnc-index.bncIndex--dropDown {
  overflow-x: hidden;
  z-index: 11;
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP bnc-index.bncIndex--dropDown .bncIndex__section {
  padding-left: 16px;
  padding-right: 16px;
}
.DESKTOP_APP bnc-index.bncIndex--dropDown .bncIndex__option {
  font-weight: 400;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
.DESKTOP_APP bnc-index.bncIndex--dropDown.bncIndex--compact {
  overflow: visible;
}
.DESKTOP_APP bnc-index.bncIndex--dropDown .bncIndexContainer {
  height: auto;
  min-width: 300px;
}
.DESKTOP_APP bnc-index.bncIndex--dropDown .bncIndexContainer:has([class*='optionSize_textFormat_']) {
  min-width: -moz-min-content;
  min-width: min-content;
}
.DESKTOP_APP bnc-index .bncDropMenuOptions {
  padding: 0 0 0 16px;
}
.DESKTOP_APP bnc-index .bncDropMenuOptions--label:hover {
  background-color: inherit;
}
.MOBILE_APP bnc-index {
  --padding-inline: clamp(18px, 0.7227508650519031rem + 2.0761245674740483vw, 24px);
  --padding-block: clamp(11px, 0.4193339100346021rem + 1.384083044982699vw, 15px);
  padding-bottom: 48px;
}
.MOBILE_APP bnc-index.bncIndex--basic .bncIndex__option {
  border-top: none;
}
.MOBILE_APP bnc-index.bncIndex--sort .bncIndex__section {
  width: -moz-max-content;
  width: max-content;
}
.MOBILE_APP bnc-index.bncIndex--dropDown {
  padding: 12px 8px;
}
.MOBILE_APP bnc-index.bncIndex--dropDown .bncIndex__option {
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 80vw;
}
.MOBILE_APP bnc-index.bncIndex--dropDown .bncIndex__option ~ .bncIndex__option {
  border-top: none;
}
.MOBILE_APP bnc-index.bncIndex--dropDown .bncIndex__option:last-child {
  padding-bottom: var(--padding-block);
}
.MOBILE_APP bnc-index dummy {
  display: none;
}
.MOBILE_APP .toolbarObject .bncIndex--dropDown .bncIndex__option {
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 80vw;
}
.bncIndex {
  position: relative;
}
.DESKTOP_APP .bncIndex {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: calc(100vw - 120px);
}
.bncMainContainer__menu--open .DESKTOP_APP .bncIndex {
  max-width: calc(100vw - 316px);
}
.DESKTOP_APP .bncIndex.bncOverflowedX {
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
}
@media screen and (min-width: 1024px) {
  .DESKTOP_APP .bncIndex.bncOverflowedX {
    margin: 32px 96px 0;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncIndex.bncOverflowedX {
    margin: 48px 156px 0;
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncIndex.bncOverflowedX {
    margin: 32px 104px 0;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncIndex.bncOverflowedX {
    margin: 32px 88px 0;
    padding-bottom: 32px;
  }
}
.DESKTOP_APP .bncIndex--dropDown .bncIndex {
  max-height: calc(100vh - 192px - var(--infoBarHeight));
  padding: 24px 16px;
}
@media screen and (min-width: 1024px) {
  .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 72px - 192px - var(--mainMenuWidth));
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 72px - 312px - var(--mainMenuWidth));
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 64px - 208px - var(--mainMenuWidth));
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 44px - 176px - var(--mainMenuWidth));
  }
}
@media screen and (min-width: 1024px) {
  .bncMainContainer__menu--open .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 72px - 192px - var(--mainMenuWidth));
  }
}
@media screen and (min-width: 1900px) {
  .bncMainContainer__menu--open .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 72px - 312px - var(--mainMenuWidth));
  }
}
@media screen and (max-width: 1023px) {
  .bncMainContainer__menu--open .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 64px - 208px - var(--mainMenuWidth));
  }
}
@media screen and (max-width: 799px) {
  .bncMainContainer__menu--open .DESKTOP_APP .bncIndex--dropDown .bncIndex {
    max-width: calc(100vw - 44px - 176px - var(--mainMenuWidth));
  }
}
.DESKTOP_APP .bncIndex--dropDown .bncIndex:has([class*='optionSize_textFormat_']) {
  padding: 8px 12px;
}
.DESKTOP_APP .bncIndex--dropDown .bncIndex.bncIndex--withSearch {
  max-height: calc(100vh - 232px);
}
.bncIndex--altSearch .bncIndex {
  margin: 24px 24px 24px 72px;
}
.bncIndex__section {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}
.bncIndex__section.bncIndex__section--noSplit {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.bncIndex__sectionHeader {
  font-weight: 600;
  color: var(--baseGrey2);
}
.DESKTOP_APP .bncIndex__sectionHeader {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  -moz-column-break-after: avoid;
       break-after: avoid;
}
.MOBILE_APP .bncIndex__sectionHeader {
  position: sticky;
  top: var(--menuHeaderHeight);
  z-index: 1;
  font-size: 20px;
  line-height: clamp(28px, 1.2136678200692042rem + 2.768166089965398vw, 36px);
  padding: 0 var(--padding-inline);
  background-color: var(--backgroundColor1);
}
.bncIndex__option {
  display: block;
  word-break: break-word;
  text-align: left;
  width: 100%;
}
.bncIndex__option:nth-child(-n+2) {
  -moz-column-break-after: avoid;
       break-after: avoid;
}
.bncIndex__option:nth-child(-n+2):last-child {
  -moz-column-break-after: auto;
       break-after: auto;
}
.DESKTOP_APP .bncIndex--indexed .bncIndex__option:last-child {
  -moz-column-break-before: avoid;
       break-before: avoid;
  border-bottom: 28px solid transparent;
}
.DESKTOP_APP .bncIndex--indexed .bncIndex__option:last-child:hover {
  box-shadow: -32px -14px 0 -14px var(--backgroundColor1), 32px -14px 0 -14px var(--backgroundColor1);
}
.MOBILE_APP .bncIndex--indexed .bncIndex__option:last-child {
  padding-bottom: 24px;
}
.bncIndex__option span {
  pointer-events: none;
}
.DESKTOP_APP .bncIndex__option {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 0;
  cursor: default;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.DESKTOP_APP .bncIndex__option:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP .bncIndex__option:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 1px;
  right: -6px;
  bottom: 1px;
  left: -6px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.MOBILE_APP .bncIndex__option {
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
  padding: var(--padding-block) var(--padding-inline);
  background-color: var(--backgroundColor0);
  min-width: 210px;
  line-height: 20px;
}
.MOBILE_APP .bncIndex__option ~ .bncIndex__option {
  border-top: 1px solid var(--middleGrey);
}
.bncIndex__option.bncIndex__option--selected {
  color: #e40046;
}
.DESKTOP_APP .bncIndex--dropDown .bncIndex__option {
  padding: 4px 16px;
}
.bncLocationMenu__container .bncIndex__option {
  transition: color 0.2s ease-in-out;
}
.bncIndex__option:hover {
  cursor: pointer;
  background-color: var(--backgroundColor1);
  box-shadow: -16px 0 0 0 var(--backgroundColor1), 16px 0 0 0 var(--backgroundColor1);
  background-clip: padding-box;
}
[class*=bncIndex__scrollButton] {
  position: absolute;
  visibility: hidden;
  top: 50%;
  font-size: 29px;
  line-height: 1;
  color: var(--baseGrey1);
  transform: translateY(-18px);
  cursor: pointer;
}
[bnc-scroll-detect]:not(.bncOverflowedX) ~ [class*=bncIndex__scrollButton] {
  display: none;
}
[class*=bncIndex__scrollButton]:hover {
  color: #e40046;
}
.bncIndex__scrollButton--left {
  margin-left: 40px;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .bncIndex__scrollButton--left {
    margin-left: 32px;
  }
}
@media screen and (max-width: 799px) {
  .bncIndex__scrollButton--left {
    margin-left: 24px;
  }
}
.bncOverflowedX--scroll ~ .bncIndex__scrollButton--left {
  visibility: visible;
}
.bncIndex__scrollButton--right {
  margin-right: 40px;
  right: 0;
}
@media screen and (max-width: 1023px) {
  .bncIndex__scrollButton--right {
    margin-right: 32px;
  }
}
@media screen and (max-width: 799px) {
  .bncIndex__scrollButton--right {
    margin-right: 24px;
  }
}
.bncOverflowedX:not(.bncOverflowedX--scrollEnd) ~ .bncIndex__scrollButton--right {
  visibility: visible;
}
.MOBILE_APP .bncIndex__noResults {
  margin: 32px 44px;
}
.bncIndex__noResults b {
  font-weight: 500;
}
.bncIndex__noResults.bncIndex__noResults--search {
  display: none;
}
.bncIndex__noResults.bncIndex__noResults--search:first-child {
  display: block;
}
.bncSearchAndFilterContainer:not(:empty) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.DESKTOP_APP .bncSearchAndFilterContainer:not(:empty) {
  border-bottom: 1px solid var(--middleGrey);
}
.DESKTOP_APP .bncSearchAndFilterContainer:not(:empty):not(:empty) {
  min-height: 41px;
}
.MOBILE_APP .bncSearchAndFilterContainer:not(:empty) {
  position: sticky;
  margin-bottom: 8px;
  top: clamp(-48px, -3.7374567474048446rem + 3.8062283737024223vw, -37px);
  z-index: 2;
  background-color: var(--backgroundColor0);
  flex-direction: column-reverse;
  align-items: stretch;
}
.MOBILE_APP .bncSearchAndFilterContainer:not(:empty).bncSearchAndFilterContainer--searchOnly {
  top: clamp(-48px, -3.7374567474048446rem + 3.8062283737024223vw, -37px);
}
.bnc-select2 {
  max-width: var(--maxInputWidth);
}
.bnc-select2:not(:has(.nativeSelect)) {
  min-height: 32px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.MOBILE_APP .select2-container {
  margin: 0 -2px;
}
.select2-container.select2-container--default:not(.select2-container--disabled):hover .select2-selection__arrow::before {
  color: #e40046;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px;
}
.select2-container .select2-selection--single .select2-selection__rendered::first-letter {
  text-transform: uppercase;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 30px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search:before {
  position: absolute;
  width: 12px;
  margin: 2px 10px;
  font-family: 'spark';
  line-height: 30px;
  content: '\e819';
  color: #e40046;
  font-size: 17px;
}
.MOBILE_APP .select2-container .select2-search:before {
  top: 4px;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.select2-search__field {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  margin: 0;
  min-height: 32px;
}
.DESKTOP_APP .select2-search__field {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .select2-search__field,
.MOBILE_APP .select2-search__field {
  border-radius: 1in;
}
.MOBILE_APP .select2-search__field {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .select2-search__field,
.MOBILE_APP .bncFormBlock--horizontal .select2-search__field {
  width: 100%;
  flex: 0 1 100%;
}
.select2-search__field:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.select2-search__field--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.select2-search__field:disabled {
  pointer-events: none;
}
.select2-search__field.select2-search__field[type=search] {
  border-inline-width: 0;
  border-radius: 0;
  border-color: var(--middleGrey);
}
.MOBILE_APP .select2-search__field {
  font-size: 16px;
}
.MOBILE_APP .select2-search__field::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.select2-dropdown {
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100vw;
  width: 100%;
  min-width: 120px;
  z-index: 1051;
  box-shadow: 0 0 20px 0 var(--shadowColor);
}
.select2-dropdown.bncSelect2--multipleCheckboxes,
.select2-container--open:not([class*=--disabled]) .select2-dropdown:has(.select2-search--hide) {
  border-color: var(--baseGrey2);
}
.select2-results {
  display: block;
  margin: 4px 16px 24px;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  line-height: 18px;
  padding: 7px 16px;
  word-break: break-word;
  hyphens: auto;
}
.select2-results__option::first-letter {
  text-transform: capitalize;
}
.bncSelect2--multipleCheckboxes .select2-selection__rendered::after {
  content: '\e831';
  font-family: 'spark';
  position: absolute;
  right: 9px;
  top: 7px;
  color: var(--baseGrey2);
}
.bncSelect2--multipleCheckboxes .select2-selection__rendered:hover::after {
  color: #e40046;
}
.bncSelect2--multipleCheckboxes .select2-selection__rendered::before {
  content: attr(data-summary);
  color: var(--primaryColor);
  font-size: 13px;
  padding: 6px 0;
  float: left;
}
.bncSelect2--multipleCheckboxes .select2-container--open .select2-selection__rendered::after {
  content: '\e832';
}
.bncSelect2--multipleCheckboxes .select2-results__option {
  padding: 7px 16px 7px 32px;
  position: relative;
}
.bncSelect2--multipleCheckboxes .select2-results__option::after,
.bncSelect2--multipleCheckboxes .select2-results__option::before {
  content: '';
  font-family: 'spark';
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.bncSelect2--multipleCheckboxes .select2-results__option::before {
  border: 1px solid var(--middleGrey);
  background-color: var(--backgroundColor0);
}
.bncSelect2--multipleCheckboxes .select2-results__option[aria-selected=true]::before {
  background: #e40046;
  border: 1px solid #e40046;
}
.bncSelect2--multipleCheckboxes .select2-results__option[aria-selected=true]::after {
  content: '\E83f';
  /*'✔'*/
  left: 5px;
  top: 8px;
  font-size: 14px;
  color: var(--backgroundColor0);
  opacity: 1;
  transform: scale(1);
  transition: all 0.2s;
}
.bncSelect2--multipleCheckboxes .select2-selection__choice {
  display: none;
}
.bncSelect2--multipleCheckboxes .select2-search--inline::before {
  display: none;
}
.bncSelect2--multipleCheckboxes .select2-selection--multiple {
  min-height: 32px;
}
.bncSelect2--multipleCheckboxes .select2-results__option--highlighted.select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.MOBILE_APP .select2-container--open .select2-dropdown {
  margin: 0 2px;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  clip-path: polygon(-10% -10%, 110% -10%, 110% 110%, 100% 110%, 100% 100%, 0 100%, 0 110%, -10% 110%);
}
.MOBILE_APP .select2-container--open .select2-dropdown--above {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  clip-path: polygon(-10% -10%, 0 -10%, 0 0, 100% 0, 100% -10%, 110% -10%, 110% 110%, -10% 110%);
}
.MOBILE_APP .select2-container--open .select2-dropdown--below {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.select2-search--dropdown {
  display: block;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px 4px 4px 36px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: var(--backgroundColor0);
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: var(--backgroundColor0);
  border-radius: 3px;
  height: 32px;
  border: 1px solid var(--middleGrey);
}
.MOBILE_APP .select2-container--default .select2-selection--single {
  border-radius: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--primaryColor);
  line-height: 32px;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: var(--baseGrey3);
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow::before {
  color: var(--baseGrey3);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 5px;
  cursor: pointer;
  float: right;
  color: var(--baseGrey1);
  visibility: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__clear::before {
  content: '\e81b';
  font-family: 'spark';
  display: inline;
}
.select2-container--default .select2-selection--single:hover .select2-selection__clear:hover {
  color: #e40046;
}
.select2-container--default .select2-selection--single:hover .select2-selection__clear::before {
  visibility: visible;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--baseGrey2);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  position: absolute;
  width: 12px;
  margin: 0;
  font-family: 'spark';
  text-align: center;
  line-height: 31px;
  content: '\e831';
  color: var(--baseGrey1);
  font-size: 12px;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--backgroundColor1);
  border: none;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--middleGrey) transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--baseGrey2);
}
.select2-container--default .select2-selection--multiple {
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0 0 -5px;
  padding: 0 16px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: var(--baseGrey2);
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
  margin-right: 5px;
  cursor: pointer;
  float: right;
  color: var(--baseGrey1);
  visibility: hidden;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear::before {
  content: '\e81b';
  font-family: 'spark';
  display: inline;
}
.select2-container--default .select2-selection--multiple:hover .select2-selection__clear:hover {
  color: #e40046;
}
.select2-container--default .select2-selection--multiple:hover .select2-selection__clear::before {
  visibility: visible;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-weight: 200;
  color: var(--backgroundColor0);
  background-color: var(--middleGrey);
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 4px;
  margin-top: 4px;
  padding: 0 8px;
  line-height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--backgroundColor0);
  cursor: pointer;
  float: right;
  font-weight: 200;
  margin-left: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background-color: #f78b1e;
  border-color: #f78b1e;
}
.select2-container--default[dir="rtl"] .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus:not([class*=--disabled]) .select2-selection {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--backgroundColor1);
  border: none;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  vertical-align: top;
  min-height: 28px;
}
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--baseGrey3);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--backgroundColor1);
}
.select2-container--default .select2-results__option[aria-selected=true] {
  color: #e40046;
  background-color: transparent;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--default.select2-container--open .select2-selection__arrow:before {
  transform: rotate(180deg);
}
.bncSelectImageUploadButton {
  background-color: #969696;
  border-color: #969696;
  background-image: url('/assets/bnc-select-image/images/icon_image.png');
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 28px;
  padding-left: 44px;
  padding-right: 12px;
  font-size: 13px;
}
.bncSelectImageUploadButton:hover {
  color: white;
  line-height: 30px;
  background-color: #e40046;
  border-color: #e40046;
}
.bncSelectImageImage {
  cursor: pointer;
  flex: 0 0 auto;
  max-height: 40px;
  margin-right: 8px;
}
.bncSelectImageUploadButton {
  font-size: 16px;
  color: white;
  line-height: 30px;
  background: #e40046;
  border: 1px solid #e40046;
  border-radius: 3px;
  margin: 0 8px 0 0;
  padding: 0 16px;
  transition: all 0.2s;
  cursor: pointer;
  outline: 0 none;
  min-width: 80px;
}
bnc-slide-timing-details {
  display: block;
  width: 100%;
}
.bncSlideDetails__timing {
  position: relative;
  width: 100%;
}
.bncSlideDetails__timing--collapseable .bncSlideDetails__timing {
  cursor: pointer;
}
.MOBILE_APP .bncSlideDetails__timing {
  --margin-block: clamp(1px, -0.004541522491349481rem + 0.34602076124567477vw, 2px);
  margin: var(--margin-block) 0;
}
.MOBILE_APP .bncSlideDetails__timing p {
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
  line-height: 20px;
}
.bncSlideDetails__timing * {
  pointer-events: none;
}
.bncSlideDetails__timingShort .bncHours {
  display: none;
}
.bncSlideDetails__timingShort.ellipsis p:not(:empty):after {
  content: ', …';
  padding: 0 4px 0 0;
}
.bncSlideDetails__timing--collapseable .bncSlideDetails__timingLong {
  display: none;
}
.bncSort {
  position: relative;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.bncSort[iconized] label,
.bncSort[iconized] p {
  display: none;
}
.bncSort[iconized] .bncIcon::before {
  font-size: 20px;
}
.DESKTOP_APP .bncSort {
  padding: 0 0 10px;
}
.MOBILE_APP .bncSort:not([iconized]) {
  padding: 12px 0;
}
.bncSort .bncIcon--button {
  flex-direction: row-reverse;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.bncSort .bncIcon--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncSort .bncIcon--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -5px;
  right: -1px;
  bottom: -5px;
  left: -1px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncSort .bncIcon--button p {
  color: var(--primaryColor);
}
.bncSort .bncSort--active {
  color: #e40046;
}
.bncSort--label {
  cursor: pointer;
  color: #e40046;
}
[bnc-sortable] {
  cursor: pointer;
}
[bnc-sortable] .bncSortIndicator [class*=icon-custom] {
  color: var(--baseGrey1);
  display: none;
}
[bnc-sortable] .bncSortIndicator .icon-custom-chevron-down {
  display: inline;
  font-size: 10px;
  margin-left: 4px;
}
[bnc-sortable].bncSortable__descending .icon-custom-chevron-up-filled {
  display: inline;
}
[bnc-sortable].bncSortable__descending .icon-custom-chevron-down {
  display: none;
}
[bnc-sortable].bncSortable__ascending .icon-custom-chevron-down-filled {
  display: inline;
}
[bnc-sortable].bncSortable__ascending .icon-custom-chevron-down {
  display: none;
}
[bnc-sticky-hide] {
  position: sticky;
  z-index: 1;
  box-shadow: 0 -10px 0 0 var(--backgroundColor0);
  transition: all 0.2s linear;
  display: flex;
  flex-direction: column;
  background-color: var(--backgroundColor0);
}
.bncMainContainer__page:has(.bncDragSortMode) [bnc-sticky-hide] {
  opacity: 0;
  top: -50vh !important;
}
[bnc-sticky-hide] .bncInnerHeader {
  order: 0;
}
[bnc-sticky-hide] bnc-search {
  order: 10;
}
[bnc-sticky-hide] bnc-filter {
  order: 20;
}
[bnc-sticky-hide] .bncFilter--clientVersions {
  order: 21;
  border-top: 1px solid var(--backgroundColor0);
}
.DESKTOP_APP bnc-table {
  flex: 1 1 calc(100vh - var(--infoBarHeight));
  overflow: hidden;
}
.bncTable {
  display: flex;
  flex-direction: column;
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  position: relative;
  scroll-behavior: smooth;
}
.bncTable .bncTable__scrollShadow--intop {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  position: sticky;
  top: 0;
  left: auto;
  z-index: 11;
  order: -1;
  flex: 0 0 10px;
  margin: 0 calc(-1 * var(--outdentTableRow)) -10px;
}
.bncTable.bncOverflowedY--scroll .bncTable__scrollShadow--intop {
  opacity: 1;
}
.DESKTOP_APP .bncTable .bncTable__filters + * {
  margin-top: 22px;
}
.DESKTOP_APP .bncTable .bncTable__filters ~ .bncTable__scrollShadow--intop {
  top: 30px;
}
.DESKTOP_APP .bncTable {
  width: var(--bncTableWidth);
  height: 100%;
  border-right: 1px solid transparent;
  padding: 0 var(--outdentTableRow);
  overflow-y: auto;
  overflow-x: hidden;
  transition: width 0.2s ease-in-out;
}
.MOBILE_APP .bncTable {
  padding-bottom: 48px;
}
.DESKTOP_APP .bncTable .bncSecondaryHeading--noResults {
  margin: 40px 0 32px 18px;
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncTable .bncSecondaryHeading--noResults {
    margin-left: 12px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncTable .bncSecondaryHeading--noResults {
    margin-left: 8px;
  }
}
.MOBILE_APP .bncTable .bncSecondaryHeading--noResults {
  padding: 24px 32px;
}
.bncTable .bncBox,
.bncTable .bncSecondaryHeading--noSelection {
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncTable .bncBox,
.DESKTOP_APP .bncTable .bncSecondaryHeading--noSelection {
  padding: 0 40px;
  border: 0 solid transparent;
  transition: left 0.2s ease-in-out;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncTable .bncBox,
  .DESKTOP_APP .bncTable .bncSecondaryHeading--noSelection {
    position: fixed;
    z-index: 1;
    top: calc(60px + var(--infoBarHeight));
    right: 0;
    left: calc(var(--mainMenuWidth) + 400px);
    height: auto;
    border: 0 solid transparent;
    padding: 0;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncTable .bncBox,
  .DESKTOP_APP .bncTable .bncSecondaryHeading--noSelection {
    left: calc(var(--mainMenuWidth) + 642px);
  }
}
.bncTable .bncSecondaryHeading--noSelection {
  display: none;
}
.DESKTOP_APP .bncTable .bncSecondaryHeading--noSelection {
  z-index: 0;
  color: var(--baseGrey2);
  background-color: transparent;
  padding-left: 40px;
  top: calc(128px + var(--infoBarHeight));
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable .bncSecondaryHeading--noSelection {
    display: none !important;
  }
}
.MOBILE_APP .bncTable .bncSecondaryHeading--noSelection {
  display: none;
}
@media screen and (min-width: 1200px) {
  .bncTable--slim .bncTable .bncBox,
  .bncTable--slim .bncTable .bncSecondaryHeading--noSelection {
    left: calc(var(--mainMenuWidth) + 264px);
  }
}
.bncTable bnc-table-row.active + bnc-table-row .bncTable__row::after,
.bncTable bnc-table-row:hover + bnc-table-row .bncTable__row::after {
  opacity: 0;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable .bncBox,
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable .bncSecondaryHeading--noSelection {
    left: calc(var(--mainMenuWidth) + 400px);
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable .bncBox,
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable .bncSecondaryHeading--noSelection {
    left: calc(var(--mainMenuWidth) + 642px);
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable--slim .bncTable .bncBox,
  .DESKTOP_APP.bncMainContainer__menu--open .bncTable--slim .bncTable .bncSecondaryHeading--noSelection {
    left: calc(var(--mainMenuWidth) + 264px);
  }
}
.DESKTOP_APP .bncTable__rowBoxWrapper {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__rowBoxWrapper.bncTable__rowBoxWrapper--active .bncSecondaryHeading--tableRow {
    font-size: 14px;
    font-weight: 400;
  }
  .DESKTOP_APP .bncTable__rowBoxWrapper.bncTable__rowBoxWrapper--active .bncTable__row {
    z-index: 10;
  }
  .DESKTOP_APP .bncTable__rowBoxWrapper.bncTable__rowBoxWrapper--active .bncTable__row .bncActionList {
    top: 54%;
  }
  .DESKTOP_APP .bncTable__rowBoxWrapper.bncTable__rowBoxWrapper--active .bncTable__row.bncSticky--stuck::before {
    opacity: 1;
  }
}
.DESKTOP_APP .bncTable__rowBoxWrapper--active .bncBox {
  border: var(--outdentTableRow) solid var(--mainContainerBgColor);
  border-top: none;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__rowBoxWrapper--active .bncBox {
    position: relative;
  }
}
.DESKTOP_APP .bncTable__row--pointer {
  cursor: pointer;
}
.DESKTOP_APP .bncTable__row--pointer:hover {
  z-index: 5;
}
.DESKTOP_APP .bncTable__row--pointer:hover .bncActionList {
  opacity: 1;
  pointer-events: all;
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .bncTable__row--pointer:hover:not(.bncTable__row--active) {
  border-inline-color: var(--backgroundColor1);
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .bncTable__row--pointer:hover:not(.bncTable__row--active)::after,
.bncTable__header + .DESKTOP_APP .bncTable__row--pointer:hover:not(.bncTable__row--active)::before {
  opacity: 0;
}
.MOBILE_APP  .bncTable__rowBoxWrapper > .bncTable__row {
  padding: 16px 40px 16px 16px;
}
.MOBILE_APP  .bncTable__row:has(.bncActionList__action:not(.aurelia-hide)) {
  background-color: var(--backgroundColor1);
}
.bncTable--crudEditing .bncActionList {
  display: none;
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover {
  z-index: 5;
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover .bncActionList {
  opacity: 1;
  pointer-events: all;
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover:not(.bncTable__row--active) {
  border-inline-color: var(--backgroundColor1);
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover:not(.bncTable__row--active)::after,
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover:not(.bncTable__row--active)::before {
  opacity: 0;
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row:hover:not(.bncTable__row--active) .bncActionList--noView .icon-custom-pencil {
  color: #e40046;
}
.DESKTOP_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row.bncTable__row--new {
  display: none;
}
.MOBILE_APP .bncTable:not(.bncTable--crudEditing) .bncTable__row .bncActionList {
  opacity: 1;
  pointer-events: all;
}
.no-hiddenscroll .bncTable.bncOverflowedY {
  padding-right: calc(var(--outdentTableRow) - 15px);
}
.bncTable__header {
  position: relative;
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncTable__header {
  width: var(--bncTableWidth);
  border-right: 1px solid transparent;
  z-index: 20;
  padding-top: 1px;
  transition: width 0.2s ease-in-out;
}
@supports selector(:popover-open) {
  .DESKTOP_APP .bncTable__header {
    clip-path: inset(0 0 -10px 0);
  }
}
.bncTable__tools {
  min-height: 40px;
  padding-inline: calc(var(--outdentTableRow) + var(--tableRowBorderInlineWidth));
}
.bncTable__tools:not(:last-of-type) {
  border-bottom: 1px solid var(--middleGrey);
}
.bncTable__filters {
  position: sticky;
  top: -18px;
  z-index: 11;
  margin: 0 calc(-1 * var(--outdentTableRow));
  padding: 8px calc(var(--outdentTableRow) + var(--tableRowBorderInlineWidth)) 0;
  background-color: var(--backgroundColor0);
}
.bncTable__filters:empty {
  display: none;
}
.bncTable__header.row > [class*='col-']:first-child {
  padding-left: 0;
}
.bncTable__header.row > [class*='col-']:last-child {
  padding-right: 0;
}
.bncSecondaryHeading--tableRow {
  color: var(--baseGrey2);
  font-weight: 400;
  font-weight: 300;
  color: var(--primaryColor);
}
.MOBILE_APP .bncSecondaryHeading--tableRow {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncSecondaryHeading--tableRow b,
.bncSecondaryHeading--tableRow strong {
  font-weight: 500;
}
.bncSecondaryHeading--tableRow.bncSecondaryHeading--noResults,
.bncSecondaryHeading--tableRow.bncSecondaryHeading--noSearch {
  color: var(--baseGrey2);
}
.bncSecondaryHeading--tableRow.bncSecondaryHeading--expired {
  color: var(--baseGrey3);
}
.DESKTOP_APP .bncSecondaryHeading--tableRow {
  font-size: 22px;
  line-height: 30px;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow.bncSecondaryHeading--byThumb {
    margin-top: -6px;
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow.bncSecondaryHeading--byThumb {
    font-size: 14px;
    line-height: 18px;
    margin-top: -4px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncSecondaryHeading--tableRow.bncSecondaryHeading--byThumb {
    font-size: 22px;
    line-height: 30px;
  }
}
.DESKTOP_APP .bncSecondaryHeading--tableRow .bncSecondaryHeading__text {
  max-height: 40px;
  line-height: 1.3;
  word-break: break-word;
  overflow: hidden;
}
.MOBILE_APP .bncSecondaryHeading--tableRow {
  font-size: clamp(16px, 0.7988754325259515rem + 1.0380622837370241vw, 19px);
  line-height: clamp(21px, 1.1113754325259515rem + 1.0380622837370241vw, 24px);
}
.DESKTOP_APP .bncSecondaryHeading--tableRow {
  transition: all 0.2s ease-in-out;
}
.MOBILE_APP .bncSecondaryHeading--tableRow {
  padding-right: 28px;
}
.DESKTOP_APP .bncTable__filters ~ * .bncTable__row--active {
  top: 30px;
}
.bncTable__row {
  display: block;
  width: 100%;
  text-align: left;
}
.DESKTOP_APP .bncTable__row {
  position: sticky;
  top: 0;
  border-inline: var(--tableRowBorderInlineWidth) solid transparent;
  background-color: transparent;
  padding: 16px 0;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .DESKTOP_APP .bncTable__row {
    padding: 16px 0;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncTable__row {
    padding: 22px 0;
  }
}
.DESKTOP_APP .bncTable__row.bncTable__row--active {
  border-inline-color: var(--backgroundColor1);
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .bncTable__row.bncTable__row--active::after,
.bncTable__header + .DESKTOP_APP .bncTable__row.bncTable__row--active::before {
  opacity: 0;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__row.bncTable__row--active .bncSecondaryHeading--tableRow {
    line-height: 18px;
  }
}
.DESKTOP_APP .bncTable__row::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
  left: -20px;
  right: -20px;
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncTable__row::before {
    left: -16px;
    right: -16px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncTable__row::before {
    left: -10px;
    right: -10px;
  }
}
.DESKTOP_APP .bncTable__row::after,
.bncTable__header + .DESKTOP_APP .bncTable__row::before {
  content: '';
  position: absolute;
  display: block;
  border-top: 1px solid var(--middleGrey);
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
}
.bncTable__header + .DESKTOP_APP .bncTable__row::before {
  top: 0;
}
.DESKTOP_APP .bncTable__row .bncSecondaryHeading--tableRow {
  overflow-wrap: break-word;
}
.DESKTOP_APP .bncTable__row--active {
  border-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__row .bncSecondaryHeading--tableRow {
    padding-right: 8px;
  }
  .DESKTOP_APP .bncTable__row .bncTags {
    text-align: right;
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncTable__row--active {
    margin-bottom: 0;
  }
  .DESKTOP_APP .bncTable__row .row--orderSwitch *:first-child {
    flex: 1 0 100%;
    order: 10;
  }
  .DESKTOP_APP .bncTable__row .row--orderSwitch .bncTags {
    order: 20;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncTable__row .bncSecondaryHeading--tableRow {
    margin-top: 4px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP .bncTable__row .row--orderSwitch > *:first-child {
    flex: 1 0 100%;
    order: 10;
  }
}
.MOBILE_APP .bncTable__row {
  min-height: 58px;
  border-bottom: 1px solid var(--middleGrey);
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.MOBILE_APP .bncTable__row.bncTable__row--active {
  background-color: var(--backgroundColor1);
}
.MOBILE_APP .bncTable__row .bncActionList {
  top: 0;
  bottom: auto;
}
.MOBILE_APP .bncTable__row .row--orderSwitch > *:first-child {
  flex: 1 0 100%;
  order: 10;
}
.bncTable__row > .row {
  margin: 0;
}
.bncTable__row > .row > * {
  padding: 0;
}
.oa-sorting .bncTable__row {
  opacity: 0.2;
}
button.bncTable__row:not([class*=disabled]):focus-visible {
  outline: 0;
}
button.bncTable__row:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -20px;
  bottom: 1px;
  left: -20px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  button.bncTable__row:not([class*=disabled]):focus-visible {
    outline: 0;
  }
  button.bncTable__row:not([class*=disabled]):focus-visible::after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px dotted #e40046;
    top: 0;
    right: -8px;
    bottom: 1px;
    left: -16px;
    border-radius: 4px;
    height: auto;
    pointer-events: none;
  }
}
bnc-table-row {
  display: block;
}
bnc-table-row:not(.dummy):not(.adsExcerpt) ~ .bncSecondaryHeading--noResults {
  display: none;
}
.bncTable bnc-table-row ~ .bncSecondaryHeading--noSelection {
  display: block;
}
.bncTableDetail__row,
.bncTableDetail__row--header {
  background-color: transparent;
  padding: 16px 0;
  border-bottom: 1px solid var(--middleGrey);
}
@media screen and (min-width: 1024px) {
  .bncTableDetail__row,
  .bncTableDetail__row--header {
    padding: 16px 0;
  }
}
@media screen and (min-width: 1900px) {
  .bncTableDetail__row,
  .bncTableDetail__row--header {
    padding: 22px 0;
  }
}
@media screen and (max-width: 1023px) {
  .bncTableDetail__row,
  .bncTableDetail__row--header {
    padding: 16px 0;
  }
}
.bncTableDetail__row.row,
.bncTableDetail__row--header.row {
  margin: 0;
}
.bncTableDetail__row.row:last-child,
.bncTableDetail__row--header.row:last-child {
  margin-bottom: 0;
}
.bncTableDetail__row.row > *,
.bncTableDetail__row--header.row > * {
  padding: 0;
}
.bncTableDetail__row--header {
  color: var(--baseGrey2);
  word-break: break-word;
  hyphens: auto;
  z-index: 1;
  position: sticky;
  top: 0;
  padding-top: 0;
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncTableDetail__row--header {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.MOBILE_APP .bncTableDetail__row--header {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.8079584775086506rem + 0.34602076124567477vw, 15px);
}
@media screen and (max-width: 1199px) {
  .bncTableDetail__row--header {
    top: 49px;
  }
}
bnc-timepicker {
  display: flex;
  justify-content: stretch;
  position: relative;
}
bnc-timepicker .bncError {
  z-index: 1;
}
bnc-timepicker .bncErrorParentContainer {
  flex: 1;
}
bnc-timepicker .bncErrorParentContainer .bncTextinput.bncTimepicker__input {
  flex: none;
  width: 100%;
}
bnc-timepicker-select {
  display: block;
}
.bncTextinput.bncTimepicker__input {
  min-width: 48px;
}
.DESKTOP_APP .bncTextinput.bncTimepicker__input {
  border-radius: 3px 0 0 3px;
}
.bncTimepicker__button {
  border: 1px solid var(--middleGrey);
  color: var(--baseGrey1);
  flex: 0 0 20%;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background-color: var(--backgroundColor0);
}
.bncTimepicker__button:hover {
  color: #e40046;
}
.bncTimepicker__button[class*=picker__button--dec] {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.bncTimepicker__button[class*=picker__button--inc] {
  border-radius: 0 3px 3px 0;
}
.bncTimepicker__selectContainer {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  position: absolute;
  height: 288px;
  width: 146px;
  padding: 16px;
  left: 0;
  top: 34px;
  overflow-y: auto;
  border: 1px solid var(--middleGrey);
  background: var(--backgroundColor0);
  z-index: 20;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.bncTimepicker__selectTime {
  padding-left: 16px;
  line-height: 32px;
  cursor: pointer;
}
.bncTimepicker__selectTime.selected {
  color: #e40046;
}
.bncTimepicker__selectTime:hover {
  background-color: var(--backgroundColor1);
}
.tooltipTarget {
  position: relative;
}
.DESKTOP_APP {
  --tooltipMaxWidth: 33vw;
}
.DESKTOP_APP .bncTooltip {
  --tooltipTop: 0;
  --tooltipRight: auto;
  --tooltipLeft: -100vw;
}
.bncTooltip {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
  position: fixed;
  top: var(--tooltipTop);
  right: var(--tooltipRight);
  bottom: auto;
  left: var(--tooltipLeft);
  padding: 2px 12px;
  width: -moz-max-content;
  width: max-content;
  min-width: 48px;
  max-width: var(--tooltipMaxWidth);
  overflow: visible;
  overflow-wrap: break-word;
  white-space: normal;
  hyphens: auto;
  text-overflow: ellipsis;
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
  border-radius: 2px;
  text-align: left;
  pointer-events: none;
  transition: none;
}
.bncTooltip strong {
  font-weight: 500;
}
.DESKTOP_APP .bncTooltip {
  font-size: 13px;
}
.MOBILE_APP .bncTooltip {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
@supports selector(:popover-open) {
  .bncTooltip[popover] {
    display: block;
    visibility: hidden;
  }
  .bncTooltip[popover]:popover-open {
    visibility: visible;
  }
}
.bncTooltip:has(.bncSecondaryHeading) {
  padding: 18px 20px;
}
.bncTooltip .bncSecondaryHeading {
  font-weight: 400;
  margin-bottom: 8px;
}
.bncTooltip::first-letter {
  text-transform: uppercase;
}
.bncTooltip::after,
.bncTooltip::before {
  content: '';
  position: absolute;
  display: block;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}
.bncTooltip.bncTooltip--topLeft::before {
  right: -1px;
  top: 100%;
  border-width: 0 10px 10px 0;
  border-right-color: var(--middleGrey);
}
.bncTooltip.bncTooltip--topLeft::after {
  right: 0;
  top: 100%;
  transform: translate(0, -2.4px);
  border-width: 0 10px 10px 0;
  border-right-color: var(--backgroundColor0);
}
.bncTooltip.bncTooltip--topRight::before {
  left: -1px;
  top: 100%;
  border-width: 10px 10px 0 0;
  border-top-color: var(--middleGrey);
}
.bncTooltip.bncTooltip--topRight::after {
  left: 0;
  top: 100%;
  transform: translate(0, -2.4px);
  border-width: 10px 10px 0 0;
  border-top-color: var(--backgroundColor0);
}
.bncTooltip.bncTooltip--bottomLeft::before {
  right: -1px;
  bottom: 100%;
  border-width: 0 0 10px 10px;
  border-bottom-color: var(--middleGrey);
}
.bncTooltip.bncTooltip--bottomLeft::after {
  right: 0;
  bottom: 100%;
  transform: translate(0, 2.4px);
  border-width: 0 0 10px 10px;
  border-bottom-color: var(--backgroundColor0);
}
.bncTooltip.bncTooltip--bottomRight::before {
  left: -1px;
  bottom: 100%;
  border-width: 10px 0 0 10px;
  border-left-color: var(--middleGrey);
}
.bncTooltip.bncTooltip--bottomRight::after {
  left: 0;
  bottom: 100%;
  transform: translate(0, 2.4px);
  border-width: 10px 0 0 10px;
  border-left-color: var(--backgroundColor0);
}
.bncTooltip img {
  display: block;
  max-width: calc(var(--tooltipMaxWidth) - 24px);
  max-height: calc(33vh - 4px);
  min-width: 200px;
}
.bncTree {
  position: relative;
}
.bncTree p.disabled {
  color: var(--baseGrey3);
  cursor: default;
}
.bncTree .bncBranch__expandable::before {
  cursor: pointer;
}
.bncBranch__hasChildren {
  position: relative;
}
.bncBranch__hasChildren ul {
  padding-left: 64px;
}
.bncBranch__expander {
  position: absolute;
  color: #e40046;
  font-size: 48px;
}
.bncBranch__expander .icon-custom-folder::before {
  margin: 0;
}
.bncBranch__expander .icon-custom-folder.bncBranch__expandable {
  cursor: pointer;
}
.bncBranch__expander .icon-custom-folder.bncBranch__expandable i[class*=icon] {
  position: absolute;
  top: 13px;
  left: 8px;
  color: var(--backgroundColor0);
  font-size: 24px;
}
.bncBranch__item {
  cursor: pointer;
  padding: 8px 0 8px 64px;
  color: var(--primaryColor);
  min-height: 48px;
  display: flex;
  align-items: center;
}
.bncBranch__item:hover {
  color: #e40046;
}
.bncBranch__selected > .bncBranch__item {
  background-color: var(--backgroundColor1);
  border-left: 8px solid var(--backgroundColor1);
  margin-left: -8px;
}
spark-channel-slide-carousel {
  display: block;
}
.MOBILE_APP spark-channel-slide-carousel .bncCarousel__itemTitle {
  display: none;
}
.bncButton.showAllButton:not(:hover) {
  color: var(--baseGrey2);
}
spark-feedback-animation {
  position: relative;
  z-index: 100;
}
.bncFeedbackContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.MOBILE_APP .bncFeedbackContainer {
  height: 100%;
  height: 100dvh;
  bottom: auto;
}
.bncFeedbackContainer .mask {
  flex: 0 0 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.bncFeedbackContainer svg {
  width: 110px;
  height: 105px;
  margin: -5px;
}
.bncFeedbackContainer svg #Check,
.bncFeedbackContainer svg #Circle,
.bncFeedbackContainer svg #Stars {
  opacity: 0;
}
.bncFeedbackContainer svg.flyIn #Burst.flyIn,
.bncFeedbackContainer svg.flyIn #Rocket.flyIn {
  animation: 2s flyInOut;
}
.bncFeedbackContainer svg.flyIn .glower {
  animation: 0.2s glower infinite;
}
.bncFeedbackContainer svg.flyIn .glower + .glower {
  animation: 0.2s 0.1s glower infinite;
}
.bncFeedbackContainer svg.flyIn .star1 {
  animation: 0.9s shimmer infinite;
}
.bncFeedbackContainer svg.flyIn .star2 {
  animation: 0.9s 0.3s shimmer infinite;
}
.bncFeedbackContainer svg.flyIn .star3 {
  animation: 0.9s 0.6s shimmer infinite;
}
.bncFeedbackContainer svg.flyIn #Clouds.flyIn {
  animation: 2s flyInFadeOut;
}
.bncFeedbackContainer svg.flyIn #Circle.fadeIn {
  animation: 2s fadeIn;
}
.bncFeedbackContainer svg.flyIn #Stars.fadeIn {
  animation: 1.7s 0.3s speed;
}
.bncFeedbackContainer svg.flyIn #Check.fadeIn {
  transform-origin: center;
  animation: 2s check;
}
@keyframes flyInOut {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: translateY(-80%);
  }
  50% {
    transform: translateY(-80%);
  }
  100% {
    transform: translateY(-220%);
    animation-timing-function: ease-in;
  }
}
@keyframes flyInFadeOut {
  0% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    transform: translateY(-90%);
    opacity: 1;
  }
  60% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: translateY(-90%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  30% {
    opacity: 0.9;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes speed {
  0% {
    opacity: 0;
  }
  5% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  40% {
    opacity: 0.9;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes check {
  60% {
    opacity: 0;
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    transform: scale(1.3);
  }
  90% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes glower {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes shimmer {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
spark-filtered-views compose:not(*:has(.bncAutoColumns)) {
  display: block;
  max-width: 1116px;
}
.stickyWrapper {
  position: sticky;
  top: -2px;
  z-index: 10;
  box-shadow: inset 0 -40px var(--backgroundColor0);
}
@media screen and (max-width: 1199px) {
  .stickyWrapper {
    top: 30px;
    z-index: 9;
    padding-top: 49px;
    margin-top: -49px;
    box-shadow: 40px 0 var(--backgroundColor0), -40px 0 var(--backgroundColor0), inset 0 -40px var(--backgroundColor0);
  }
}
@media screen and (min-width: 1200px) {
  .stickyWrapper {
    box-shadow: 0 -40px 0 40px var(--backgroundColor0), inset 0 -40px var(--backgroundColor0);
  }
}
.stickyWrapper::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
  left: -40px;
  right: -40px;
  z-index: 10;
}
.stickyWrapper.bncSticky--stuck::after {
  opacity: 1;
}
.spinnerContainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  pointer-events: none;
}
.MOBILE_APP .spinnerContainer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100dvh;
}
.spinnerContainer .spinner {
  height: 200px;
  flex: 0 0 200px;
  transform: scale(0.4);
}
.spinnerContainer .spinner svg {
  position: absolute;
  left: 0;
  top: 0;
}
.spinnerContainer #Sparks {
  filter: drop-shadow(0 0 6px var(--baseGrey2));
  animation: rotate 3s linear infinite;
  transform-origin: 50% 50%;
}
.spinnerContainer #Stars {
  animation: fadeRotate 4s linear infinite;
  transform-origin: 50% 50%;
}
.spinnerContainer #Starlets {
  animation: fadeRotateDelayed 4s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes rotate {
  0% {
    transform: rotate3d(0, 0, 1, 0);
  }
  25% {
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes fadeRotate {
  0% {
    transform: rotate3d(0, 0, 1, 0);
    opacity: 0;
  }
  26% {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 1;
  }
  49% {
    transform: rotate3d(0, 0, 1, 180deg);
    opacity: 0;
  }
  76% {
    transform: rotate3d(0, 0, 1, 270deg);
    opacity: 1;
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
    opacity: 0;
  }
}
@keyframes fadeRotateDelayed {
  0% {
    transform: rotate3d(0, 0, 1, 0);
    opacity: 1;
  }
  24% {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
  51% {
    transform: rotate3d(0, 0, 1, 180deg);
    opacity: 1;
  }
  74% {
    transform: rotate3d(0, 0, 1, 270deg);
    opacity: 0;
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
    opacity: 1;
  }
}
.tempDisabled {
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.tempDisabled[class*=icon-custom]:hover,
.tempDisabled [class*=icon-custom]:hover {
  color: var(--baseGrey1);
}
spark-password-reveal {
  display: grid;
  max-width: var(--maxInputWidth);
}
spark-password-reveal > * {
  grid-column: 1;
  grid-row: 1;
}
spark-password-reveal input::-webkit-credentials-auto-fill-button {
  margin-inline-end: 24px;
}
spark-password-reveal input::-webkit-strong-password-auto-fill-button {
  margin: -12px 24px 0 0;
}
.landing spark-password-reveal input::-webkit-strong-password-auto-fill-button {
  margin: -19px 24px 0 0;
}
spark-password-reveal button[class*='icon-custom-eye'] {
  justify-content: flex-end;
  margin-inline: auto 12px;
  font-size: 20px;
  color: var(--baseGrey1);
}
.DESKTOP_APP spark-password-reveal button[class*='icon-custom-eye']:hover {
  color: #e40046;
}
.MOBILE_APP spark-password-reveal button[class*='icon-custom-eye']:hover {
  color: var(--baseGrey1);
}
spark-password-reveal button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible {
  outline: 0;
}
spark-password-reveal button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 5px;
  right: -3px;
  bottom: 5px;
  left: -3px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.bncUserProfile__section spark-password-reveal button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncUserProfile__section spark-password-reveal button[class*='icon-custom-eye']:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 0;
  bottom: 3px;
  left: 0;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
spark-password-reveal .bncErrorParentContainer:has(input.bncMarginBottom8) + button.bncIcon--button,
spark-password-reveal .bncMarginBottom8 + button.bncIcon--button {
  margin-bottom: 8px !important;
}
[spark-popover] {
  border: none;
  display: none;
}
[spark-popover].\:popover-open {
  display: block;
}
[spark-popover].\:popover-open ~ [popovertarget] .icon-custom-chevron-down::before {
  content: '\e832';
}
@supports selector(:popover-open) {
  [spark-popover] {
    display: block;
    visibility: hidden;
  }
  [spark-popover]:popover-open {
    visibility: visible;
  }
  [spark-popover]:popover-open ~ [popovertarget] .icon-custom-chevron-down::before {
    content: '\e832';
  }
}
spark-progress {
  --height: 4px;
  display: block;
  block-size: var(--height);
  margin-bottom: calc(-1 * var(--height));
  background-color: transparent;
  mix-blend-mode: multiply;
  z-index: 1;
}
spark-progress::after {
  content: '';
  display: block;
  block-size: var(--height);
  background-color: var(--baseGrey3);
  border-radius: var(--height);
}
.bncErrorParentContainer:has(.bncTextarea.closeToBottom) ~ spark-progress,
.bncTextarea.closeToBottom ~ spark-progress {
  translate: 0 calc(1lh + 14px - var(--height));
}
.bncRadioButtonGroup {
  position: relative;
  display: flex;
  margin-bottom: 16px;
}
.MOBILE_APP .bncRadioButtonGroup {
  margin-block: 8px;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input {
  margin-right: 8px;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked,
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) {
  position: absolute;
  left: -100vw;
  top: 0;
  opacity: 0;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label,
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) + .bncRadioButtonGroup__label {
  cursor: pointer;
  height: 32px;
  flex: 0 0 80px;
  color: var(--baseGrey1);
  border: 1px solid var(--middleGrey);
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label:not(:first-of-type),
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) + .bncRadioButtonGroup__label:not(:first-of-type) {
  border-left: none;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label:first-of-type,
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) + .bncRadioButtonGroup__label:first-of-type {
  border-radius: 9in 0 0 9in;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label:last-of-type,
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) + .bncRadioButtonGroup__label:last-of-type {
  border-radius: 0 9in 9in 0;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label:after,
.bncRadioButtonGroup .bncRadioButtonGroup__input:not(:checked) + .bncRadioButtonGroup__label:after {
  font-family: "spark";
  font-size: 16px;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input:checked + .bncRadioButtonGroup__label {
  background-color: #e40046;
  color: var(--backgroundColor0);
  border-color: #e40046;
}
.bncRadioButtonGroup .bncRadioButtonGroup__input.bncRadioButtonGroup__input--light + .bncRadioButtonGroup__label:after {
  content: '\e85e';
}
.bncRadioButtonGroup .bncRadioButtonGroup__input.bncRadioButtonGroup__input--dark + .bncRadioButtonGroup__label:after {
  content: '\e810';
}
.bncRadioButtonGroup .bncRadioButtonGroup__input.bncRadioButtonGroup__input--auto + .bncRadioButtonGroup__label:after {
  content: '\e80e';
}
spark-toast {
  display: block;
  position: fixed;
  transition: left 0.2s ease-in-out;
  bottom: 20px;
  --left: calc(var(--mainMenuWidth) + 20px);
  left: var(--left);
  max-width: calc(100vw - var(--left) - 8px);
}
@media screen and (max-width: 1023px) {
  spark-toast {
    --left: calc(32px + var(--mainMenuWidth) - 12px);
  }
}
@media screen and (max-width: 799px) {
  spark-toast {
    --left: calc(24px - 4px);
  }
}
.bncMainContainer__menu--open spark-toast {
  --left: calc(40px + var(--mainMenuWidth) - 20px);
}
@media screen and (max-width: 1023px) {
  .bncMainContainer__menu--open spark-toast {
    --left: calc(32px + var(--mainMenuWidth) - 12px);
  }
}
@media screen and (max-width: 799px) {
  .bncMainContainer__menu--open spark-toast {
    --left: calc(24px - 4px);
  }
}
toast {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  background-image: linear-gradient(transparent 0 8px, var(--primaryColor) 8px 100%);
  padding-inline: 18px 11px;
  width: -moz-max-content;
  width: max-content;
  height: var(--toast-height);
  max-width: 60ch;
}
toast p {
  margin-block: 19px 11px;
  word-break: break-word;
}
toast bnc-icon-button button,
toast p {
  color: var(--backgroundColor0);
}
toast bnc-icon-button {
  font-size: 18px;
  margin: 19px 0 0 10px;
}
.animate-grow-height-fade {
  will-change: height;
  overflow: hidden;
}
.animate-grow-height-fade.au-enter {
  height: 0;
}
.animate-grow-height-fade.au-enter-active {
  animation: 0.2s ease-in-out GrowHeightFade forwards;
}
.animate-shrink-height-fade {
  will-change: height;
  overflow: hidden;
}
.animate-shrink-height-fade.au-leave {
  height: var(--toast-height);
}
.animate-shrink-height-fade.au-leave-active {
  animation: 0.2s ease-in-out ShrinkHeightFade forwards;
}
@keyframes GrowHeightFade {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--toast-height);
    opacity: 1;
  }
}
@keyframes ShrinkHeightFade {
  from {
    height: var(--toast-height);
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
spark-video-button bnc-icon-button {
  filter: drop-shadow(0 0 20px var(--shadowColor));
  font-size: 64px;
}
spark-video-button bnc-icon-button button:not(:hover) {
  color: var(--backgroundColor0);
}
.authorizations {
  background-color: var(--backgroundColor0);
  overflow: hidden auto;
  padding-inline: var(--paddingLeft) var(--paddingRight);
  max-height: calc(100vh - 40px - var(--infoBarHeight));
}
.authorizations,
.authorizations::after,
.authorizations::before {
  --paddingLeft: 36px;
  --paddingRight: 22px;
}
@media screen and (max-width: 1023px) {
  .authorizations {
    --paddingLeft: 28px;
  }
}
@media screen and (max-width: 799px) {
  .authorizations {
    --paddingLeft: 20px;
  }
}
.authorizations.bncOverflowedY::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  margin-inline: -54px -4px;
  top: 40px;
  opacity: 0;
}
.authorizations.bncOverflowedY.bncOverflowedY--scroll::before {
  opacity: 1;
}
.authorizations .bncPrimaryHeading {
  margin-top: 11px;
}
.authorizations .row > .bncLabel {
  max-width: none;
}
.authorizations bnc-button-bar.bncSticky {
  position: sticky;
  bottom: 0;
}
.authorizations .icon-custom-refresh-account {
  height: inherit;
}
.authorizations .bncIcon--button.icon-custom-plus:not([class*=disabled]):focus-visible {
  outline: 0;
}
.authorizations .bncIcon--button.icon-custom-plus:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.authorizations__widthConstrainer {
  max-width: 960px;
  overflow-x: hidden;
  padding-left: 4px;
  margin-left: -4px;
}
.linkConfiguration__account {
  line-height: 24px;
  padding-block: 11px 10px;
  border-bottom: 1px solid var(--middleGrey);
}
.linkConfiguration__account:not(.linkConfiguration__account--header):hover {
  background-color: var(--backgroundColor1);
  box-shadow: -8px 0 var(--backgroundColor1);
}
.linkConfiguration__account.linkConfiguration__account--header {
  padding-block: 0;
}
.linkConfiguration__account.linkConfiguration__account--header p {
  margin-bottom: 4px;
}
.linkConfiguration__account [bnc-ellipsis] {
  max-height: 1lh;
}
.linkConfiguration__account .bncIcon--button.bncIcon--button,
.linkConfiguration__account .bncIcon-button.bncIcon-button {
  display: flex;
  height: 100%;
}
.linkConfiguration__explanation {
  margin-block: 24px 32px;
  max-width: 700px;
}
.bncTextinput.invalidAccount,
.invalidAccount {
  color: #f78b1e;
}
.bncTextinput.validAccount,
.validAccount {
  color: #84b54c;
}
.linkedInSelectOrganizationsDialog--image {
  height: 64px;
}
.linkedInSelectOrganizationsDialog--checkbox {
  margin: 14px 14px;
}
.linkedInSelectOrganizationsDialog--container {
  display: flex;
  margin-bottom: 20px;
}
.bncChannelGroupEditor .bncFilter--buttons {
  padding: 16px 0;
}
.clientsSimulationWrapper {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .clientsSimulationWrapper {
    position: absolute;
    top: 88px;
  }
}
.bncBulletsList .bncMainChannelNotEnoughPrivileges,
.bncBulletsList .bncMainChannelNotUsed {
  color: var(--baseGrey3);
}
.bncBulletsList .bncMainChannelNotEnoughPrivileges::before,
.bncBulletsList .bncMainChannelNotUsed::before {
  background-color: var(--baseGrey3);
}
.DESKTOP_APP .channelEdit__pushSelectorContainer .bncSlidePushSettings {
  margin: 0;
}
.DESKTOP_APP .channelEdit__pushSelectorContainer .bncTabs {
  margin-top: 0;
}
.DESKTOP_APP .channelEdit__selectChannelContainer h2.bncSecondaryHeading:first-child {
  margin: 64px 0 0;
}
.bncClientGroupEditor .bncFilter--buttons {
  padding: 16px 0 24px 0;
}
client-schema-graph {
  display: block;
}
bnc-modal client-schema-graph {
  margin-right: 8px;
}
.clientSchemaGraph {
  background-color: var(--backgroundColor0);
  position: relative;
  margin-left: 48px;
}
.clientSchemaGraph--mini .clientSchemaGraph {
  margin-left: 0;
}
.clientSchemaGraph__grid--back,
.clientSchemaGraph__grid--front {
  position: absolute;
  inset: 0;
}
.clientSchemaGraph__grid--front {
  background-image: repeating-linear-gradient(90deg, rgba(157, 161, 171, 0.2) 0, rgba(157, 161, 171, 0.2) 1px, transparent 1px, transparent calc((100% - 1px) / 24));
  pointer-events: none;
}
.clientSchemaGraph__day {
  position: relative;
  width: 100%;
  min-height: 32px;
  margin-bottom: 4px;
  background-color: var(--backgroundColor1);
}
.clientSchemaGraph__day:not(.clientSchemaGraph__day--weekend) {
  background-image: linear-gradient(90deg, transparent 25%, #fdfdfe 0 75%, transparent 0 100%);
}
.clientSchemaGraph__day.clientSchemaGraph__day--last {
  min-height: 32px;
  margin-bottom: 0;
}
.clientSchemaGraph--mini .clientSchemaGraph__day {
  min-height: 10px;
  margin-bottom: 2px;
}
@media screen and (min-width: 1900px) {
  .clientSchemaGraph--mini .clientSchemaGraph__day {
    min-height: 14px;
  }
}
.clientSchemaGraph__day .clientSchemaGraph__timeSlot {
  background-color: #84b54c;
  height: 32px;
  line-height: 32px;
  min-width: 1px;
  border-radius: 6px;
  color: white;
}
.clientSchemaGraph__day .clientSchemaGraph__timeSlot span:not(:empty) {
  padding-inline: 8px;
}
.clientSchemaGraph__day .clientSchemaGraph__timeSlot:not(:last-child) {
  margin-bottom: 2px;
}
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot {
  border-radius: 2px;
  margin-bottom: 0;
  height: 12px;
}
@media screen and (min-width: 1900px) {
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot {
    height: 14px;
  }
}
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot span {
  display: none;
}
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio0 ~ .timeSlot--prio0,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio1 ~ .timeSlot--prio1,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio2 ~ .timeSlot--prio2,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio3 ~ .timeSlot--prio3,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio4 ~ .timeSlot--prio4,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio5 ~ .timeSlot--prio5,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio6 ~ .timeSlot--prio6,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio7 ~ .timeSlot--prio7,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio8 ~ .timeSlot--prio8,
.clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio9 ~ .timeSlot--prio9 {
  margin-top: -34px;
}
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio0 ~ .timeSlot--prio0,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio1 ~ .timeSlot--prio1,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio2 ~ .timeSlot--prio2,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio3 ~ .timeSlot--prio3,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio4 ~ .timeSlot--prio4,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio5 ~ .timeSlot--prio5,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio6 ~ .timeSlot--prio6,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio7 ~ .timeSlot--prio7,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio8 ~ .timeSlot--prio8,
.clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio9 ~ .timeSlot--prio9 {
  margin-top: -12px;
}
@media screen and (min-width: 1900px) {
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio0 ~ .timeSlot--prio0,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio1 ~ .timeSlot--prio1,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio2 ~ .timeSlot--prio2,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio3 ~ .timeSlot--prio3,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio4 ~ .timeSlot--prio4,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio5 ~ .timeSlot--prio5,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio6 ~ .timeSlot--prio6,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio7 ~ .timeSlot--prio7,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio8 ~ .timeSlot--prio8,
  .clientSchemaGraph--mini .clientSchemaGraph__day .clientSchemaGraph__timeSlot.timeSlot--prio9 ~ .timeSlot--prio9 {
    margin-top: -14px;
  }
}
.clientSchemaGraph__day.clientSchemaGraph__day--today .clientSchemaGraph__timeSlot--current {
  background-color: #5d8035;
}
.clientSchema__xAxis,
.yAxisWrapper {
  display: flex;
}
.clientSchema__xAxis p,
.yAxisWrapper p {
  color: var(--primaryColor);
}
.bncSmallContainer .clientSchema__xAxis p {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.DESKTOP_APP .bncSmallContainer .clientSchema__xAxis p:nth-child(3n + 1) {
  opacity: 1;
  width: auto;
  overflow: visible;
}
.MOBILE_APP .bncSmallContainer .clientSchema__xAxis p:nth-child(6n + 1) {
  opacity: 1;
  width: auto;
  overflow: visible;
}
.clientSchema__yAxis {
  position: absolute;
  left: -48px;
  top: 0;
  line-height: 32px;
  text-transform: uppercase;
}
.MOBILE_APP .clientSchema__yAxis {
  text-transform: none;
}
.clientSchema__xAxis {
  justify-content: space-between;
  margin: 12px -8px 4px 40px;
}
.clientSchemaGraph--mini .clientSchema__xAxis,
.clientSchemaGraph--mini .clientSchema__yAxis {
  display: none;
}
.clientSchema {
  display: flex;
}
.clientSchema .clientSchemaGraph--mini {
  position: relative;
  flex: 0 0 145px;
  min-width: 0;
}
@media screen and (min-width: 1900px) {
  .clientSchema .clientSchemaGraph--mini {
    flex: 0 0 169px;
  }
}
@media screen and (max-width: 1199px) {
  .bncTable__rowBoxWrapper--active .clientSchema .clientSchemaGraph--mini {
    display: none;
  }
}
.clientSchema .clientSchemaGraph--mini.clientSchemaGraph--expired::after,
.clientSchema .clientSchemaGraph--mini.clientSchemaGraph--upcoming::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}
.clientSchema .clientSchemaGraph--mini.clientSchemaGraph--expired {
  filter: grayscale(100%);
}
.clientSchema .clientSchema__details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 16px;
}
.clientSchema .clientSchema__details .bncDates {
  color: var(--baseGrey2);
}
@media screen and (max-width: 1199px) {
  .bncTable__rowBoxWrapper--active .clientSchema .clientSchema__details {
    flex-direction: row;
    align-items: center;
    padding-left: 0;
  }
  .bncTable__rowBoxWrapper--active .clientSchema .clientSchema__details .bncTag {
    margin: 0 8px 0 auto;
  }
  .bncTable__rowBoxWrapper--active .clientSchema .clientSchema__details p {
    line-height: 1;
  }
}
.clientsList__noClients {
  display: none;
}
.clientsList:empty + .clientsList__noClients {
  display: block;
}
.SPARK_ROOMS_CLIENT_CONFIGURATION .configurationRow:hover {
  box-shadow: 0 0 0 8px var(--backgroundColor1);
  clip-path: inset(-8px 0 0 calc(-8px + 0.5em));
}
.SPARK_ROOMS_CLIENT_CONFIGURATION .icon-custom-trashcan {
  position: absolute;
  top: -1px;
  right: 11px;
}
.SPARK_ROOMS_CLIENT_CONFIGURATION .configurationRow ~ .configurationRow .icon-custom-trashcan {
  top: -22px;
}
.SPARK_ROOMS_CLIENT_CONFIGURATION .bncSparkRoomsConfigurationEditor .bncConfigurationEditor__AddRow {
  margin-top: -8px;
}
.rs232Bundle {
  max-width: 768px;
}
.rs232Bundle .bncIcon-button {
  float: right;
  translate: 0 -1px;
}
.rs232Bundle.rs232Bundle--isSet:hover {
  background-color: var(--backgroundColor1);
  box-shadow: -4px -4px 0 4px var(--backgroundColor1), 4px -4px 0 4px var(--backgroundColor1);
}
.rs232Bundle.rs232Bundle--isSet:hover .icon-custom-trashcan {
  opacity: 1;
}
.clientGeneralSettings--volumeWrapper {
  margin-left: 30px;
}
.clientGeneralSettings--volumeWrapper .icon-custom-volume {
  font-size: 120%;
  color: var(--baseGrey1);
  margin-right: 4px;
}
.clientGeneralSettings--volume {
  display: inline-block;
}
.clientGeneralSettings--volume .bncRangeSliderWrapper output.bncRange__value {
  border: none;
  margin-left: 0;
  padding: 0;
  width: 32px;
}
.clientGeneralSettings--volume .bncRangeSliderWrapper input.bncRange__slider[type=range] {
  width: 100px;
  margin: 9px 0 13px;
}
.MOBILE_APP .bncClientList .bncTable {
  margin-top: -1px;
}
.MOBILE_APP .bncClientRow {
  min-height: 44px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.MOBILE_APP .bncTable__row [class*='bncRowIndicator--']::before {
  top: -2px;
  bottom: -2px;
}
.MOBILE_APP .channelName:not(:empty)::after {
  content: '\00a0\00a0';
}
.MOBILE_APP .channelName:not(:empty) + .prependBullet:not(:empty)::before {
  content: '•\00a0\00a0';
}
@media screen and (max-width: 1199px) {
  .bncClientList .bncTableDetail__row--header {
    top: 0;
  }
}
.bncClientList--settingsIcon {
  margin-left: 0 !important;
}
[class*='bncLogStatus--'],
[class*='bncRowIndicator--'] {
  padding-left: 20px;
  position: relative;
}
[class*='bncLogStatus--']::before,
[class*='bncRowIndicator--']::before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  left: 0;
  top: 6px;
  bottom: 6px;
}
.bncTable__row [class*='bncLogStatus--']::before,
.bncTable__row [class*='bncRowIndicator--']::before {
  top: -5px;
  bottom: -5px;
}
.bncRowIndicator--0Success::before,
.bncRowIndicator--0SuccessBlanking::before {
  background-color: #84b54c;
}
.bncRowIndicator--0SuccessBlanking h2,
.bncRowIndicator--0SuccessBlanking p {
  color: var(--baseGrey3);
}
.bncLogStatus--error::before,
.bncRowIndicator--2Error::before {
  background-color: #e40046;
}
.bncLogStatus--warning::before,
.bncRowIndicator--1Warning::before {
  background-color: #f78b1e;
}
.bncClientScriptsVersionStar {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-family: 'robotolight';
  display: inline-block;
  color: var(--baseGrey1);
  font-size: 36px;
  padding-left: 4px;
  vertical-align: middle;
}
.bncNewClientMark {
  font-size: smaller;
  color: var(--baseGrey1);
}
.bncClientProperties {
  -moz-column-width: 256px;
       column-width: 256px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  margin-bottom: 32px;
}
.bncClientProperties p {
  margin-bottom: 8px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.bncClientList--existingClients .client-settings {
  display: none;
}
.bncClientList--newClients .refresh-client,
.bncClientList--newClients .restart-client,
.bncClientList--newClients .simulate-client {
  display: none;
}
.bncClientList--allClients .newClient .client-settings {
  display: inline;
}
.MOBILE_APP .bncClientList--allClients .newClient .client-settings {
  display: flex;
}
.bncClientList--allClients .newClient .refresh-client,
.bncClientList--allClients .newClient .restart-client,
.bncClientList--allClients .newClient .simulate-client {
  display: none;
}
.bncClientList--allClients .existingClient .client-settings {
  display: none;
}
.bncClientList--allClients .existingClient .refresh-client,
.bncClientList--allClients .existingClient .restart-client,
.bncClientList--allClients .existingClient .simulate-client {
  display: inline;
}
.MOBILE_APP .bncClientList--allClients .existingClient .refresh-client,
.MOBILE_APP .bncClientList--allClients .existingClient .restart-client,
.MOBILE_APP .bncClientList--allClients .existingClient .simulate-client {
  display: flex;
}
.bncModal--cacheInfo .bncModal__content {
  overflow: auto;
}
.cacheInfo__table {
  --bncTableWidth: auto;
}
.clientSchemaErrorContainer {
  position: relative;
  background-color: #f78b1e;
}
.clientSchemaErrorContainer.clientSchemaErrorContainer--first {
  box-shadow: inset 0 28px var(--backgroundColor0), 0 1px #f78b1e;
}
.clientSchemaErrorContainer:not(.clientSchemaErrorContainer--first) {
  top: -1px;
}
.clientSchemaErrorContainer .bncError {
  background-color: transparent;
  text-align: left;
  padding: 0;
  border: none;
  top: 7px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.configurationRow--first .clientSchemaErrorContainer .bncError {
  top: 34px;
}
.clientSchemaErrorContainer .bncError__icon::before {
  font-size: 22px;
}
.clientSchemaErrorContainer .bncError__info .bncError__text {
  top: -9px;
  right: 64px;
}
.configurationRow--overlapError {
  --borderLeft: inset 4px 0 var(--backgroundColor0), inset 5px 0 #f78b1e;
  --borderBottom: inset 0 -6px var(--backgroundColor0), inset 0 -7px #f78b1e;
  --borderTop: 5px -1px var(--backgroundColor0), 4px -2px #f78b1e;
  --borderRight: inset -1px 0 #f78b1e;
  box-shadow: var(--borderLeft), var(--borderBottom), var(--borderTop), var(--borderRight);
  clip-path: inset(-2px 0 6px 0);
}
.configurationRow--overlapError.configurationRow--first {
  --borderTop: inset 0 19px var(--backgroundColor0), inset 0 20px #f78b1e;
}
.configurationRow--overlapError .bncLabel--left {
  box-shadow: -10px 0 0 1px var(--backgroundColor0);
}
.configurationRow--overlapError .clientSchemaErrorContainer {
  background-color: transparent;
}
.configurationRow--overlapError .clientSchemaErrorContainer.clientSchemaErrorContainer--first {
  box-shadow: none;
}
.configurationRow--overlapError .clientSchemaErrorContainer.clientSchemaErrorContainer--first .bncError {
  top: 0;
}
.configurationRow--overlapError .clientSchemaErrorContainer .bncError {
  top: -10px;
}
.configurationRow--overlapError .clientSchemaErrorContainer .bncError .bncError__icon {
  color: #f78b1e;
}
.bncSmallContainer .configurationRow--overlapError .clientSchemaErrorContainer .bncError .bncError__text {
  right: 40px;
}
.configurationRow--overlapError .bncConfigurationEditor__DeleteRow {
  background-color: transparent;
  box-shadow: none;
}
.configurationRow--overlapError .bncConfigurationEditor__DeleteRow .bncActionList__icon.delete:hover {
  background-color: transparent;
  box-shadow: none;
}
.bncSmallContainer .configurationRow--overlapError .bncConfigurationEditor__DeleteRow {
  box-shadow: none;
}
.bncSchemaConfigurationEditor {
  display: block;
  padding: 32px;
  background-color: var(--backgroundColor1);
  margin-left: 0;
  overflow: hidden;
}
.bncSchemaConfigurationEditor .bncMediumContainer > .row.row:not(:last-child),
.bncSchemaConfigurationEditor .bncSmallContainer > .row.row:not(:last-child) {
  margin-bottom: 8px;
}
.bncSchemaConfigurationEditor .bncConfigurationEditor__DeleteRow {
  margin-top: -4px;
}
.bncSchemaConfigurationEditor .row:first-child .bncConfigurationEditor__DeleteRow {
  margin-top: 18px;
}
.bncSchemaConfigurationEditor + .bncErrorParentContainer .bncError__text--right {
  left: auto;
  right: 40px;
}
.bncSchemaConfigurationEditor .bncSmallContainer .bncTimepicker__button {
  flex: 0 0 30px;
}
.bncSchemaConfigurationEditor .bncSmallContainer bnc-timepicker::after {
  right: 55px;
}
.bncSchemaConfigurationEditor .bncMediumContainer .bncPadding,
.bncSchemaConfigurationEditor .bncSmallContainer .bncPadding {
  padding-bottom: 8px !important;
}
.DESKTOP_APP .bncSchemaConfigurationEditor .bncLabel {
  color: var(--primaryColor);
  text-transform: unset;
}
.bncSchemaConfigurationEditor .bncFormBlock--vertical .bncLabel {
  margin-bottom: 12px;
}
.bncSchemaConfigurationEditor--error {
  background-color: var(--backgroundColor0);
}
.bncSchemaConfigurationEditor--error .bncConfigurationEditor__AddRow {
  visibility: hidden;
  pointer-events: none;
}
.bncSchemaConfigurationEditor--error .bncActionList__icon.delete {
  transition: none;
}
.bncSchemaConfigurationEditor--error .bncActionList__icon.delete:hover {
  color: #f78b1e;
  background-color: var(--backgroundColor0);
  box-shadow: 0 -2px 0 4px var(--backgroundColor0);
}
.bncSchemaConfigurationEditor--error .bncActionList__icon {
  padding: 0;
}
.gradientValuesShown {
  background-color: var(--backgroundColor1);
  box-shadow: 0 -8px 0 0 var(--backgroundColor1), inset 0 -4px var(--backgroundColor0);
  margin-top: 12px;
}
.gradientValuesShown + .bncConfigurationEditor__DeleteRow {
  align-self: flex-start;
  margin-top: 8px;
}
.bncColorConfiguration__buttons {
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
}
.bncColorConfiguration__gradientEditor {
  margin: 8px 0.5em;
}
.bncColorConfiguration__gradientEditor .configurationRows {
  padding-left: 22px;
}
.bncColorConfiguration__gradientEditor .bncConfigurationEditor__AddRow {
  margin: -4px auto -8px 22px;
}
.bncColorConfiguration__gradientEditor .bncConfigurationEditor__DeleteRow {
  align-self: flex-start;
}
.bncColorConfiguration__gradientEditor .bncColorConfiguration__angleInput.bncTextinput {
  width: 70px;
}
.bncColorConfiguration__gradientEditor .bncDragHandle {
  top: 11px;
  left: -25px;
}
.bncColorConfiguration__gradientEditor .bncErrorParentContainer,
.bncColorConfiguration__gradientEditor bnc-colorpicker {
  max-width: 234px;
}
.bncColorConfiguration__gradientEditor .bncColorStop {
  max-width: calc(70px + 1em);
}
.bncColorConfiguration__gradientEditor .bncColorStop .bncTextinput {
  min-width: 70px;
}
.row > [class*=col].bncColorConfiguration__gradientEditor {
  padding: 16px 40px !important;
}
.bncColorConfiguration__gradientAngle {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.bncColorConfiguration__gradientAngle::after {
  content: '°';
  font-size: 16px;
  margin-left: -24px;
}
.bncColorConfiguration__angleCircle {
  flex: 0 0 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.bncColorConfiguration__angleCircle::after {
  content: '';
  padding: 2px;
  margin: 1px;
  border-radius: 50%;
  background-color: var(--primaryColor);
}
.bncColorConfigurationEditor .bncColorpicker--disabled {
  width: 32px;
  flex: 0 0 32px;
  border-radius: 3px 0 0 3px;
}
.bncColorConfigurationEditor .row {
  align-items: center;
}
.bncDataSetFieldConfigurationEditor {
  --chevronOffset: -16px;
}
.bncDataSetFieldConfigurationEditor .bncActionList__icon,
.bncDataSetFieldConfigurationEditor bnc-accordion {
  padding: 0;
}
.bncDataSetFieldConfigurationEditor .bncActionList__icon.icon-custom-trashcan::before {
  margin: 0;
}
.bncDataSetFieldConfigurationEditor [multiple] ~ .select2-container--default .select2-dropdown--below,
.bncDataSetFieldConfigurationEditor [multiple] ~ .select2-container--default .select2-results,
.bncDataSetFieldConfigurationEditor [multiple] ~ .select2-container--default .select2-search:before {
  display: none;
}
.bncDataSetFieldConfigurationEditor .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 12px;
}
.bncDataSetFieldConfigurationEditor .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 3px;
  font-weight: initial;
  background-color: var(--baseGrey2);
}
.bncDataSetFieldConfigurationEditor .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background-color: #f78b1e;
}
.bncDataSetFieldConfigurationEditor .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  box-shadow: none;
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
}
.bncDataSetFieldConfigurationEditor .bncConfigurationEditor__DeleteRow {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}
.bncDataSetFieldConfigurationEditor .configurationRow:hover .bncConfigurationEditor__DeleteRow {
  opacity: 1;
  pointer-events: all;
}
.bncDataSetFieldConfigurationEditor .bncConfigurationEditor__AddRow {
  margin-block: 16px -8px;
}
.bncDataSetFieldConfigurationEditor .configurationRows:empty + .bncConfigurationEditor__AddRow {
  margin-block: 0 -8px;
}
.bncDataSetFieldConfigurationEditor .bncAccordion--closed .bncAccordion__toggle {
  margin-right: var(--chevronOffset);
}
.bncDataSetFieldConfigurationEditor .bncMediumContainer {
  --chevronOffset: -24px;
}
.bncDataSetFieldConfigurationEditor .bncLargeContainer {
  --chevronOffset: -32px;
}
.bncEditorConfigurationEditor .row + .row {
  margin-top: 60px;
}
.bncEditorConfigurationEditor .bncConfigurationEditor__DeleteRow {
  padding-top: 24px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor.nestedRows .configurationRow:hover {
  background-color: transparent;
  box-shadow: inset 0 70px var(--backgroundColor1), 0 -8px 0 8px var(--backgroundColor1), 0 0 0 8px var(--backgroundColor1), inset 0.5em 0 var(--backgroundColor1), inset -0.5em 0 var(--backgroundColor1);
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor.nestedRows .configurationRow:hover .configurationRow:hover {
  box-shadow: none;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor > .configurationRows > .row + .row {
  margin-top: 92px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor > .configurationRows:empty + .bncConfigurationEditor__AddRow {
  margin-block: 0 -8px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .rs232PresetConfiguration__container {
  padding: 16px calc(16px + 0.5em) 8px;
  border-bottom: 16px solid var(--backgroundColor0);
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor > .bncConfigurationEditor__AddRow {
  margin-top: 16px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncConfigurationEditor__DeleteRow .bncIcon-button {
  position: absolute;
  top: -10px;
  right: 6px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor {
  min-width: 480px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor[class*=col-] {
  padding-top: 24px;
  padding-left: calc(48px + 0.5em);
  margin-bottom: 16px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor[class*=col-] .row + .row {
  margin-top: 0;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor bnc-configuration-editor {
  background-color: var(--backgroundColor1);
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor .bncConfigurationEditor__AddRow {
  margin: 0 0 8px 14px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor .configurationRows:empty ~ .bncConfigurationEditor__AddRow {
  margin-top: 8px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor .bncConfigurationEditor__DeleteRow {
  margin: 10px -52px !important;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232BundleConfiguration__presetEditor .bncConfigurationEditor__DeleteRow .bncIcon-button {
  top: 6px;
  right: 22px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232PresetConfiguration__parameterEditor .bncConfigurationEditor__AddRow {
  margin: 32px 0 0 -2px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232PresetConfiguration__parameterEditor .bncConfigurationEditor__DeleteRow {
  position: absolute;
  right: 24px;
  top: 48px;
}
.bncEditorConfigurationEditor.rs232BundleConfigurationEditor .bncRS232PresetConfiguration__parameterEditor .bncConfigurationEditor__DeleteRow .bncIcon-button {
  top: -4px;
  right: -4px;
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--notifications .configurationRow:hover {
  box-shadow: 0 0 0 16px var(--backgroundColor1);
  clip-path: inset(-12px 0 -5px calc(-16px + 0.5em));
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--notifications .bncConfigurationEditor__DeleteRow .bncIcon-button {
  position: absolute;
  top: -5px;
  right: 16px;
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--notifications .bncConfigurationEditor__AddRow {
  margin-top: 14px;
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--textFormats .row-middle {
  align-items: flex-start;
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--textFormats .configurationRow:hover {
  box-shadow: 0 0 0 16px var(--backgroundColor1);
  clip-path: inset(-12px 0 -16px calc(-16px + 0.5em));
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--textFormats .bncConfigurationEditor__DeleteRow .bncIcon-button {
  position: absolute;
  top: -5px;
  right: 16px;
}
.bncEditorConfigurationEditor.bncEditorConfigurationEditor--textFormats .bncConfigurationEditor__AddRow {
  margin: 24px 0 0 -2px;
}
.bncEditorConfigurationEditor .bncTextStyleOptions {
  flex: 0 1 230px;
}
.bncTextStyleOptions__selectors {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon]::after {
  color: var(--baseGrey1);
  opacity: 1;
  transform: scale(1);
}
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon]:hover::before {
  background-color: #e40046;
  border-color: #e40046;
}
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon]:hover::after {
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel[class*=StyleIcon],
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon] {
  padding: 16px;
  margin: 0;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel[class*=StyleIcon]::before,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon]::before {
  width: 32px;
  height: 32px;
  top: 0;
  border-radius: 1in;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel[class*=StyleIcon]::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel[class*=StyleIcon]::after {
  font-size: 20px;
  top: 7px;
  left: 6px;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--boldStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--boldStyleIcon::after {
  content: '\e84a';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--italicStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--italicStyleIcon::after {
  content: '\e84b';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--underlineStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--underlineStyleIcon::after {
  content: '\e849';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--numlistStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--numlistStyleIcon::after {
  content: '\e843';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--bullistStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--bullistStyleIcon::after {
  content: '\e842';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--alignleftStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--alignleftStyleIcon::after {
  content: '\e844';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--aligncenterStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--aligncenterStyleIcon::after {
  content: '\e845';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--alignrightStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--alignrightStyleIcon::after {
  content: '\e846';
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--superscriptStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--superscriptStyleIcon::after {
  content: '\e840';
  left: 8px;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--subscriptStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--subscriptStyleIcon::after {
  content: '\e841';
  left: 8px;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--aiStyleIcon::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--aiStyleIcon::after {
  content: '\e867';
  font-size: 16px;
  left: 8px;
}
.bncFontConfigurationEditor .row {
  align-items: center;
  margin-bottom: 8px;
}
.bncColorStop::after,
.bncColorStop .bncErrorParentContainer::after {
  content: '%';
  margin-left: -24px;
}
.bncImageConfigurationEditor .row.row.configurationRow:last-child {
  margin-bottom: 0;
}
.bncImageConfigurationEditor .bncConfigurationEditor__DeleteRow {
  display: flex;
}
.bncImageConfigurationEditor .bncActionList__icon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncImageConfigurationEditor .bncActionList__icon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -6px;
  bottom: 0;
  left: -6px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.bncImageConfigurationEditor .bncConfigurationEditor__AddRow {
  margin-top: 4px;
}
.bncPowerBIConfigurationEditor .row-middle {
  align-items: flex-start;
}
.bncPowerBIConfigurationEditor .configurationRow:hover {
  box-shadow: 0 -4px var(--backgroundColor1);
}
.bncPowerBIConfigurationEditor .bncConfigurationEditor__DeleteRow {
  margin-top: 12px;
  display: flex;
}
.bncItemsWrapper {
  height: calc(100vh - 25vmin);
  padding: 0 32px 24px;
  overflow: auto;
}
.bncItemsWrapper .bncPrimaryHeading {
  padding: 12px 32px;
  margin: 0;
}
.bncItemsWrapper .bncMediaItems {
  margin-top: 24px;
}
.bncItemsWrapper .bncMediaItems--1col {
  grid-template-columns: none;
}
.bncItemsWrapper .bncButton.bncButton--blank {
  font-size: 13px;
  max-width: none;
}
.bncItems__header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--backgroundColor0);
  margin: 0 -32px;
}
.bncItems__header::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  opacity: 0;
  top: 100%;
}
.bncOverflowedY--scroll .bncItems__header::before {
  opacity: 1;
}
.SHAREPOINT_CONFIGURATION .bncTertiaryHeading {
  margin: 24px 0 8px 24px;
}
p.editButtons {
  height: 32px;
  line-height: 32px;
}
p.editButtons .bncIcon--button {
  display: inline-flex;
}
p.editButtons .bncIcon--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
p.editButtons .bncIcon--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -7px;
  right: -3px;
  bottom: -7px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
p.editButtons * + bnc-icon-button {
  margin-left: 8px;
}
p.editButtons .icon-custom-trashcan:hover {
  color: #f78b1e;
}
p.editButtons button.bncIcon--button:not(.icon-custom-plus) {
  opacity: 0;
}
p.editButtons:hover button.bncIcon--button {
  opacity: 1;
}
p.editButtons .icon-custom-plus:not(:hover) {
  background-color: var(--backgroundColor0);
}
.sharePointEditorContainer {
  background-color: var(--backgroundColor1);
  padding: 24px;
}
.sharePointEditorContainer .sharePointNewsSitesConfigurationEditor .row {
  align-items: center;
  margin-bottom: 8px;
}
.sharePointEditorContainer .sharePointNewsSitesConfigurationEditor .bncConfigurationEditor__AddRow {
  margin-top: 8px;
}
.bncSparkRoomsConfigurationEditor .bncConfigurationEditor__DeleteRow {
  position: absolute;
  right: 0;
  top: 5px;
}
.bncSparkRoomsConfigurationEditor .bncActionList__icon:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncSparkRoomsConfigurationEditor .bncActionList__icon:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -6px;
  bottom: 0;
  left: -6px;
  border-radius: 50%;
  height: auto;
  pointer-events: none;
}
.bncSparkRoomsConfigurationEditor .bncConfigurationEditor__AddRow {
  margin-top: 0;
}
.dashboard__container {
  padding-left: calc(40px - 4px);
  background-color: var(--backgroundColor0);
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.dashboard__container .reportsList__table {
  --bncTableWidth: auto;
  padding-top: 20px;
}
.dashboard__container .reportsList__table .reportsList__headers {
  font-weight: bold;
}
.dashboard__container .bncTabs .icon-custom-download {
  margin-right: 24px;
}
.dashboard__header {
  padding-block: 4px;
}
@media screen and (max-width: 1023px) {
  .dashboard__header {
    margin-left: -9px;
  }
}
@media screen and (max-width: 799px) {
  .dashboard__header {
    margin-left: -17px;
  }
}
.dashboardItemsWrapper {
  padding-left: var(--mediaLibraryPadding);
  margin-left: calc(-20px - var(--mediaLibraryPadding));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overflow-anchor: none;
  height: calc(100% - 40px);
}
.dashboardItemsWrapper[bnc-box-sticky-elements]::before {
  content: none;
}
.dashboardItems {
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 16px;
  margin-bottom: 80px;
}
@media screen and (min-width: 662px) {
  .dashboardItems {
    grid-template-columns: repeat(auto-fit, 240px);
  }
}
@media screen and (max-width: 1023px) {
  .dashboardItems {
    margin-left: -10px;
  }
}
@media screen and (max-width: 799px) {
  .dashboardItems {
    margin-left: -20px;
  }
}
.dashboardItems__stuckDetector {
  display: block;
  position: sticky;
  height: 44px;
  margin-top: -44px;
  pointer-events: none;
}
.dashboardItems__date {
  position: sticky;
  top: -1px;
  z-index: 10;
  padding: 8px 0 8px 34px;
  margin-left: -16px;
}
@media screen and (max-width: 1023px) {
  .dashboardItems__date {
    padding-left: 26px;
  }
}
@media screen and (max-width: 799px) {
  .dashboardItems__date {
    padding-left: 17px;
  }
}
.dashboardItems__date::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
}
.dashboardItems__stuckDetector.bncSticky--stuck + .dashboardItems__date {
  background-color: var(--backgroundColor0);
}
.dashboardItems__date.bncSticky--stuck {
  background-color: var(--backgroundColor0);
}
.dashboardItems__date.bncSticky--stuck:first-child::before {
  opacity: 1;
}
.dashboardItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  --opacity: 1;
  --translucent: 0.25;
  --filter: grayscale(0);
  --grayed: grayscale(1);
  --priorityColor: #d500f9;
  --pushedColor: #2979ff;
  --availableColor: #f4d242;
}
.dashboardItem.dashboardItem--INACTIVE {
  --opacity: var(--translucent);
  --filter: var(--grayed);
}
.dashboardItem.dashboardItem--COMING {
  --opacity: var(--translucent);
}
.dashboardItem.dashboardItem--EXPIRED {
  --opacity: var(--translucent);
  --priorityColor: #d067e7;
  --pushedColor: #7aa4ea;
  --availableColor: #dfd08c;
}
.dashboardItem.dashboardItem--EXPIRED .dashboardItem__title {
  color: var(--baseGrey2);
}
.dashboardItem.dashboardItem--PUSHED_UNPUBLISHED {
  --filter: var(--grayed);
  --opacity: var(--translucent);
}
.dashboardItem:has(.dashboardItem__preview--slide) {
  position: relative;
}
@supports selector(:has(:focus-visible)) {
  .dashboardItem:has(.dashboardItem__preview--slide):focus-within:has(:focus-visible):not(:has([class*=disabled])) {
    outline: 0;
  }
  .dashboardItem:has(.dashboardItem__preview--slide):focus-within:has(:focus-visible):not(:has([class*=disabled]))::after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px dotted #e40046;
    top: -3px;
    right: 12px;
    bottom: calc(100% - 172px);
    left: 12px;
    border-radius: 6px;
    height: auto;
    pointer-events: none;
  }
  .dashboardItem:has(.dashboardItem__preview--slide):focus-within:has(:focus-visible):not(:has([class*=disabled])) button:focus-visible::after {
    content: none;
  }
}
.dashboardItem .bncButton.dashboardItem__preview {
  opacity: var(--opacity);
  display: block;
  position: relative;
  height: 168px;
  order: unset;
}
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--slide::after {
  position: relative;
  content: '' !important;
  display: block;
  background-color: var(--baseGrey1);
  width: 40%;
  height: 5px;
  border-radius: 2px;
  margin: 9px auto 0;
  inset: 0;
  border: none;
  pointer-events: none;
}
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--video .icon-custom-play-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 32px;
  pointer-events: none;
}
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--image:not([class*=disabled]):focus-visible,
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--video:not([class*=disabled]):focus-visible {
  outline: 0;
}
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--image:not([class*=disabled]):focus-visible::after,
.dashboardItem .bncButton.dashboardItem__preview.dashboardItem__preview--video:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 6px;
  height: auto;
  pointer-events: none;
}
.dashboardItem .dashboardItem__image {
  box-shadow: 0 0 67px 0 rgba(190, 196, 207, 0.3);
  display: block;
  max-height: 154px;
  max-width: 200px;
  flex: 0 0 auto;
  cursor: pointer;
  filter: var(--filter);
}
.dashboardItem .dashboardItem__image:not(.dashboardItem__image--slide) {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.95) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
}
.dashboardItem .dashboardItem__image.dashboardItem__image--slide {
  border: 4px solid var(--baseGrey1);
  border-radius: 8px;
}
.dashboardItem .dashboardItem__image.dashboardItem__image--slide[src*=Icon-No-Image_v] {
  -o-object-fit: contain;
     object-fit: contain;
  width: 200px;
  height: 116px;
}
.dashboardItem .dashboardItem__source,
.dashboardItem .dashboardItem__title {
  max-height: 38px;
  overflow: hidden;
  text-align: center;
  word-break: break-word !important;
}
.dashboardItem .dashboardItem__title {
  padding-top: 8px;
  max-height: 44px;
}
.dashboardItem .dashboardItem__details,
.dashboardItem .dashboardItem__source {
  color: var(--baseGrey2);
}
.dashboardItem .dashboardItem__details {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  height: 18px;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--available,
.dashboardItem .dashboardItem__details .dashboardItem__status--priority,
.dashboardItem .dashboardItem__details .dashboardItem__status--pushed,
.dashboardItem .dashboardItem__details .dashboardItem__status--timing {
  height: 12px;
  border-radius: 1in;
  aspect-ratio: 1;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--timing {
  height: 14px;
  color: var(--baseGrey1);
  order: 10;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--expired {
  order: 10;
  line-height: 1;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--available {
  background-color: var(--availableColor);
  order: 20;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--pushed {
  background-color: var(--pushedColor);
  order: 30;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--pushedCount {
  order: 31;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--priority {
  background-color: var(--priorityColor);
  order: 40;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--available,
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--priority,
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--pushed {
  position: relative;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--available::after,
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--priority::after,
.dashboardItem .dashboardItem__details .dashboardItem__status--expired ~ .dashboardItem__status--pushed::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.dashboardItem .dashboardItem__details .dashboardItem__status--bullet {
  order: 45;
  line-height: 1;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--bullet:first-child {
  display: none;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--bullet2 {
  order: 55;
  line-height: 1;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--changeTime {
  order: 50;
  line-height: 1;
}
.dashboardItem .dashboardItem__details .dashboardItem__status--initials {
  order: 60;
  line-height: 1;
}
.dashboardItem .bncSlideDetails__timing {
  cursor: default;
  font-size: 14px;
  line-height: 0;
}
.dashboardItem .bncSlideDetails__timing::before {
  margin: 0;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortLabel {
  align-self: flex-start;
  margin-top: 10px;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortContainer {
  flex-basis: 90%;
  align-items: flex-start;
  padding-bottom: 0;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortContainer .bncErrorParentContainer {
  display: flex;
  margin-left: 32px;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortContainer .bncErrorParentContainer .bnc-select2 {
  width: 100%;
  margin-left: 0;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortContainer .bncErrorParentContainer .bncError--iconAlways {
  right: 14px;
}
.dataSetDefinitionEdit .dataSetDefinitionEdit__sortContainer .bnc-select2 {
  margin-left: 32px;
}
.dataSetDefinitionEdit .bncEditorConfigurationEditor--sortColumns .configurationRows .row + .row {
  margin-top: 0;
}
.dataSetDefinitionEdit .bncEditorConfigurationEditor--sortColumns .configurationRow {
  padding-top: 8px;
}
.dataSetDefinitionEdit .bncEditorConfigurationEditor--sortColumns .configurationRow .bncConfigurationEditor__DeleteRow {
  padding-top: 0;
}
.dataSetDefinitionEdit .bncEditorConfigurationEditor--sortColumns .configurationRow .bncDragHandle {
  top: 14px;
  left: -2px;
}
.dataExcerptDefinition {
  padding-right: 64px;
  max-height: 2lh;
}
.dataExcerptDefinition.bncDatasetItem__excerpt--ellipsis::after {
  display: inline;
  content: ', …';
}
.dataExcerptDefinition span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
.dataExcerptDefinition span:first-child {
  display: block;
  color: var(--primaryColor);
}
.dataExcerptDefinition span:not(:first-child) {
  font-weight: 500;
}
.dataExcerptDefinition span:not(:first-child) ~ span::before {
  content: ', ';
}
.bncDatasetItem {
  --imageWidth: 40px;
  --imageHeight: 32px;
  --gap: 8px;
}
.bncDatasetItem bnc-table-row {
  position: relative;
}
.bncDatasetItem bnc-table-row .bncDragSort--moveAfter::after,
.bncDatasetItem bnc-table-row .bncDragSort--moveBefore::before {
  content: none;
}
.bncDatasetItem bnc-table-row:has(.bncDragSort--moveAfter)::after,
.bncDatasetItem bnc-table-row:has(.bncDragSort--moveBefore)::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: -8px;
  left: -4px;
  display: block;
  width: calc(100% + 4px);
  height: 16px;
  border: 1px dashed var(--baseGrey2);
  background-color: rgba(255, 255, 255, 0.75);
  left: 0;
  border-inline: none;
}
.MOBILE_APP .bncDatasetItem bnc-table-row:has(.bncDragSort--moveAfter)::after,
.MOBILE_APP .bncDatasetItem bnc-table-row:has(.bncDragSort--moveBefore)::before {
  width: 100vw;
}
.bncDatasetItem bnc-table-row:has(.bncDragSort--moveAfter)::after {
  top: auto;
  bottom: -8px;
}
.bncDatasetItem .bncTable__row {
  display: flex;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  max-width: 100vw;
  overflow: hidden;
}
.bncDatasetItem [class*=bncDatasetItem__image--] {
  flex: 0 0 var(--imageWidth);
  height: var(--imageHeight);
  margin-top: 2px;
}
.bncDatasetItem [class*=bncDatasetItem__image--]:empty {
  display: none;
}
.bncDatasetItem img {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.2) 0 25%, transparent 25% 50%);
  background-position: 2px 2px;
  background-size: calc(2px * 2) calc(2px * 2);
  width: auto;
  max-width: var(--imageWidth);
  max-height: var(--imageHeight);
}
.bncDatasetItem .bncDatasetItem__excerpt {
  padding-right: 64px;
  max-height: 2lh;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
  --maxWidth: calc(100vw - var(--imageWidth) - var(--gap) - 32px);
  max-width: var(--maxWidth);
  flex: 1 0 var(--maxWidth);
  color: var(--baseGrey2);
}
.bncDatasetItem .bncDatasetItem__excerpt.bncDatasetItem__excerpt--ellipsis::after {
  display: inline;
  content: ', …';
}
.bncDatasetItem .bncDatasetItem__excerpt span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
.bncDatasetItem .bncDatasetItem__excerpt span:first-child {
  display: block;
  color: var(--primaryColor);
}
.bncDatasetItem .bncDatasetItem__excerpt span:not(:first-child) {
  font-weight: 500;
}
.bncDatasetItem .bncDatasetItem__excerpt span:not(:first-child) ~ span::before {
  content: ', ';
}
@supports (-webkit-line-clamp: 2) {
  .bncDatasetItem .bncDatasetItem__excerpt {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.bncDatasetItem + bnc-button-bar .bncButtonWrapper__inner {
  padding: 12px var(--boxSidePadding) 0;
}
.bncDatasetItem + bnc-button-bar .bncButtonWrapper__inner .bncSearch.bncSearch--alwaysOpen {
  margin-inline: 0;
  margin-top: calc(var(--margin-block) + 11px);
  width: calc(100% - 2 * var(--margin-inline) + 2 * var(--boxSidePadding));
}
.bncDatasetItem + bnc-button-bar .bncButtonWrapper__inner .bncSearch.bncSearch--alwaysOpen::before {
  content: '';
  display: block;
  position: absolute;
  border-top: 1px solid var(--middleGrey);
  top: -11px;
  left: calc(-1 * var(--boxSidePadding));
  right: calc(-1 * var(--boxSidePadding));
}
.MOBILE_APP .bncDataSetItem__button {
  z-index: 5;
  align-items: center;
}
.MOBILE_APP .bncDataSetItem__button .bncDragHandle {
  top: auto;
  right: auto;
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost {
  width: 100vw !important;
  padding: 16px 40px;
  opacity: 0.9;
  background-color: var(--backgroundColor1);
  box-shadow: 0 0 8px 0 var(--baseGrey1);
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt {
  padding-right: 64px;
  max-height: 2lh;
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt.bncDatasetItem__excerpt--ellipsis::after {
  display: inline;
  content: ', …';
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt span:first-child {
  display: block;
  color: var(--primaryColor);
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt span:not(:first-child) {
  font-weight: 500;
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost .bncDatasetItem__excerpt span:not(:first-child) ~ span::before {
  content: ', ';
}
.MOBILE_APP .bncDataSetItem__button.bncDragSort__ghost > *:not(.bncDatasetItem__excerpt) {
  display: none;
}
bnc-action-list.actionsDisabled .bncActionList__icon {
  color: var(--baseGrey7) !important;
  pointer-events: none;
  cursor: auto;
}
.DESKTOP_APP .bncDatasetList [bnc-box-sticky-elements]::before {
  z-index: 12;
}
.MOBILE_APP .bncDatasetList .bncActionList__icon.bncActionList__touchTrigger {
  padding: 20px 12px;
}
.MOBILE_APP .bncDatasetList bnc-button-bar .bnc-select2 {
  width: 70%;
}
.MOBILE_APP .bncDatasetList bnc-button-bar .bnc-select2::after {
  top: 3px;
}
.MOBILE_APP .bncDatasetList bnc-button-bar .bnc-select2 select {
  width: 100%;
  margin: -5px 0;
}
.viewContainerWrapper {
  position: relative;
  transition: background-color 0.2s;
}
.DESKTOP_APP .viewContainerWrapper {
  margin: 0 -20px;
  padding: 0 20px;
}
.DESKTOP_APP .viewContainerWrapper.multipleRows {
  margin-bottom: 16px;
}
.DESKTOP_APP .viewContainerWrapper:hover {
  background-color: var(--backgroundColor1);
}
.DESKTOP_APP .viewContainerWrapper.viewContainerWrapper--unpinnedShown {
  background-color: var(--backgroundColor1);
  padding-bottom: 20px;
  margin-bottom: 8px;
}
.MOBILE_APP .viewContainerWrapper .bncDataSet__fieldContainer,
.MOBILE_APP .viewContainerWrapper .bncDataSet__selectLocationsContainer {
  padding: 12px var(--boxSidePadding) 0;
}
.labelsContainer,
.pinnedViewContainer {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
  position: relative;
}
.multipleRows .labelsContainer,
.multipleRows .pinnedViewContainer {
  padding-right: 96px;
}
.labelsContainer .bncDataSet__fieldContainer,
.pinnedViewContainer .bncDataSet__fieldContainer,
.labelsContainer .bncLabel--fixedWidth,
.pinnedViewContainer .bncLabel--fixedWidth {
  flex: 0 0 188px;
  padding: 0 16px 8px 0;
}
.labelsContainer .bncLabel--doubleWidth,
.pinnedViewContainer .bncLabel--doubleWidth {
  flex: 0 0 376px;
}
.labelsContainer {
  position: sticky;
  top: -1px;
  z-index: 11;
  padding: 20px 120px 0 20px;
  margin-bottom: 8px;
  background-color: var(--backgroundColor0);
}
@media screen and (max-width: 1199px) {
  .labelsContainer {
    padding-top: 96px;
  }
}
.labelsContainer::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
}
.labelsContainer.bncSticky--stuck::before {
  opacity: 1;
}
.labelsContainer.labelsContainer--draggable {
  padding-left: 44px;
}
.pinnedViewContainer {
  padding: 8px 120px 0 20px;
}
.viewContainerWrapper--draggable .pinnedViewContainer {
  padding-left: 44px;
}
.pinnedViewContainer .bncDragHandle {
  left: 20px;
}
.pinnedViewContainer .bncDragHandle::before {
  background-color: transparent;
}
.pinnedViewContainer .bnc-select2 {
  display: inline-block;
  width: 172px;
}
.pinnedViewContainer .bncLabel {
  display: none;
}
.pinnedViewContainer .stackedRadios {
  display: block;
}
.pinnedViewContainer .bncDatepicker__container .bncDatepicker__input {
  flex: 1 0 103px;
}
.unpinnedViewContainer {
  padding: 32px 32px 0;
  background-color: var(--backgroundColor0);
}
.unpinnedViewContainer .bncDatasetBlock {
  display: flex;
  align-items: center;
  max-width: 452px;
  padding-bottom: 16px;
}
.unpinnedViewContainer .bncDatasetBlock .bncLabel {
  flex: 0 0 178px;
  padding-right: 16px;
}
.unpinnedViewContainer .bncDatasetBlock .bncLabel--multipleInputs {
  align-self: flex-start;
  margin-top: 8px;
}
.unpinnedViewContainer .bncDatasetBlock .bnc-select2,
.unpinnedViewContainer .bncDatasetBlock [bnc-tooltip] {
  flex: 1;
}
.unpinnedViewContainer .bncDatasetBlock .bncTextarea {
  width: 100%;
}
.unpinnedViewContainer .bncDatasetBlock__radios {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.unpinnedViewContainer .bncDatasetBlock__radios label {
  white-space: nowrap;
}
.unpinnedViewContainer .bncButtonWrapper {
  display: flex;
  justify-content: flex-end;
}
.unpinnedViewContainer .bncDatepicker__container .bncErrorParentContainer {
  flex: 1 0 103px;
}
.unpinnedViewContainer .bncDatepicker__container .bncDatepicker__input {
  flex: 1 0 103px;
}
.bncDragSortItem {
  background-color: var(--backgroundColor1);
}
.bncOptionsWrapper.bncOptionsWrapper--dataset {
  position: absolute;
  right: 16px;
  top: 8px;
  transition: opacity 0.2s ease-in-out;
}
.bncOptionsWrapper.bncOptionsWrapper--dataset.bncOptionsWrapper--search {
  width: 300px;
}
.viewContainerWrapper .bncOptionsWrapper.bncOptionsWrapper--dataset {
  opacity: 0;
  width: auto;
}
.viewContainerWrapper:hover .bncOptionsWrapper.bncOptionsWrapper--dataset {
  opacity: 1;
}
.bncOptionsWrapper.bncOptionsWrapper--dataset .bncIcon--button {
  height: 32px;
}
.bncOptionsWrapper.bncOptionsWrapper--dataset .icon-custom-plus:not(:hover) {
  background-color: var(--backgroundColor0);
}
.bncOptionsWrapper.bncOptionsWrapper--dataset .bncActionList__icon {
  padding: 0;
}
.addButtonWrapper {
  position: sticky;
  bottom: -0.1px;
  padding-bottom: 25px;
  width: -moz-min-content;
  width: min-content;
}
.addButtonWrapper.bncSticky--stuck {
  z-index: 10;
}
.bncDraggable + .addButtonWrapper {
  padding-left: 22px;
}
data-set-text-editor {
  display: block;
}
data-set-text-editor .bncErrorParentContainer {
  flex: 1;
}
.dataSetRadioEditor {
  position: relative;
  display: block;
}
.dataSetRadioEditor .bncErrorParentContainer {
  position: absolute;
  right: 0;
}
.dataSetRadioEditor .bncError {
  background-color: transparent;
  border-color: transparent;
}
.pbChannelSlideContainer,
.pbDatasetSlideContainer,
.pbIframeSlideContainer,
.pbJsonSlideContainer,
.pbXmlSlideContainer,
.pbYouTubeSlideContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px;
  min-width: 200px;
  background-color: var(--baseGrey2);
}
.MOBILE_APP .pbChannelSlideContainer,
.MOBILE_APP .pbDatasetSlideContainer,
.MOBILE_APP .pbIframeSlideContainer,
.MOBILE_APP .pbJsonSlideContainer,
.MOBILE_APP .pbXmlSlideContainer,
.MOBILE_APP .pbYouTubeSlideContainer {
  justify-content: flex-start;
}
.pbChannelJSONDirectivePreview,
.pbChannelXMLDirectivePreview,
.pbDatasetDirectivePreview,
.pbIframeDirectivePreview,
.pbJSONDirectivePreview--instagram,
.pbJSONDirectivePreview--linkedin,
.pbPowerBIDirectivePreview,
.pbYouTubeDirectivePreview {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 64px;
}
.pbChannelJSONDirectivePreview > span,
.pbChannelXMLDirectivePreview > span,
.pbDatasetDirectivePreview > span,
.pbIframeDirectivePreview > span,
.pbJSONDirectivePreview--instagram > span,
.pbJSONDirectivePreview--linkedin > span,
.pbPowerBIDirectivePreview > span,
.pbYouTubeDirectivePreview > span,
.pbChannelJSONDirectivePreview::after,
.pbChannelXMLDirectivePreview::after,
.pbDatasetDirectivePreview::after,
.pbIframeDirectivePreview::after,
.pbJSONDirectivePreview--instagram::after,
.pbJSONDirectivePreview--linkedin::after,
.pbPowerBIDirectivePreview::after,
.pbYouTubeDirectivePreview::after {
  font-size: 40px;
  line-height: 28px;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 24px !important;
  color: var(--baseGrey2);
  background-color: var(--backgroundColor0);
  font-family: Roboto, Helvetica, Arial, sans-serif !important;
}
.MOBILE_APP .pbChannelJSONDirectivePreview,
.MOBILE_APP .pbChannelXMLDirectivePreview,
.MOBILE_APP .pbDatasetDirectivePreview,
.MOBILE_APP .pbIframeDirectivePreview,
.MOBILE_APP .pbJSONDirectivePreview--instagram,
.MOBILE_APP .pbJSONDirectivePreview--linkedin,
.MOBILE_APP .pbPowerBIDirectivePreview,
.MOBILE_APP .pbYouTubeDirectivePreview {
  justify-content: space-around;
  flex: 0 0 60%;
}
.pbChannelJSONDirectivePreview .directiveMobileHint,
.pbChannelXMLDirectivePreview .directiveMobileHint,
.pbDatasetDirectivePreview .directiveMobileHint,
.pbIframeDirectivePreview .directiveMobileHint,
.pbJSONDirectivePreview--instagram .directiveMobileHint,
.pbJSONDirectivePreview--linkedin .directiveMobileHint,
.pbPowerBIDirectivePreview .directiveMobileHint,
.pbYouTubeDirectivePreview .directiveMobileHint {
  font-size: 40px;
  line-height: 48px;
  flex: 0 1 55%;
}
.pbChannelJSONDirectivePreview::after {
  content: 'JSON';
}
.pbChannelXMLDirectivePreview::after {
  content: 'XML';
}
.pbJSONDirectivePreview--instagram::after {
  content: 'INSTAGRAM';
}
.pbJSONDirectivePreview--linkedin::after {
  content: 'LINKEDIN';
}
.pbIframeDirectivePreview::after {
  content: 'IFRAME';
}
.pbPowerBIDirectivePreview::after {
  content: 'POWERBI';
}
.pbYouTubeDirectivePreview::after {
  content: 'YOUTUBE';
}
/* ------ pb-channel, pb-video, pb-image, pb-xml  --------------------- */
.pbChannelSlideContainer,
.pbDatasetSlideContainer,
.pbIframeSlideContainer,
.pbImageSlideContainer,
.pbJsonSlideContainer,
.pbVideoSlideContainer,
.pbXmlSlideContainer,
.pbYouTubeSlideContainer,
iconbar {
  position: relative;
}
.pbChannelSlideContainer .toolbarTargetWrapper,
.pbDatasetSlideContainer .toolbarTargetWrapper,
.pbIframeSlideContainer .toolbarTargetWrapper,
.pbImageSlideContainer .toolbarTargetWrapper,
.pbJsonSlideContainer .toolbarTargetWrapper,
.pbVideoSlideContainer .toolbarTargetWrapper,
.pbXmlSlideContainer .toolbarTargetWrapper,
.pbYouTubeSlideContainer .toolbarTargetWrapper,
iconbar .toolbarTargetWrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 36px;
  z-index: 30;
}
.pbChannelSlideContainer .bncIcon-button,
.pbDatasetSlideContainer .bncIcon-button,
.pbIframeSlideContainer .bncIcon-button,
.pbImageSlideContainer .bncIcon-button,
.pbJsonSlideContainer .bncIcon-button,
.pbVideoSlideContainer .bncIcon-button,
.pbXmlSlideContainer .bncIcon-button,
.pbYouTubeSlideContainer .bncIcon-button,
iconbar .bncIcon-button,
.pbChannelSlideContainer .pbFileNameLabel,
.pbDatasetSlideContainer .pbFileNameLabel,
.pbIframeSlideContainer .pbFileNameLabel,
.pbImageSlideContainer .pbFileNameLabel,
.pbJsonSlideContainer .pbFileNameLabel,
.pbVideoSlideContainer .pbFileNameLabel,
.pbXmlSlideContainer .pbFileNameLabel,
.pbYouTubeSlideContainer .pbFileNameLabel,
iconbar .pbFileNameLabel {
  float: left;
  height: 48px;
  background-color: var(--iconButtonEditorBgColor);
  color: var(--iconButtonEditorColor);
  z-index: 30;
}
.pbChannelSlideContainer .pbFileNameLabel,
.pbDatasetSlideContainer .pbFileNameLabel,
.pbIframeSlideContainer .pbFileNameLabel,
.pbImageSlideContainer .pbFileNameLabel,
.pbJsonSlideContainer .pbFileNameLabel,
.pbVideoSlideContainer .pbFileNameLabel,
.pbXmlSlideContainer .pbFileNameLabel,
.pbYouTubeSlideContainer .pbFileNameLabel,
iconbar .pbFileNameLabel {
  margin-right: 48px;
  display: table;
}
.pbChannelSlideContainer .pbFileNameLabel span,
.pbDatasetSlideContainer .pbFileNameLabel span,
.pbIframeSlideContainer .pbFileNameLabel span,
.pbImageSlideContainer .pbFileNameLabel span,
.pbJsonSlideContainer .pbFileNameLabel span,
.pbVideoSlideContainer .pbFileNameLabel span,
.pbXmlSlideContainer .pbFileNameLabel span,
.pbYouTubeSlideContainer .pbFileNameLabel span,
iconbar .pbFileNameLabel span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 8px;
}
.pbChannelSlideContainer .bncIcon-button,
.pbDatasetSlideContainer .bncIcon-button,
.pbIframeSlideContainer .bncIcon-button,
.pbImageSlideContainer .bncIcon-button,
.pbJsonSlideContainer .bncIcon-button,
.pbVideoSlideContainer .bncIcon-button,
.pbXmlSlideContainer .bncIcon-button,
.pbYouTubeSlideContainer .bncIcon-button,
iconbar .bncIcon-button {
  width: 36px;
  height: 36px;
  text-align: center;
  transition: background-color 0.2s;
  cursor: pointer;
  z-index: 30;
}
.pbChannelSlideContainer .bncIcon-button:hover,
.pbDatasetSlideContainer .bncIcon-button:hover,
.pbIframeSlideContainer .bncIcon-button:hover,
.pbImageSlideContainer .bncIcon-button:hover,
.pbJsonSlideContainer .bncIcon-button:hover,
.pbVideoSlideContainer .bncIcon-button:hover,
.pbXmlSlideContainer .bncIcon-button:hover,
.pbYouTubeSlideContainer .bncIcon-button:hover,
iconbar .bncIcon-button:hover {
  background-color: #e40046;
}
.pbChannelSlideContainer .bncIcon-button button:before,
.pbDatasetSlideContainer .bncIcon-button button:before,
.pbIframeSlideContainer .bncIcon-button button:before,
.pbImageSlideContainer .bncIcon-button button:before,
.pbJsonSlideContainer .bncIcon-button button:before,
.pbVideoSlideContainer .bncIcon-button button:before,
.pbXmlSlideContainer .bncIcon-button button:before,
.pbYouTubeSlideContainer .bncIcon-button button:before,
iconbar .bncIcon-button button:before {
  color: var(--iconButtonEditorColor);
  font-size: 20px;
  line-height: 36px;
  vertical-align: top;
}
/* ------ pbVideo, pbImage -------------------------------- */
.pbImageSlideContainer .pbImageFileWrapper,
.pbVideoSlideContainer .pbVideoFileWrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.pbImageSlideContainer .pbImageFileWrapper .pbFileName,
.pbVideoSlideContainer .pbVideoFileWrapper .pbFileName {
  margin-right: 8px;
  display: inline-block;
}
.pbImageSlideContainer .pbImageFileWrapper .pbCenterContent,
.pbVideoSlideContainer .pbVideoFileWrapper .pbCenterContent {
  display: table;
  height: 100%;
  width: 100%;
}
.pbImageSlideContainer .pbImageFileWrapper .pbCenterContent .pbFileInput,
.pbVideoSlideContainer .pbVideoFileWrapper .pbCenterContent .pbFileInput {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
}
.pbImageSlideContainer .pbImageFileWrapper .pbUploadWrapper,
.pbVideoSlideContainer .pbVideoFileWrapper .pbUploadWrapper {
  display: inline-block;
  width: 50%;
}
.pbImageSlideContainer .pbImageFileWrapper .pbUploadWrapper .bncCancel,
.pbVideoSlideContainer .pbVideoFileWrapper .pbUploadWrapper .bncCancel {
  float: right;
  margin-right: 0;
  margin-top: 8px;
}
.pbImageSlideContainer .pbImageFileWrapper .pbFileNameWrapper,
.pbVideoSlideContainer .pbVideoFileWrapper .pbFileNameWrapper,
.pbImageSlideContainer .pbImageFileWrapper .pbProgressBarWrapper,
.pbVideoSlideContainer .pbVideoFileWrapper .pbProgressBarWrapper {
  display: inline-block;
  width: 100%;
}
.pbImageSlideContainer .pbImageFileWrapper .pbProgressBarWrapper,
.pbVideoSlideContainer .pbVideoFileWrapper .pbProgressBarWrapper {
  margin-top: 16px;
  height: 16px;
  background-color: var(--baseGrey1);
}
.pbImageSlideContainer .pbImageFileWrapper .pbProgressBarWrapper .pbProgressBar,
.pbVideoSlideContainer .pbVideoFileWrapper .pbProgressBarWrapper .pbProgressBar {
  height: 16px;
  background-color: #e40046;
}
.pbImageSlideContainer .pbImageFileWrapper .bncButton .pbProgressBar,
.pbVideoSlideContainer .pbVideoFileWrapper .bncButton .pbProgressBar {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.bncSlideEditorContainer .dynamicTemplate #globalWrapper #channelTemplateWrapper #viewer {
  transform-origin: 0 0;
  overflow: visible;
}
pb-channel {
  display: block;
}
[pb-xml] {
  min-height: 150px;
}
/* ------ dynamic ----------------------------------------- */
.dynamicTemplate .pbToolbarIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 64px;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--backgroundColor0);
  display: inline-block;
  height: 105px;
  line-height: 105px;
  cursor: pointer;
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .dynamicTemplate .pbToolbarIcon {
    font-size: 48px;
    line-height: 80px;
    height: 80px;
    width: 80px;
  }
}
.dynamicTemplate .pbToolbarIcon:hover {
  background-color: #e40046;
}
.dynamicTemplate > div {
  transform-origin: top left;
}
.dynamicTemplate .toolbarTargetWrapper {
  transform-origin: bottom right;
}
.dynamicTemplate .pbUploadWrapper .bncCancel {
  transform-origin: top right;
}
.dynamicTemplate .pbUploadWrapper .pbFileNameWrapper {
  transform-origin: bottom;
}
.dynamicTemplate.pbPreload {
  visibility: hidden;
}
.dynamicTemplate.pbPreload * {
  visibility: hidden;
  transition: none !important;
}
.dynamicTemplate div[pb-image],
.dynamicTemplate div[pb-video],
.dynamicTemplate div[pbimage] {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .bncMenuClosed .dynamicTemplate .pbToolbarIcon {
    font-size: 40px;
    line-height: 70px;
    height: 70px;
    width: 70px;
  }
}
.globalSettings {
  background-color: var(--backgroundColor0);
  overflow-x: hidden;
  padding-left: 20px;
}
.globalSettings textarea {
  min-height: 48px;
}
.globalSettings--header {
  background-color: var(--backgroundColor0);
  padding: 6px 37px 0;
}
.globalSettings--container {
  padding-top: 10px;
}
.globalSettings--container .buttonBarMargin {
  margin-top: 0 !important;
}
.googleFontsLogo {
  position: relative;
  float: right;
  height: 30px;
  width: 100px;
  cursor: pointer;
  background-image: url("/assets/images/google_fonts_logo_v4.54.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 100px;
}
.googleFontsLogo:not([class*=disabled]):focus-visible {
  outline: 0;
}
.googleFontsLogo:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -2px;
  right: -8px;
  bottom: 0px;
  left: -8px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.DESKTOP_APP .bncHelpCenter__container bnc-box {
  display: block;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncHelpCenter__container [bnc-box-sticky-elements]::before {
    display: none;
  }
}
.DESKTOP_APP .bncHelpCenter__container .bncBox {
  display: flex;
  overflow: auto;
  margin-top: 0;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncHelpCenter__container .bncBox {
    height: calc(100vh - 60px - var(--infoBarHeight));
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncHelpCenter__content--iframe {
    height: 100% !important;
  }
}
.pbIdIconbar {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 36px;
  z-index: 30;
  text-align: center;
  transform-origin: right bottom;
  pointer-events: all;
}
.qrCode--isSet .pbIdIconbar {
  bottom: 100%;
  left: 0;
  transform-origin: left bottom;
}
.pbIdIconbar .bncIcon--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
.pbIdIconbar .bncIcon--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 0;
  right: -4px;
  bottom: 0;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.pbIdIconbar .bncIcon--button:after {
  border-color: var(--backgroundColor0) !important;
}
.pbIdIconbar bnc-icon-button button[class*='icon-custom-plus'] {
  border: none;
}
iconbar {
  --scaleBackIcon: var(--scaleBack);
  display: block;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
iconbar[class*="pbIconbar_"] {
  position: absolute;
}
.dynamicTemplate .bncScaleBackIcon {
  transform: scale(var(--scaleBackIcon));
}
/* required styles */
.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane > canvas,
.leaflet-pane > svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url("#default#VML");
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: auto;
}
.leaflet-bottom,
.leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-control,
.leaflet-popup-pane {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:focus,
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("images/layers.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("images/layers-2x.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url("images/marker-icon.png");
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:focus,
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-control-attribution svg {
  display: inline !important;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
  box-shadow: none;
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}
media-library {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
media-library .filtersWrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.DESKTOP_APP .bncModal media-library .bncPageMenu {
  margin-left: calc(32px - 0.5em);
  margin-right: 0;
}
.bncModal media-library .bncMediaItems {
  padding: 0 16px;
  margin-bottom: 88px;
}
.bncModal media-library .bncFilter--buttons {
  padding: 16px 0 16px 32px;
}
.bncMainContainer__content > media-library {
  padding-left: var(--mediaLibraryPadding);
  background-color: var(--backgroundColor0);
}
.bncMainContainer__content > media-library .buttonBarMargin {
  margin: 14px auto 0;
}
.bncMainContainer__content > media-library bnc-box {
  position: relative;
  display: block;
  margin-top: 16px;
}
.bncMainContainer__content > media-library .bncFilter {
  padding: 0 0 10px;
}
.bncMainContainer__content > media-library .bncEditingSlide {
  grid-column: 1/-1;
}
.bncMainContainer__content > media-library .addMediaItem .bncBox {
  right: -26px;
  margin-top: 4px;
}
.bncMainContainer__content > media-library .bncTreeContainer {
  border: 1px solid var(--middleGrey);
  margin-top: 11px;
  padding: 32px 32px 0;
}
.bncMainContainer__content > media-library .bncPrimaryHeading {
  line-height: 1.2em;
}
.bncMainContainer__content > media-library .bncOptionsWrapper > * {
  display: flex;
  justify-content: center;
  margin-left: 14px;
}
.bncMainContainer__content > media-library .bncOptionsWrapper .bncBox__closeButton {
  display: none;
}
.bncPageMenu.row {
  padding: 4px 22px 4px 0;
}
.MOBILE_APP .bncPageMenu.row {
  height: var(--viewHeaderHeight);
  padding-inline: var(--boxSidePadding);
  border-bottom: 1px solid var(--middleGrey);
}
.MOBILE_APP .bncPageMenu.row .bncOptionsWrapper {
  justify-content: center;
}
.MOBILE_APP .bncPageMenu.row .icon-custom-remove {
  font-size: 16px;
}
.bncBorderedList {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  margin-top: 11px;
  border: 1px solid var(--middleGrey);
  padding: 24px 16px;
}
.bncMediaButtons {
  text-align: center;
  white-space: nowrap;
}
.bncMediaButtons span {
  margin: 0 4px;
  color: var(--baseGrey2);
  cursor: pointer;
}
.bncMediaButtons span.active,
.bncMediaButtons span:hover {
  color: #e40046;
}
.bncMediaButtons span.disabled {
  color: var(--baseGrey3);
  cursor: default;
}
.bncMediaButtons .bncMediaButton--delete:hover:not(.disabled) {
  color: #f78b1e;
}
.bncModal .bncMovingMediaBox {
  padding: 16px 40px 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.bncModal .bncMovingMediaBox .bncButtonWrapper {
  display: flex;
  justify-content: flex-end;
  background-color: var(--backgroundColor0);
}
.bncModal .bncMovingMediaBox .bncTree {
  display: block;
  margin-top: 32px;
}
.bncModal .bncMovingMediaBox.bncOverflowedY .bncButtonWrapper {
  margin: 0 -40px;
}
.bncModal .bncMovingMediaBox.bncOverflowedY .bncTree::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  margin: 0 -40px -10px;
  position: sticky;
  top: 60px;
  z-index: 1;
}
.bncModal .bncMovingMediaBox.bncOverflowedY--scroll .bncTree::before {
  opacity: 1;
}
.bncModal .bncSecondaryHeading--sticky {
  position: sticky;
  top: 16px;
  border: solid var(--backgroundColor0);
  background-color: var(--backgroundColor0);
  box-shadow: 0 -16px 0 32px var(--backgroundColor0);
  z-index: 1;
}
.bncMediaItemsWrapper {
  padding-left: 40px;
  padding-right: 40px;
  margin-left: calc(-20px - var(--mediaLibraryPadding));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overflow-anchor: none;
  height: calc(100% - 40px);
  position: relative;
}
@media screen and (max-width: 1023px) {
  .bncMediaItemsWrapper {
    padding-left: 32px;
  }
}
@media screen and (max-width: 799px) {
  .bncMediaItemsWrapper {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .bncMediaItemsWrapper {
    padding-right: 32px;
  }
}
@media screen and (max-width: 799px) {
  .bncMediaItemsWrapper {
    padding-right: 24px;
  }
}
.bncMediaItemsWrapper::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  position: sticky;
  margin: 0 -40px -10px;
  top: 0;
  left: -20px;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .bncMediaItemsWrapper::before {
    margin-left: -20px;
  }
}
.MOBILE_APP .bncMediaItemsWrapper::before {
  margin: 0 -40px;
}
.bncMediaItemsWrapper.bncOverflowedY--scroll::before {
  opacity: 1;
}
.bncModal__content .bncMediaItemsWrapper {
  margin: 0;
  padding: 0;
}
.bncMainContainer--basicLayout .bncMediaItemsWrapper [bnc-box-sticky-elements] {
  padding: 0;
}
.bncMediaItemsWrapper.hover.dropFilesAllowed * {
  pointer-events: none;
  cursor: copy;
}
.bncMediaItemsWrapper > .bncDropZone {
  display: none;
  position: fixed;
  top: 100px;
  bottom: 0;
  right: 20px;
  left: calc(var(--mainMenuWidth) + 20px);
  border: 2px dashed var(--baseGrey2);
  background-color: rgba(243, 244, 248, 0.5);
  pointer-events: none;
  transition: left 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .bncMediaItemsWrapper > .bncDropZone {
    left: calc(32px + var(--mainMenuWidth) - 12px);
    right: calc(32px - 12px);
  }
}
@media screen and (max-width: 799px) {
  .bncMediaItemsWrapper > .bncDropZone {
    left: calc(24px + var(--mainMenuWidth) - 4px);
    right: calc(24px - 4px);
  }
}
.bncMainContainer__menu--open .bncMediaItemsWrapper > .bncDropZone {
  left: calc(40px + var(--mainMenuWidth) - 20px);
}
@media screen and (max-width: 1023px) {
  .bncMainContainer__menu--open .bncMediaItemsWrapper > .bncDropZone {
    left: calc(32px + var(--mainMenuWidth) - 12px);
  }
}
@media screen and (max-width: 799px) {
  .bncMainContainer__menu--open .bncMediaItemsWrapper > .bncDropZone {
    left: calc(24px + var(--mainMenuWidth) - 4px);
  }
}
.bncMediaItemsWrapper > .bncDropZone .bncDropZone__hint {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bncMediaItemsWrapper > .bncDropZone .bncDropZone__hint .bncSecondaryHeading {
  text-align: center;
  font-size: 40px;
  line-height: 64px;
}
.bncMediaItemsWrapper.hover.dropFilesAllowed > .bncDropZone {
  display: block;
}
.bncMediaItems {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
@media screen and (min-width: 662px) {
  .bncMediaItems {
    grid-template-columns: repeat(auto-fit, 240px);
  }
}
.bncMediaItems > .bncSecondaryHeading--noResults {
  position: absolute;
  margin-top: 32px;
}
.bncMediaItems .bncMediaItem__editor {
  position: relative;
  padding: 16px;
}
@media screen and (max-width: 661px) {
  .bncMediaItems .bncMediaItem__editor {
    width: 240px;
    margin: 0 auto;
  }
}
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--active:not(.bncMediaItem__editor--locked),
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--selectable:hover:not(.bncMediaItem__editor--locked),
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--selected:not(.bncMediaItem__editor--locked),
.bncMediaItems .bncMediaItem__editor.selectable:focus-within:not(.bncMediaItem__editor--locked) {
  background-color: var(--backgroundColor1);
  overflow: hidden;
}
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--active:not(.bncMediaItem__editor--locked) .bncMediaItem__actions,
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--selectable:hover:not(.bncMediaItem__editor--locked) .bncMediaItem__actions,
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--selected:not(.bncMediaItem__editor--locked) .bncMediaItem__actions,
.bncMediaItems .bncMediaItem__editor.selectable:focus-within:not(.bncMediaItem__editor--locked) .bncMediaItem__actions {
  background: linear-gradient(90deg, transparent 0, var(--backgroundColor1) 8px 100%), 0 8px/100% 35% no-repeat;
}
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--locked .bncButton {
  color: var(--baseGrey2);
}
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--locked .bncButton,
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--locked .bncCheckbox + .bncLabel {
  cursor: default;
}
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--active .bncLabel,
.bncMediaItems .bncMediaItem__editor:focus-within .bncLabel,
.bncMediaItems .bncMediaItem__editor:hover .bncLabel,
.bncMediaItems .bncMediaItem__editor.bncMediaItem__editor--active .bncMediaItem__actions,
.bncMediaItems .bncMediaItem__editor:focus-within .bncMediaItem__actions,
.bncMediaItems .bncMediaItem__editor:hover .bncMediaItem__actions {
  visibility: visible;
}
.bncMediaItems .bncMediaItem__editor .bncButton.bncFullWidth:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncMediaItems .bncMediaItem__editor .bncButton.bncFullWidth:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 6px;
  height: auto;
  pointer-events: none;
}
.bncMediaItems .bncMediaItem__selector {
  text-align: right;
  position: relative;
  z-index: 1;
}
.DESKTOP_APP .bncMediaItems .bncMediaItem__selector .bncCheckbox:checked + .bncLabel,
.DESKTOP_APP .bncMediaItems .bncMediaItem__selector .bncCheckbox:not(:checked) + .bncLabel {
  padding: 0;
  height: 20px;
  width: 24px;
  top: -5px;
}
.bncMediaItems .bncMediaItem__actions {
  visibility: hidden;
  position: absolute;
  padding: 8px 8px 0 16px;
  right: 6px;
  top: 202px;
  font-size: 1.4em;
  background: linear-gradient(90deg, transparent 0, var(--backgroundColor0) 8px 100%), 0 8px/100% 35% no-repeat;
}
.bncMediaItems .bncMediaItem__actions.bncMediaItem__actions--visible {
  visibility: visible;
}
.bncMediaItems .bncVideoDuration {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--backgroundColor0);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 4px;
  min-width: 32px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.bncMediaItems .bncMediaFile {
  height: 158px;
}
.bncMediaItems .bncMediaFile:hover .bncVideoDuration {
  opacity: 1;
}
.bncMediaItems .bncMediaFolder {
  height: 158px;
  position: relative;
  background-color: #e40046;
  clip-path: path('m0 4 a4 4 0 0 1 4 -4 l66 0 a10 10 0 0 1 6 4 l20 20 a10 10 0 0 0 6 4 l102 0 a4 4 0 0 1 4 4 l0 121 a 4 4 0 0 1 -4 4 l-200 0 a4 4 0 0 1 -4 -4');
}
.bncMediaItems .bncMediaFolder.bncMediaFolder--custom,
.bncMediaItems .bncMediaFolder.bncMediaFolder--global {
  background-color: var(--primaryColor--light);
}
.bncMediaItems .bncMediaFile__date,
.bncMediaItems .bncMediaFolder__childrenCount,
.bncMediaItems .bncSlideDetails__timing {
  color: var(--baseGrey2);
  text-align: center;
}
bnc-modal .bncMediaItems .bncMediaFile__date,
bnc-modal .bncMediaItems .bncMediaFolder__childrenCount,
bnc-modal .bncMediaItems .bncSlideDetails__timing {
  cursor: pointer;
}
.bncMediaItems .bncMediaFolder__editor {
  pointer-events: all;
  position: relative;
}
.bncMediaItems textarea.bncMediaFolder__name {
  max-height: 50px;
  color: var(--primaryColor);
  resize: none;
}
.bncMediaItems textarea.bncMediaFolder__name:focus {
  background-color: var(--backgroundColor0);
}
.bncMediaItems .bncMediaFolder__buttons {
  color: var(--baseGrey1);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 4px;
}
.bncMediaItems .bncMediaFolder__buttons i {
  cursor: pointer;
}
.bncMediaItems .bncMediaFolder__buttons .icon-custom-remove {
  font-size: 16px;
}
.bncMediaItems .bncMediaFolder__buttons .icon-custom-remove:hover {
  color: #e40046;
}
.bncMediaItems .bncMediaFolder__buttons .icon-custom-ok {
  font-size: 18px;
  margin-left: 8px;
}
.bncMediaItems .bncMediaFolder__buttons .icon-custom-ok:hover {
  color: #e40046;
}
.bncMediaItems .bncMediaFile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.bncMediaItems .bncMediaFile .bncMediaFile__wrapper {
  position: relative;
}
.bncMediaItems .bncMediaFile .bncMediaFile__wrapper.bncMediaFile__wrapper--slide::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translate(-50%);
  background-color: var(--baseGrey1);
  width: 40%;
  height: 5px;
  border-radius: 2px;
}
.bncMediaItems .bncMediaFile .icon-custom-play-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--backgroundColor0);
  font-size: 32px;
  pointer-events: none;
}
.bncMediaItems .bncMediaFile--slide .bncMediaFile__image {
  border: 4px solid var(--baseGrey1);
  border-radius: 8px;
}
.bncMediaItems .bncTags {
  text-align: center;
  margin-top: 3px;
}
.bncMediaItems .bncTags [class*=bncIndicator]::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  border-radius: 50%;
}
.bncMediaItems .bncTags .bncIndicator--available::before {
  background-color: #ffea00;
}
.bncMediaItems .bncTags .bncIndicator--pushed::before {
  background-color: #2979ff;
}
.bncMediaItems .bncTags .bncIndicator--priority::before {
  background-color: #d500f9;
}
.bncMediaItems .bncTags--short .bncTag span {
  display: none;
}
.bncMediaItems .mediaItem--coming .bncMediaFile__wrapper--slide,
.bncMediaItems .mediaItem--expired .bncMediaFile__wrapper--slide,
.bncMediaItems .mediaItem--notPublishedNorPushed .bncMediaFile__wrapper--slide {
  opacity: 0.25;
}
.bncMediaItems .mediaItem--coming .bncTag,
.bncMediaItems .mediaItem--expired .bncTag,
.bncMediaItems .mediaItem--notPublishedNorPushed .bncTag {
  position: relative;
}
.bncMediaItems .mediaItem--coming .bncTag::after,
.bncMediaItems .mediaItem--expired .bncTag::after,
.bncMediaItems .mediaItem--notPublishedNorPushed .bncTag::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.5);
}
.bncMediaItems .bncMediaFile__image {
  box-shadow: 0 0 67px 0 var(--minimalShadowColor);
  display: block;
  max-height: 154px;
  max-width: 100%;
  flex: 0 0 auto;
  filter: grayscale(0);
}
.bncMediaItems .bncMediaFile__image.bncMediaFile__image--landscape {
  width: 185px;
  height: 111px;
}
.bncMediaItems .bncMediaFile__image.bncMediaFile__image--portrait {
  width: 87px;
  height: 154px;
}
.bncMediaItems .bncMediaFile__image.bncMediaFile__image--grey {
  filter: grayscale(1);
}
.bncMediaItems .bncMediaFile__image[src*='Icon-No-Image_v4.54.png'] {
  width: 208px;
  height: 120px;
  padding: 0 44px;
  background-color: var(--backgroundColor0);
}
bnc-modal .bncMediaItems .bncMediaFile__image {
  cursor: pointer;
}
.bncMediaFile__image.bncMediaFile__image--image:not([src*='Icon-No-Image_v4.54.png']) {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.95) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
}
.bncMediaFile__nameWrapper {
  max-width: 500px;
  margin: 0 auto;
}
.bncMediaFile__name,
.bncMediaFolder__name {
  max-height: 46px;
  padding: 10px 0 0;
  overflow: hidden;
  text-align: center;
  word-break: break-word !important;
}
.mediaItem--expired .bncMediaFile__name,
.mediaItem--expired .bncMediaFolder__name {
  color: var(--baseGrey2);
}
bnc-modal .bncMediaFolder__name {
  cursor: pointer;
}
.bncNoItemsInLibraryWarning {
  font-size: 22px;
  margin: 36px;
  color: #aaa;
}
.bncBoxBorder {
  border: 1px solid var(--middleGrey);
  padding: 16px 40px 0;
}
.bncLibrarySlidePreviewWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 32px 32px 0;
}
.bncLibrarySlidePreviewWrapper .bncButtonWrapper__inner {
  padding: 40px 64px 16px;
}
.bncLibrarySlideAndDetails {
  display: flex;
  align-items: flex-start;
}
.bncLibrarySlidePreview {
  margin-right: 40px;
  flex: 0 0 calc(66% - 40px);
  display: flex;
  justify-content: flex-end;
}
.bncLibrarySlidePreview__screen {
  position: relative;
  background-color: var(--baseGrey1);
  border: 1.5vmin solid var(--baseGrey1);
  border-radius: 1.5vmin;
}
.bncLibrarySlidePreview__screen:not(:has(bnc-carousel)) {
  border-bottom-width: 1vmin;
}
.bncLibrarySlidePreview__screen::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -6vmin;
  left: 30%;
  right: 30%;
  height: 2.5vmin;
  border-radius: 0.5vmin;
  background-color: var(--baseGrey1);
}
.bncLibrarySlidePreview__image {
  max-width: calc((var(--modalWidth) - 128px) * 0.66 - 40px);
  max-height: calc(var(--modalHeight) - 128px - 7.5vmin);
}
.bncLibrarySlidePreview__slideInfo {
  flex: 1;
  position: relative;
  max-height: calc(100vh - 25vmin - 159px);
  overflow: hidden auto;
}
.bncLibrarySlidePreview__slideInfo.bncSticky--stuck::before {
  opacity: 1;
}
.bncLibrarySlidePreview__slideInfo.bncOverflowedY::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  position: sticky;
  bottom: 0;
  opacity: 1;
}
.bncLibrarySlidePreview__slideInfo.bncOverflowedY--scrollEnd::after {
  opacity: 0;
}
.bncLibrarySlidePreview__slideInfo p:has(bnc-avatar) {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-top: 4px;
}
.bncLibrarySlidePreview__slideInfo li:has(button)::before {
  background-color: transparent;
}
.bncLibraryPreview__header {
  position: sticky;
  top: 0;
  background-color: var(--backgroundColor0);
}
.bncOverflowedY .bncLibraryPreview__header::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
  opacity: 0;
}
.bncOverflowedY--scroll .bncLibraryPreview__header::after {
  opacity: 1;
}
.bncNotifications {
  position: relative;
  display: flex;
  align-items: stretch;
}
.bncNotifications .active.bncIcon--button {
  color: #e40046;
}
.bncNotifications .bncNotificationWrapper {
  display: block;
}
.bncNotifications__unreadCount {
  position: absolute;
  right: -11px;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #e40046;
  color: var(--backgroundColor0);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
  pointer-events: none;
}
.bncNotifications__unreadCount.active {
  background-color: var(--baseGrey1);
}
.bncPopupContainer .bncNotifications__wrapper {
  max-height: calc(100vh - 122px - var(--infoBarHeight));
  overflow-y: auto;
}
.bncPopupContainer .bncSecondaryHeading--noResults {
  margin: 0 24px;
  padding: 24px 0 48px;
  display: block;
}
.bncPopupContainer .bncNotification + .bncSecondaryHeading--noResults {
  display: none;
}
.bncNotifications__header {
  width: 400px;
  height: 40px;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--middleGrey);
}
.bncNotifications__header .bncIcon {
  align-self: stretch;
}
.bncNotification {
  display: flex;
  align-items: flex-start;
  justify-content: stretch;
  margin: 0 24px;
  padding: 24px 0 20px;
  border-top: 1px solid var(--middleGrey);
}
.bncNotification.bncNotification--first {
  border-top: none;
}
.bncNotification.bncNotification--read .bncNotification__link,
.bncNotification.bncNotification--read .bncNotification__pathToFolder,
.bncNotification.bncNotification--read .toggleChannelNamesView {
  color: var(--baseGrey2);
}
.bncNotification.bncNotification--unread {
  background-color: var(--backgroundColor1);
  box-shadow: -24px 0 0 0 var(--backgroundColor1), 24px 0 0 0 var(--backgroundColor1);
}
.bncNotification.bncNotification--unread .bncNotification__link,
.bncNotification.bncNotification--unread .bncNotification__pathToFolder,
.bncNotification.bncNotification--unread .toggleChannelNamesView {
  color: var(--baseGrey2);
}
.bncNotification.bncNotification--unread + .bncNotification--read {
  border-top: none;
}
.bncNotification .toggleChannelNamesView {
  cursor: pointer;
}
.bncNotification > bnc-avatar {
  flex: 0 0 42px;
}
.bncNotification > compose {
  padding-left: 12px;
}
.bncNotification__link {
  text-decoration: none;
}
.bncNotification__thumb {
  width: 100px;
  height: auto;
  margin-top: 6px;
  box-shadow: 0 0 100px 0 var(--minimalShadowColor);
}
.bncNotifications__previewParent {
  position: relative;
  overflow: visible;
}
.bncNotification__slidePreview {
  display: block;
  background-image: url("/assets/images/loaderspark_v4.54.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center;
  background-color: var(--backgroundColor0);
  position: absolute;
  right: 336px;
  top: calc(50vh - 50px);
  transform: translateY(-50%);
  max-width: calc(100vw - 320px - 96px);
  max-height: 80vh;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.infoBar {
  background-color: #e40046;
  color: var(--backgroundColor0);
  min-height: 48px;
  padding-block: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.MOBILE_APP .infoBar {
  text-align: left;
}
.infoBar p {
  margin-inline: 32px 48px;
}
.MOBILE_APP .infoBar p {
  margin-inline: var(--boxSidePadding) 48px;
}
.infoBar bnc-icon-button {
  position: absolute;
  top: 16px;
  right: 20px;
}
.infoBar bnc-icon-button .icon-custom-remove {
  color: var(--backgroundColor0);
  font-size: 14px;
}
.infoBar bnc-icon-button .icon-custom-remove:hover {
  color: var(--primaryColor);
}
.bncSettings > compose:not(.DEFAULT_SLIDELAYOUTS) {
  display: block;
  max-width: 960px;
}
.SPARK_ROOMS_CONFIGURATION .configurationRow:hover {
  box-shadow: 0 0 0 16px var(--backgroundColor1);
  clip-path: inset(-12px 0 -16px calc(-16px + 0.5em));
}
.SPARK_ROOMS_CONFIGURATION .configurationRow:hover .configurationRow:hover {
  box-shadow: none;
  clip-path: none;
}
.SPARK_ROOMS_CONFIGURATION .configurationRow:hover .configurationRow .bncConfigurationEditor__DeleteRow {
  position: relative;
  inset: auto;
}
.SPARK_ROOMS_CONFIGURATION .configurationRow:hover .configurationRow .bncIcon-button {
  margin-top: 17px;
}
.SPARK_ROOMS_CONFIGURATION .bncIcon-button.customPosition {
  position: absolute;
  top: -18px;
  right: 11px;
}
.organizationsList .tillDatePlusDays {
  color: var(--baseGrey2);
}
.bncFormBlock--horizontal.invoiceDebtorsContainer {
  align-items: baseline;
}
.bncFormBlock--horizontal.invoiceDebtorsContainer .organizationSettingsEditor .bncTextinput,
.bncFormBlock--horizontal.invoiceDebtorsContainer .organizationSettingsEditor .bncError__icon,
.bncFormBlock--horizontal.invoiceDebtorsContainer .organizationSettingsEditor .invoiceDebtorName {
  margin-left: 32px;
}
.bncFormBlock--horizontal.invoiceDebtorsContainer .organizationSettingsEditor .bncConfigurationEditor__AddRow {
  margin-top: 2px;
}
.bncMainContainer.bncMainContainer.bncMainContainer--loginLayout {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 85vw;
  max-width: 1200px;
  margin: 0 auto;
}
.DESKTOP_APP .bncMainContainer.bncMainContainer.bncMainContainer--loginLayout {
  height: 100vh;
}
.loginNav {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  border-bottom: 1px solid var(--middleGrey);
  background-color: var(--backgroundColor0);
  z-index: 1;
}
.loginNav .bncButton.bncButton--blank {
  margin: 8px;
}
.loginNav .bncButton.bncButton--blank:last-child {
  margin-right: 0;
}
.DESKTOP_APP .loginNav .bncButton.bncButton--blank {
  font-size: 15px;
}
.loginNav .bncButton.bncButton--blank.bncButton--active {
  color: var(--baseGrey2);
  -webkit-text-stroke: 0.3px var(--baseGrey2);
}
.iframeContainer {
  width: 100%;
  flex: 0 0 100%;
  padding: 0 calc((min(100%,85vw) - min(100%,836px)) / 2);
}
.MOBILE_APP.bncOverflowHidden {
  height: 100%;
  position: fixed;
}
@supports (height:100dvh) {
  .MOBILE_APP.bncOverflowHidden {
    height: 100dvh;
  }
}
.MOBILE_APP.bncOverflowHidden .bncBody {
  overflow: hidden !important;
  height: 100%;
  position: fixed;
}
@supports (height:100dvh) {
  .MOBILE_APP.bncOverflowHidden .bncBody {
    height: 100dvh;
  }
}
.bncPixaBay {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bncPixaBay .bncMediaItems {
  grid-template-columns: repeat(auto-fit, 270px);
  gap: 12px;
  padding-top: 6px;
}
.bncPixaBay .bncMediaItems:not(:empty) {
  margin-bottom: 32px;
}
.bncPixaBay .bncMediaItems .bncMediaFile {
  height: 180px;
  background-color: var(--backgroundColor1);
}
.bncPixaBay .bncMediaItems .bncMediaFile__image {
  max-height: none;
}
.bncPixaBay .bncMediaFile--selected,
.bncPixaBay .bncMediaFile:hover {
  box-shadow: 0 0 0 6px var(--baseGrey2);
}
.bncPixaBay .bncMediaFile--selected .bncMediaFile__wrapper::before {
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
  background-image: url('/assets/images/loaderspark--wit_v4.54.svg');
  background-size: 33%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.bncPixaBay .bncMediaFile__wrapper:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncPixaBay .bncMediaFile__wrapper:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncPixaBay .bncSecondaryHeading.bncSecondaryHeading--noResults,
.bncPixaBay .bncSecondaryHeading.bncSecondaryHeading--noSearch {
  margin: 32px 0;
}
.MOBILE_APP .bncPixaBay .bncSecondaryHeading.bncSecondaryHeading--noResults,
.MOBILE_APP .bncPixaBay .bncSecondaryHeading.bncSecondaryHeading--noSearch {
  margin: 8px 0;
}
.bncModal__content .bncPixaBay .bncMediaItemsWrapper {
  padding: 0 32px;
}
.MOBILE_APP .bncModal__content .bncPixaBay .bncMediaItemsWrapper {
  padding-inline: clamp(20px, 0.4455017301038062rem + 4.1522491349480966vw, 32px);
}
.MOBILE_APP .bncModal__content .bncPixaBay .bncMediaItemsWrapper.bncLoader {
  background-position: 50% 25%;
}
.bncPixaBay__searchHeader {
  padding: 8px 0;
}
.bncPixaBay__searchHeader.row {
  margin: 8px calc(32px - 0.5em) 0;
}
.MOBILE_APP .bncPixaBay__searchHeader {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
}
.bncPixaBay__link {
  position: relative;
}
.bncPixaBay__link:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncPixaBay__link:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: 3px;
  bottom: -3px;
  left: 3px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.MOBILE_APP .bncPixaBay__link {
  align-self: center;
}
.bncPixaBay__logo {
  width: calc(100% - 16px);
  max-height: 32px;
  margin-right: 16px;
  vertical-align: middle;
}
.MOBILE_APP .bncPixaBay__logo {
  width: max(25vmin, 90px);
  margin: 4px auto 8px;
}
.bncPixaBay__loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncPixaBay__loader img {
  flex: 0 0 50%;
  height: auto;
}
.releaseNotesContent {
  --height: calc(100% - 8px);
  background-color: var(--backgroundColor0);
  padding: 0 0 0 36px;
  margin-top: 8px;
  height: var(--height);
  max-height: var(--height);
  max-width: 924px;
  overflow: hidden auto;
}
@media screen and (max-width: 1023px) {
  .releaseNotesContent {
    padding-left: 28px;
  }
}
@media screen and (max-width: 799px) {
  .releaseNotesContent {
    padding-left: 20px;
  }
}
.releaseNotesContent__tableHeader {
  padding: 8px 0;
  background-color: var(--backgroundColor0);
  position: sticky;
  top: 0;
  z-index: 1;
}
.bncOverflowedY .releaseNotesContent__tableHeader::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
}
.bncOverflowedY--scroll .releaseNotesContent__tableHeader::after {
  opacity: 1;
}
.releaseNote--unpublished {
  color: var(--baseGrey3);
}
.bncReleaseNotes {
  position: relative;
}
.bncReleaseNotes .bncModal {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.75);
}
.bncReleaseNotes .bncModal__content {
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  max-height: 100vh;
  max-width: 100vw;
}
.bncReleaseNotes .bncModal__close {
  top: 68px;
  right: 120px;
  font-size: 22px;
}
.bncReleaseNotes iframe {
  height: 728px;
  flex: 0 0 1090px;
  margin: auto;
  transform-origin: center top;
}
.bncReleaseNotes .releaseNotesOptOut {
  position: absolute;
  right: 144px;
  bottom: 80px;
}
.bncItemProperties .bncLabel,
.bncItemProperties div {
  line-height: 28px;
}
.rs232Schedule .clientSchema__details .bncSecondaryHeading [bnc-ellipsis] {
  max-height: 54px;
}
.rs232WeekSchedule__container {
  display: block;
  overflow-x: hidden;
  max-height: calc(var(--modalHeight) - 32px);
}
.rs232WeekSchedule__container::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  opacity: 0;
  bottom: 0;
  left: 32px;
  right: 32px;
}
.rs232WeekSchedule__container.bncOverflowedY:not(.bncOverflowedY--scrollEnd)::after {
  opacity: 1;
}
.rs232WeekSchedule__container .bncSecondaryHeading {
  position: sticky;
  top: 0;
  background-color: var(--backgroundColor0);
  z-index: 1;
}
.bncPrimaryHeading--rs232ScheduleList .icon-custom-calendar-week {
  cursor: pointer;
  margin-inline: 8px 16px;
}
.bncPrimaryHeading--rs232ScheduleList .icon-custom-calendar-week:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncPrimaryHeading--rs232ScheduleList .icon-custom-calendar-week:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -5px;
  right: -2px;
  bottom: -5px;
  left: -2px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncPrimaryHeading--rs232ScheduleList .icon-custom-calendar-week:hover {
  color: #e40046;
}
@media screen and (min-width: 1900px) {
  .bncPrimaryHeading--rs232ScheduleList .icon-custom-calendar-week {
    margin-inline: auto -24px;
    z-index: 1;
  }
}
.clientDropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  overflow: visible;
}
.serviceRequest {
  --paddingInline: calc(40px - 4px);
  container-type: inline-size;
  scrollbar-gutter: stable;
  height: 100%;
  padding-inline: var(--paddingInline);
  background-color: var(--backgroundColor0);
  overflow-y: auto;
}
.serviceRequest .bncPrimaryHeading {
  position: sticky;
  top: 0;
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  padding-block: 10px;
  margin: 0;
}
.serviceRequest .bncPrimaryHeading::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: auto;
  right: calc(-1 * var(--paddingInline));
  bottom: -10px;
  left: calc(-1 * var(--paddingInline));
}
.serviceRequest.bncOverflowedY--scroll .bncPrimaryHeading::after {
  opacity: 1;
}
.serviceRequest bnc-button-bar {
  position: sticky;
  bottom: 0;
}
.serviceRequest bnc-button-bar::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  top: auto;
  bottom: 100%;
  width: calc(100cqw + 2 * var(--paddingInline));
}
.serviceRequest.bncOverflowedY:not(.bncOverflowedY--scrollEnd) bnc-button-bar::before {
  opacity: 1;
}
.serviceRequest__formSection {
  max-width: 1054px;
}
.serviceRequest__formSection > .bncSecondaryHeading {
  margin-block: 36px 24px;
}
.serviceRequest__form {
  background-color: var(--backgroundColor1);
  margin-bottom: 16px;
  padding: 16px 24px 32px;
}
.serviceRequest__form:last-of-type {
  margin-bottom: 32px;
}
.serviceRequest__form ul {
  list-style: disc;
  list-style-position: inside;
  line-height: 28px;
}
.serviceRequest__form a:hover {
  color: #e40046;
}
.serviceRequest__form > .bncSecondaryHeading {
  margin-bottom: 8px;
}
.serviceRequest__form .bncFormBlock--vertical:has(textarea) {
  position: relative;
  width: 416px;
}
.serviceRequest__form .bncFormBlock .bncTextinput {
  margin-left: 32px;
  width: 110px;
}
.serviceRequest__form .bncTextarea {
  width: 100%;
  min-height: 6lh;
  margin-left: 32px;
}
.serviceRequest__form spark-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin: 0 0 0 32px;
  width: 100%;
}
.bncSelectFrom {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bncSelectFrom .bncPrimaryHeading {
  padding: 12px 32px;
  margin: 0;
}
.bncSelectFrom .bncSelectFrom__searchHeader {
  margin: 16px 24px;
}
.bncSelectFrom .bncSelectFrom__logo {
  -o-object-fit: contain;
     object-fit: contain;
}
.DESKTOP_APP .bncSelectFrom .bncSelectFrom__logo {
  height: 40px;
  -o-object-position: 80px;
     object-position: 80px;
}
.MOBILE_APP .bncSelectFrom .bncSelectFrom__logo {
  height: clamp(24px, 0.9636678200692042rem + 2.768166089965398vw, 32px);
}
.bncSelectFrom .bncMediaItemsWrapper {
  overflow-y: auto;
}
.bncSelectFrom .bncMediaItems {
  padding: 0 16px;
}
.bncSelectFrom .bncMediaItems .bncButton--blank {
  width: 240px;
  margin: 0 auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 0;
}
.bncSelectFrom .bncMediaItems .bncButton--blank:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncSelectFrom .bncMediaItems .bncButton--blank:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 6px;
  height: auto;
  pointer-events: none;
}
.bncSelectFrom .bncMediaItems .bncButton--blank:hover {
  background-color: var(--backgroundColor1);
}
.bncSelectFrom .bncMediaItems .bncButton--blank p {
  font-size: 13px;
}
.bncSelectFrom .bncSecondaryHeading.bncSecondaryHeading--noResults {
  margin-left: 32px;
}
@media screen and (max-width: 1199px) {
  .bncSlideLayouts .bncSecondaryHeading .bncTags {
    display: inline-block;
  }
}
.DESKTOP_APP .bncSlideLayout--edit .notAllowed {
  color: var(--baseGrey2);
}
.DESKTOP_APP .bncSlideLayout--edit {
  display: flex;
}
.DESKTOP_APP .bncSlideLayout__details {
  flex: 0 1 450px;
}
.bncSlideLayout__image {
  border: 4px solid var(--backgroundColor0);
  box-shadow: 0 0 0 1px var(--middleGrey);
  max-width: 249px;
  max-height: 249px;
}
.bncSlideLayout--edit .bncSlideLayout__image {
  margin: 23px 0 0 32px;
}
.MOBILE_APP .slideEditWrapper--edit .buttonBarMargin {
  padding: 0;
}
.MOBILE_APP .bncFontSize14 {
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSlideList .slideEditWrapper bnc-button-bar.bncSticky {
    bottom: 0;
  }
}
#channelTemplateWrapper,
#globalWrapper,
#viewer {
  height: 100%;
}
.bncLayouts {
  display: flex;
  flex-wrap: wrap;
}
.bncLayouts:not(:last-child) {
  margin-bottom: 80px;
}
.bncLayouts:empty {
  display: none;
}
.bncLayout {
  flex: 0 1 203px;
  margin: 0 22px 12px 2px;
}
.bncLayout.bncLayout--portrait {
  flex: 0 1 128px;
}
.bncLayout__image {
  border: 4px solid var(--backgroundColor0);
  box-shadow: 0 0 0 1px var(--middleGrey);
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  box-sizing: content-box;
}
.bncLayout__image:hover {
  box-shadow: 0 0 0 2px #e40046;
}
.bncLayout__image.bncLayout__image--landscape {
  height: 128px;
}
.bncLayout__image.bncLayout__image--portrait {
  height: 233px;
}
.bncLayout__image.bncLayout__image--generic {
  background-color: var(--baseGrey2);
}
.bncLayout__image.bncLayout__image--noChannel {
  width: 233px;
  height: 128px;
}
.bncLayout__image[src*=Icon-No-Image] {
  -o-object-fit: contain;
     object-fit: contain;
}
.bncLayout__link {
  display: block;
  position: relative;
}
.bncLayout__link:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncLayout__link:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncLayouts__choice {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  bottom: 12px;
  right: 8px;
  color: var(--backgroundColor0);
  background-color: #e40046;
  font-size: 14px;
}
.bncSlideSettings {
  display: flex;
}
.bncSlideSettings.bncSmallContainer {
  flex-direction: column-reverse;
}
.bncSlideSettings .bncDaysSetting .bncErrorParentContainer {
  flex: 0 0 48.7%;
}
.DESKTOP_APP .bncSlideSettings .bncDays {
  justify-content: flex-start;
  padding-bottom: 32px;
  margin-left: 32px;
}
.MOBILE_APP .bncSlideSettings .bncDays {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 4px 0;
}
.bncSlideSettings__slide {
  flex: 0 0 calc(100% - 320px);
  min-width: 0;
  padding-right: 32px;
}
.bncSmallContainer .bncSlideSettings__slide {
  padding-right: 0;
}
.bncSmallContainer .bncSlideSettings__slide {
  margin-right: 0;
}
.bncSlideSettings__settings {
  flex: 0 0 320px;
  margin-right: 32px;
}
.bncSmallContainer .bncSlideSettings__settings {
  flex: 1;
}
.bncSmallContainer .bncSlideSettings__settings {
  margin-right: 0;
}
.bncExtraLargeContainer .bncSlideSettings__timing .bncLabel--picker,
.bncLargeContainer .bncSlideSettings__timing .bncLabel--picker,
.bncMediumContainer .bncSlideSettings__timing .bncLabel--picker {
  flex: 0 0 32.26%;
  max-width: 80px;
}
.bncSlideSettings__timing [class*='bncForm__col'] + [class*='bncForm__col']:last-child {
  flex: 0 1 100%;
}
.bncSlideEditorContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-width: 0;
}
.MOBILE_APP .bncSlideEditorContainer.bncSlideEditorContainer--edit {
  overscroll-behavior: none;
  max-height: calc(100dvh - var(--buttonsHeight));
}
.bncSlideEditorContainer.bncChannelSlideEditorContainer {
  display: block;
  overflow: hidden;
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX {
  box-shadow: 0 0 100px 0 var(--minimalShadowColor);
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX::after,
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX::before {
  content: '';
  position: sticky;
  opacity: 1;
  flex: 0 0 10px;
  margin-left: -10px;
  z-index: 1;
  transition: opacity 0.2s;
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX::before {
  opacity: 0;
  left: 0;
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.2);
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX::after {
  right: 0;
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX.bncOverflowedX--scroll::before {
  opacity: 1;
}
.bncSlideEditorContainer.bncScrollXContainer.bncOverflowedX.bncOverflowedX--scrollEnd::after {
  opacity: 0;
}
.bncSlideEditorContainer .bncCarousel__itemTitle {
  display: none;
}
.bncSlideEditorContainer .bncSlidePreview[src^='/assets/images/Icon-No-Image'] {
  -o-object-fit: contain;
     object-fit: contain;
}
.bncSlideEditorContainer .bncSlidePreview--generatingPreview {
  background-color: var(--backgroundColor0);
  align-items: center;
  justify-content: center;
}
.bncSlideEditorContainer .bncSlidePreview__playButtons {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.bncSlideEditorContainer--preview {
  flex: 1;
}
.DESKTOP_APP .bncSmallContainer .bncSlideEditorContainer--preview {
  margin-bottom: 32px;
}
.bncSlideEdit--channelSlideTitle {
  margin: 7px 0 7px 17px;
}
.dynamicTemplate {
  position: relative;
  transform-origin: top left;
}
.bncSlideTools {
  position: absolute;
  top: 10px;
  right: 26px;
  transition: right 0.2s ease-in-out;
  display: flex;
  gap: 16px;
}
.bncMediaItems .bncSlideTools {
  top: -8px;
  right: -32px;
}
.bncSlideTools .icon-custom-settings {
  padding-left: 16px;
}
.bncSlideTools .bncIcon::before {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 1in;
}
.bncSlideTools .bncIcon--marked::before {
  box-shadow: -16px 0 0 -6px #e40046;
}
.bncSlideTools .bncIcon::before {
  margin: 0;
}
.activeDirectives {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  width: 320px;
  position: absolute;
  top: 8px;
  right: -32px;
  padding: 32px 32px 24px;
  background-color: var(--backgroundColor0);
}
.activeDirectives .bncInlineEditCancel {
  font-size: 18px;
  margin-top: -18px;
  margin-right: -24px;
  float: right;
}
.activeDirectives .bncTertiaryHeading {
  font-size: 18px;
}
.activeDirectives .bncLabel {
  flex: 1 0 200px;
}
.DESKTOP_APP .bncSlidePushSettings {
  margin: 0 0 32px 32px;
}
.DESKTOP_APP .bncSlidePushSettings .bncSecondaryHeading--noResults {
  margin: 0 0 32px 18px;
}
.bncCalamityClientsSettings .bncSecondaryHeading--noResults,
.bncSlidePushSettings .bncSecondaryHeading--noResults {
  position: absolute;
  left: 6px;
  margin: 0;
}
.bncCalamityClientsSettings .bncTabs {
  position: relative;
}
.bncCalamityClientsSettings .bncFilter--buttons {
  margin: 0 0 8px;
  padding: 0;
  background-color: transparent;
}
.bncSlideDetails__details bnc-start-end-dates {
  margin-right: 4px;
}
.DESKTOP_APP .channelDropdown {
  position: absolute;
  overflow: visible;
  padding: 0;
  left: -5px;
  top: calc(100% + 11px);
  box-shadow: 0 0 20px 0 var(--shadowColor);
}
@supports selector(:popover-open) {
  .DESKTOP_APP .channelDropdown {
    box-shadow: none;
  }
}
.DESKTOP_APP .channelDropdown .bncIndex--dropDown.dropdown__options {
  position: relative;
  max-width: 300px;
  top: 0;
  left: 0;
}
.DESKTOP_APP div.slideShowOptions {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.DESKTOP_APP div.slideShowOptions [spark-popover] {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: -135px;
}
.MOBILE_APP .bncSecondaryHeading--noChannels {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  text-align: center;
  padding: 10px 0;
}
.MOBILE_APP .bncPrimaryHeading--slideList {
  font-size: 16px;
  margin: 0;
  height: var(--viewHeaderHeight);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--middleGrey);
}
.MOBILE_APP .bncPrimaryHeading--slideList .dropdownWrapper {
  display: flex;
  min-width: 0;
}
.MOBILE_APP .channelDropdown {
  position: fixed;
  top: 0;
  left: 100vw;
  width: 100vw;
  height: 100dvh;
  padding: 0;
  overscroll-behavior: none;
  background-color: var(--backgroundColor0);
  transition: transform 0.2s ease-out;
  transform: translate3d(0, 0, 0);
}
.MOBILE_APP .channelDropdown:popover-open {
  transform: translate3d(-100vw, 0, 0);
}
.MOBILE_APP .channelDropdown .bncIndex--dropDown {
  padding: 0 0 48px;
  max-width: 100vw;
}
.MOBILE_APP .channelDropdown.bncOverflowedY .bncMenu__header::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: var(--menuHeaderHeight);
}
.MOBILE_APP .channelDropdown.bncOverflowedY--scroll .bncMenu__header::after {
  opacity: 1;
}
.MOBILE_APP .channelDropdown .bncMenu__close {
  padding: 12px;
  font-size: 16px;
}
.MOBILE_APP .dragSortMode {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.MOBILE_APP .dragSortMode .bncSlideDetails__details,
.MOBILE_APP .dragSortMode .bncSlideDuration,
.MOBILE_APP .dragSortMode bnc-action-list {
  display: none;
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt {
  flex-direction: row;
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSlidePreviewWrapper {
  flex: 0 0 104px;
  padding: 8px 8px 8px 16px;
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSlideDetails {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  background-color: transparent;
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview,
.MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"] {
  width: 80px;
  height: calc(80px / var(--channelAspectRatio));
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt spark-channel-slide-carousel bnc-carousel,
.MOBILE_APP .dragSortMode .bncSlideExcerpt spark-channel-slide-carousel img {
  width: 80px !important;
  height: calc(80px / var(--channelAspectRatio)) !important;
}
.MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSecondaryHeading__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
@supports (-webkit-line-clamp: 2) {
  .MOBILE_APP .dragSortMode .bncSlideExcerpt .bncSecondaryHeading__text {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.MOBILE_APP .bncSlidePreview {
  touch-action: pan-y;
  -webkit-user-drag: none;
}
@starting-style {
  .MOBILE_APP .channelDropdown {
    transform: translate3d(0, 0, 0);
  }
  .DESKTOP_APP .channelDropdown {
    left: 32px;
    top: 100%;
  }
}
.channelDropdown__slideCount {
  font-weight: 300;
  color: var(--primaryColor);
  margin-left: 4px;
}
.bncSlideList compose {
  display: block;
}
.DESKTOP_APP .bncSlideList .bncTable__row .bncActionList,
.DESKTOP_APP .bncSlideList .bncTable__row .bncActionListActive .bncActionList {
  height: auto;
  top: auto;
  bottom: -14px;
}
.DESKTOP_APP .bncSlideList .bncSlideList__hideListWhileLoading {
  inset: 0;
  position: absolute;
  background-color: inherit;
  z-index: 1;
}
.DESKTOP_APP .bncSlideList .bncActionList__ul {
  align-items: flex-end;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncSlideList .bncTable__row--active .bncActionList {
    right: -20px;
    padding: 0 16px;
  }
  .DESKTOP_APP .bncSlideList .bncTable__row--active .bncActionList .bncActionList__ul {
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSlideList bnc-box.animate-fade-out {
    animation: none;
  }
}
.DESKTOP_APP .bncSlideList bnc-table-row:first-of-type {
  position: relative;
}
.DESKTOP_APP .bncSlideList bnc-table-row:first-of-type::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 10px 10px -10px var(--backgroundColor0);
  opacity: 1;
  top: 0;
  height: 16px;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncSlideList bnc-table-row.active:not(.closeToBottom) .bncIndex--copySlide {
    top: 42px;
    bottom: auto;
  }
}
.DESKTOP_APP .bncSlideList bnc-table-row:not(.active).closeToBottom .bncIndex--copySlide {
  top: auto;
  bottom: 42px;
}
.DESKTOP_APP .bncSlideList .bncIndex--copySlide {
  top: 90%;
  right: 12px;
  left: auto;
}
.DESKTOP_APP .bncSlideList .bncIndex--copySlide:not(:popover-open) {
  transform-origin: top;
  scale: 1 0;
}
.DESKTOP_APP .bncSlideList .slideViewWrapper .bncIndex--copySlide {
  top: auto;
  right: auto;
  bottom: 48px;
  left: -90px;
}
.MOBILE_APP .bncSlideList bnc-table-row:first-of-type:not(.adsExcerpt) {
  border-top: 8px solid var(--baseGrey4);
}
.MOBILE_APP .bncSlideList bnc-table-row .bncTable__row {
  border-bottom: none;
  padding: 0;
}
.MOBILE_APP .bncSlideList .bncDragSort--moveAfter::after,
.MOBILE_APP .bncSlideList .bncDragSort--moveBefore::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 8px 8px 8px 16px;
  height: 62px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--middleGrey);
  box-shadow: inset 8px 0 0 8px var(--backgroundColor0), inset 18px 0 0 0 var(--baseGrey2);
}
.MOBILE_APP .bncSlideList .bncActionList__ul {
  align-items: flex-start;
}
.MOBILE_APP .bncSlideList .bncActionList__action .bncActionList__icon {
  margin-top: 8px;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__row--active .bncSlideExcerpt .bncSlidePreviewWrapper {
    display: none;
  }
}
.adsExcerpt {
  margin-inline: var(--tableRowBorderInlineWidth);
}
.DESKTOP_APP .adsExcerpt {
  border: 1px solid var(--middleGrey);
}
.DESKTOP_APP .adsExcerpt:hover {
  border: 1px solid var(--backgroundColor1);
}
.DESKTOP_APP .adsExcerpt.active {
  border-color: transparent;
  background-color: var(--backgroundColor1);
}
.MOBILE_APP .adsExcerpt .bncButton--cancel.icon-custom-remove {
  font-size: 16px;
  margin: 0 auto 0 -10px;
}
.MOBILE_APP .adsExcerpt .bncSecondaryHeading {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
  flex: 1;
  text-align: center;
  align-self: center;
  margin: 0 auto 0 0;
}
.adsExcerpt .bncTable__row.bncTable__row {
  padding-block: 14px;
}
.MOBILE_APP .adsExcerpt .bncTable__row.bncTable__row {
  padding-inline: 0;
}
.adsExcerpt .bncTable__row.bncTable__row::after,
.adsExcerpt .bncTable__row.bncTable__row::before {
  content: none;
}
.bncSlideExcerpt:not(.bncSlideExcerpt--ads) {
  display: flex;
  align-items: flex-start;
}
.MOBILE_APP .bncSlideExcerpt {
  flex-direction: column;
  align-items: stretch;
}
.MOBILE_APP .bncSlideExcerpt.bncSlideExcerpt--ads .bncSlideDetails {
  border-bottom: none;
  padding-block: 16px 0;
}
.MOBILE_APP .bncSlideExcerpt.bncSlideExcerpt--ads .bncSlideDetails p {
  border: 1px solid var(--middleGrey);
  padding: 12px 16px;
}
.bncSlideExcerpt .bncSlidePreviewWrapper {
  position: relative;
}
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreviewWrapper {
  box-shadow: 0 0 100px 0 var(--minimalShadowColor);
  margin-right: 12px;
}
.bncSlideExcerpt .bncSlidePreview {
  background-color: var(--backgroundColor0);
  vertical-align: top;
  box-sizing: content-box;
  filter: grayscale(0);
}
.MOBILE_APP .bncSlideExcerpt .bncSlidePreview {
  width: 100%;
  height: auto;
  touch-action: pan-y pinch-zoom;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}
.bncSlideExcerpt .bncSlidePreviewDimmer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  pointer-events: none;
}
.bncSlideExcerpt .bncSlideDuration {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--backgroundColor0);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 4px;
  min-width: 32px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.bncTable__row:hover .bncSlideExcerpt .bncSlideDuration {
  opacity: 1;
}
.bncSlideExcerpt .bncSlideDetails {
  min-width: 1%;
}
.DESKTOP_APP .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text {
  transition: none;
  max-height: 30px;
}
@media screen and (max-width: 1899px) {
  .DESKTOP_APP .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text {
    max-height: 37px;
  }
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text {
    max-height: 29px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text {
    max-height: 23px;
  }
}
.MOBILE_APP .bncSlideExcerpt .bncSlideDetails {
  background-color: var(--baseGrey6);
  --padding-inline: clamp(16px, 0.46366782006920415rem + 2.768166089965398vw, 24px);
  --padding-bottom: clamp(48px, 1.9273356401384083rem + 5.536332179930796vw, 64px);
  padding: 12px var(--padding-inline) var(--padding-bottom);
  border-bottom: 8px solid var(--baseGrey4);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text--expired {
  color: var(--baseGrey3);
}
@media screen and (max-width: 1899px) {
  .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text--expired {
    font-weight: 400;
  }
}
.bncSlideExcerpt .bncSlideDetails .bncSlideDetails__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bncSlideExcerpt .bncSlideDetails .bncSlideDetails__details:empty {
  display: none;
}
.bncSlideExcerpt .bncSlideDetails .bncTags {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
}
.bncSlideExcerpt .bncSlideDetails .bncTags .bncTag {
  margin-right: 4px;
  white-space: nowrap;
}
.bncSlideExcerpt .bncSlideDetails .bncTags .bncTag span {
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__row--active .bncSlideExcerpt .bncSlideDetails {
    display: flex;
    max-width: calc(100% - 140px);
    align-items: center;
  }
  .DESKTOP_APP .bncTable__row--active .bncSlideExcerpt .bncSlideDetails .bncSecondaryHeading__text {
    margin-top: -2px;
  }
  .DESKTOP_APP .bncTable__row--active .bncSlideExcerpt .bncSlideDetails .bncSlideDetails__details {
    flex-direction: row;
    padding-right: 24px;
    max-height: 18px;
    overflow: hidden;
  }
  .DESKTOP_APP .bncTable__row--active .bncSlideExcerpt .bncSlideDetails p {
    margin-left: 8px;
  }
}
.bncSlideExcerpt .bncSlideDetails p {
  color: var(--baseGrey2);
}
@media screen and (max-width: 799px) {
  .bncTable__row--active .bncSlideExcerpt .containsEllipsisElement + .bncSlideDetails__details .bncTag span {
    display: none;
  }
}
.bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview,
.bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"] {
  box-sizing: content-box;
  -o-object-fit: contain;
     object-fit: contain;
}
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview,
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"] {
  width: 77px;
  height: 77px;
  border: 0 solid transparent;
}
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview.bncSlidePreview--landscape,
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"].bncSlidePreview--landscape {
  border-color: var(--backgroundColor0--light);
  border-right-width: 30px;
  border-left-width: 30px;
}
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview.bncSlidePreview--portrait,
.DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"].bncSlidePreview--portrait {
  border-color: var(--backgroundColor0--light);
  border-top-width: 30px;
  border-bottom-width: 30px;
}
.MOBILE_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview,
.MOBILE_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"] {
  width: 100vw;
  height: calc(100vw / var(--channelAspectRatio));
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview,
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"] {
    width: 90px;
    height: 90px;
  }
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview.bncSlidePreview--landscape,
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"].bncSlidePreview--landscape {
    border-right-width: 35px;
    border-left-width: 35px;
  }
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview.bncSlidePreview--generatingPreview.bncSlidePreview--portrait,
  .DESKTOP_APP .bncSlideExcerpt .bncSlidePreview[src$="Icon-No-Image_v4.54.png"].bncSlidePreview--portrait {
    border-top-width: 35px;
    border-bottom-width: 35px;
  }
}
.bncTable__row:not(.bncTable__row--active) .bncNotActiveDue2PrioritySlide {
  order: 100;
}
@media screen and (min-width: 1200px) {
  .bncTable__row .bncNotActiveDue2PrioritySlide {
    order: 100;
  }
}
.bncSlidePreview {
  display: block;
}
.MOBILE_APP .bncSlidePreview.bncDragSort__ghost {
  opacity: 0.9;
  box-shadow: 0 0 4px 0 var(--primaryColor);
  z-index: 10;
  height: auto;
}
.bncSlidePreview.bncSlidePreview--generatingPreview {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncScrollXContainer.bncOverflowedX {
  overflow-x: auto;
  overflow-y: hidden;
}
.bncMainContainer {
  --scaleBack: 1;
  --scaleBackStage2: 1;
  --channelAspectRatio: 1.7778;
}
.dynamicTemplate .bncScaleBack {
  transform: scale(var(--scaleBack));
}
.dynamicTemplate--stage2 .bncScaleBack {
  transform: scale(var(--scaleBackStage2));
}
.bncSlideEditorContainer {
  --buttonsHeight: 40px;
  --previewHeight: 100%;
  --previewWidth: 100%;
  --slideWidth: 100%;
  --slideHeight: 100%;
  --viewerScale: 0.3;
  --slideScale: scale(var(--viewerScale), var(--viewerScale));
  --scrollX: 1;
  --showZoom: 1;
  --minPreviewHeight: 100%;
  --minPreviewWidth: 100%;
  --minViewerScale: 1;
  --editStage2scale: 1;
}
.bncSlideEditorContainer .bncChannelSlideEditorContainer > div {
  height: var(--slideHeight);
  width: var(--slideWidth);
  transform: var(--slideScale);
}
.bncSlideEditorContainer .bncSlideEditor,
.bncSlideEditorContainer .bncSlidePreview {
  height: var(--previewHeight);
  flex: 0 0 var(--previewWidth);
  max-width: var(--previewWidth);
  overflow: hidden;
}
.bncSlideEditorContainer .bncSlideView {
  width: var(--minPreviewWidth);
  height: var(--minPreviewHeight);
  overflow: hidden;
}
.bncSlideEditorContainer .bncSlideWrapper {
  width: var(--slideWidth);
  height: var(--slideHeight);
  transform: var(--slideScale);
  transform-origin: left top;
}
.bncSlideEditorContainer .dynamicTemplate--stage2 {
  width: var(--slideWidth);
  height: var(--slideHeight);
  transform: scale(var(--editStage2scale), var(--editStage2scale));
}
.bncSlideEditorContainer .highlightDirective {
  outline: 4px dashed red;
}
.bncSlideShadow {
  transition: all 1ms;
  box-shadow: 0 0 100px 0 var(--minimalShadowColor);
  margin: auto;
}
.bncSlideShadow.bncSlideEditorContainer--preview {
  margin: 0;
}
.bncSlideEditorContainer--preview .bncSlideShadow {
  margin: 0 auto;
}
.bncResolutionWarning {
  color: #f78b1e;
  font-size: 22px;
  transform-origin: left top;
  margin-top: 16px;
}
.bncSlide--published .icon-custom-eye {
  display: none !important;
}
.bncSlide--published .icon-custom-eye-closed {
  display: inline-flex;
}
.bncSlide--unpublished .icon-custom-eye {
  display: inline-flex;
}
.bncSlide--unpublished .icon-custom-eye-closed {
  display: none !important;
}
.bncSlide--unpublished .bncSlidePreview {
  filter: grayscale(1);
}
.bncSlide--unpublished .bncSlideDetails h2,
.bncSlide--unpublished .bncSlideDetails p,
.bncSlide--unpublished .bncSlideDetails p::after {
  color: var(--baseGrey3);
}
@media screen and (max-width: 1899px) {
  .bncSlide--unpublished .bncSlideDetails h2,
  .bncSlide--unpublished .bncSlideDetails p,
  .bncSlide--unpublished .bncSlideDetails p::after {
    font-weight: 400;
  }
}
.bncSlide--unpublished .bncTag {
  background-color: var(--baseGrey4);
}
.hideDaysError .bncError {
  display: none;
}
.bncSlideChannelFilterButtons.bncFilter--buttons {
  position: relative;
  display: flex;
}
.DESKTOP_APP .bncSlideChannelFilterButtons.bncFilter--buttons {
  height: 40px;
  padding: 0 16px 0 0;
  justify-content: flex-end;
}
.bncSlide__slidePreview {
  display: block;
  background-color: var(--backgroundColor0);
  position: fixed;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 3000000000;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.pbVideoSlide {
  position: relative;
}
.pbVideoSlide::after {
  position: absolute;
  left: 4px;
  bottom: 4px;
  content: "\e81d";
  font-family: "spark";
  font-size: 20px;
  color: var(--backgroundColor0);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.MOBILE_APP .pbVideoSlide::after {
  font-size: clamp(20px, 0.3784602076124567rem + 4.498269896193772vw, 33px);
  --offset: clamp(16px, 0.46366782006920415rem + 2.768166089965398vw, 24px);
  left: var(--offset);
  bottom: var(--offset);
}
.pbVideoSlide.bncMediaFile__wrapper::after {
  left: 8px;
  bottom: 8px;
  pointer-events: none;
}
.bncTable__header .bncOptionsWrapper .icon-custom-play-circle-empty {
  margin-left: 2px;
}
.bncTable__header .bncOptionsWrapper .icon-custom-play-circle-empty::before {
  font-size: 20px;
}
.DESKTOP_APP .hideUnlinkAction .unlink-slide,
.MOBILE_APP .hideUnlinkAction .unlink-slide {
  display: none;
}
.toolbarObjectContainer {
  --offsetLeft: 0;
  --offsetTop: 0;
  --scale: 1;
  position: relative;
  z-index: 30;
  text-align: left;
}
.MOBILE_APP .toolbarObjectContainer {
  position: static;
}
.MOBILE_APP .toolbarObjectContainer .toolbarObject {
  transition: transform 0.2s ease-in-out;
  transform: translate3d(0, 100%, 0) scale3d(var(--scale), var(--scale), 1);
}
.MOBILE_APP .toolbarObjectContainer.toolbarObjectContainer--onScreen .toolbarObject {
  transform: translate3d(var(--offsetLeft), var(--offsetTop), 0) scale3d(var(--scale), var(--scale), 1);
}
.DESKTOP_APP .toolbarObjectContainer.toolbarObjectContainer--offScreen {
  transform: translate(0, -200vw);
}
.DESKTOP_APP .toolbarObjectContainer.introjs-fixParent {
  z-index: 30 !important;
}
.toolbarObjectContainer .pbEditor__aiAttention {
  background-color: var(--backgroundColor1);
  order: -1;
  flex: 0 0 calc(100% + 32px);
  margin: -16px -16px 16px;
  padding-inline: 16px;
  min-height: 32px;
  display: flex;
  align-items: center;
}
.toolbarObject {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  z-index: 10;
  inset: 8px auto auto -2px;
  padding: 16px 16px 2px;
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
  transform-origin: left top;
  max-height: calc(100dvh - 112px - var(--infoBarHeight));
  touch-action: none;
}
@media screen and (min-width: 1200px) {
  .toolbarObject {
    max-height: calc(100vh - 72px - var(--infoBarHeight));
  }
}
.MOBILE_APP .toolbarObject {
  will-change: transform;
  inset: auto 0 0;
  transform-origin: left bottom;
  transition: transform 0.02s;
}
.toolbarObject.toolbarObject--fixed {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  padding: 28px 32px 8px;
  width: 280px;
  overflow-y: auto;
}
.MOBILE_APP .toolbarObject.toolbarObject--fixed {
  width: auto;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.toolbarObject .toolbarClose {
  position: sticky;
  width: 100%;
  top: 0;
}
.toolbarObject .bncInlineEditCancel {
  font-size: 18px;
  margin-top: -18px;
  margin-right: -24px;
  float: right;
}
.toolbarObject .toolbarEditor {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}
.toolbarObject .toolbarEditor > .toolbarEditor__groupDivider {
  order: 50;
}
.toolbarObject .toolbarEditor label,
.toolbarObject .toolbarEditor span {
  font-size: 13px;
}
.toolbarObject .toolbarEditor p {
  width: 100%;
  box-sizing: content-box;
}
.toolbarObject.toolbarObject--flex .toolbarEditor {
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: baseline;
}
.toolbarObject.toolbarObject--flex .toolbarEditor .pbTextColor {
  order: 100;
  display: flex;
  margin: -1px 0 0 8px;
  height: 30px;
}
.toolbarObject .toolbarEditor__groupDivider {
  width: 1px;
  height: 18px;
  margin: -1px 12px;
  background-color: var(--middleGrey);
}
.MOBILE_APP .toolbarObject .toolbarEditor__groupDivider {
  margin: 7px 12px;
}
.toolbarObject .bncButton.bncButton--blank,
.toolbarObject .pbFileSelectDialog {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  border-radius: 0;
  margin: 0 -16px;
  width: calc(100% + 16px);
  padding: 11px 16px;
  cursor: pointer;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}
.toolbarObject .bncButton.bncButton--blank:hover,
.toolbarObject .pbFileSelectDialog:hover {
  cursor: pointer;
  background-color: var(--backgroundColor1);
  color: var(--primaryColor);
}
.toolbarObject .bncButton.bncButton--blank--delete:hover,
.toolbarObject .pbFileSelectDialog--delete:hover {
  color: #f78b1e;
}
.toolbarObject .bncButton.bncButton--blank.bncButton--delete,
.toolbarObject .pbFileSelectDialog.bncButton--delete {
  order: 100;
}
.toolbarObject .bncButton.bncButton--blank.bncButton--delete:hover,
.toolbarObject .pbFileSelectDialog.bncButton--delete:hover {
  color: #f78b1e;
}
.toolbarObject .pbFileSelectDialog:last-child {
  margin-bottom: -11px;
}
.toolbarObject .toolbarHeader {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  color: var(--primaryColor);
  margin-bottom: 16px;
}
.toolbarObject .bncForm__rowWrapper {
  display: flex;
  margin-bottom: 12px;
}
.toolbarObject .bncForm__rowWrapper:last-child {
  margin-bottom: 0;
}
.toolbarObject .bnc-select2 {
  width: 100%;
}
.bncInlineEditCancel {
  color: var(--baseGrey1);
  cursor: pointer;
}
.bncInlineEditCancel:hover {
  color: #e40046;
}
.bncCounter {
  background-color: var(--backgroundColor0);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 36px;
}
.bncCounter .bncSecondaryHeading {
  margin-top: 0;
  font-size: 22px;
  line-height: 30px;
}
.bncCounter.bncMainContainer {
  min-width: 100vw;
  min-height: 100vh;
  background-color: var(--primaryColor);
}
.bncCounter.bncMainContainer .bncSecondaryHeading {
  margin-bottom: 5vmin;
  color: var(--backgroundColor0);
}
.hoverState {
  border-color: #e40046;
}
.hoverState [class*=icon-] {
  color: #e40046;
}
.bncCounter__smallButtons {
  display: flex;
  margin-top: 48px;
}
.bncCounter__smallButtons .bncCounter__button:hover {
  border-color: #e40046;
}
.bncCounter__smallButtons .bncCounter__button:hover [class*=icon-] {
  color: #e40046;
}
.bncCounter__button {
  border: 1px solid var(--middleGrey);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bncCounter__button + .bncCounter__button {
  margin-left: 5px;
}
.bncCounter__button [class*=icon-] {
  color: var(--baseGrey1);
  font-size: 16px;
}
.bncCounter__button.bncCounter__button--disabled {
  color: var(--baseGrey3);
  border: 1px solid var(--baseGrey3);
  cursor: default;
}
.bncCounter__button.bncCounter__button--disabled [class*=icon-] {
  color: var(--baseGrey3);
}
.bncMainContainer.bncCounter .bncCounter__button.bncCounter__button--disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: auto;
}
.bncCounter__button.bncCounter__button--openWindow i {
  margin: 4px 0 0 2px;
}
.bncCounter__button.bncCounter__button--pause i {
  margin-top: 2px;
}
.bncCounter__button.bncCounter__button--next i {
  font-size: 30px;
  pointer-events: none;
}
.bncCounter__button.bncCounter__button--hover:not(.bncCounter__button--large) {
  border-color: #e40046;
}
.bncCounter__button.bncCounter__button--hover:not(.bncCounter__button--large) [class*=icon-] {
  color: #e40046;
}
.bncCounter__button.bncCounter__button--busy {
  cursor: default;
  pointer-events: none;
}
.bncCounter__button--large {
  position: relative;
  width: 79%;
  padding-bottom: 79%;
}
.bncCounter__busyIndicator {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition-property: transform;
  transition-duration: 0s;
}
.bncCounter__busyIndicator.bncCounter__busyIndicator--busy {
  transition: 1s ease;
  transform: rotate(360deg);
}
.bncCounter__busyIndicator::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px auto;
  border-radius: 50%;
  background-color: var(--primaryColor);
}
.bncMainContainer.bncCounter .bncCounter__busyIndicator::before {
  background-color: var(--backgroundColor0);
}
.bncCounter__buttonInner {
  width: 86%;
  height: 86%;
  border-radius: 50%;
  position: absolute;
  left: 7%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e40046;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncCounter__buttonInner.bncCounter__buttonInner--hover,
.bncCounter__buttonInner:hover {
  background-color: #b60038;
}
.bncCounter__buttonInner.bncCounter__buttonInner--paused {
  background-color: transparent;
}
.bncCounter__buttonCount {
  color: var(--backgroundColor0);
  line-height: 1;
  font-size: 80px;
  pointer-events: none;
}
.bncCounter__buttonCount [class*=icon-] {
  font-size: 140px;
}
.bncCounter__buttonCount [class*=icon-]::before {
  margin-left: 0.3em;
  margin-top: 0.1em;
}
.bncCounter__buttonCount.bncCounter__buttonCount--resizable {
  font-size: 21vw;
}
.bncCounter__buttonCount.bncCounter__buttonCount--resizable [class*=icon-] {
  font-size: 40vw;
}
.bncCounter__buttonCount.bncCounter__buttonCount--resizable [class*=icon-]::before {
  margin-right: 1vw;
  margin-left: 6vw;
  margin-top: 1vw;
}
.bncCounters {
  display: grid;
  grid-template-columns: repeat(auto-fit, 372px);
  grid-auto-rows: min-content;
  grid-gap: 20px;
  padding-bottom: 40px;
}
[class*=_APP] tracking-number-buttons.bncMainContainer {
  min-width: auto;
}
.bncTable .bncTrackingNumbersBox .bncBox {
  background-color: transparent;
}
.bncTable .bncTrackingNumbersBox .bncBox .bncOverflowedY:not(.bncOverflowedY--scrollEnd)::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
  bottom: 0;
  opacity: 1;
}
.trackingNumber__icon {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  flex: 0 0 56px;
  font-size: 28px;
  color: var(--baseGrey2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.DESKTOP_APP .trackingNumber__icon {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .trackingNumber__icon,
.MOBILE_APP .trackingNumber__icon {
  border-radius: 1in;
}
.MOBILE_APP .trackingNumber__icon {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .trackingNumber__icon,
.MOBILE_APP .bncFormBlock--horizontal .trackingNumber__icon {
  width: 100%;
  flex: 0 1 100%;
}
.trackingNumber__icon:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.trackingNumber__icon--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.trackingNumber__icon:first-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.trackingNumber__icon:last-child {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.trackingNumber__value {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  flex: 0 0 136px;
  border-radius: 0;
  text-align: center;
  font-weight: 300;
  font-size: 22px;
  height: 48px;
}
.DESKTOP_APP .trackingNumber__value {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .trackingNumber__value,
.MOBILE_APP .trackingNumber__value {
  border-radius: 1in;
}
.MOBILE_APP .trackingNumber__value {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .trackingNumber__value,
.MOBILE_APP .bncFormBlock--horizontal .trackingNumber__value {
  width: 100%;
  flex: 0 1 100%;
}
.trackingNumber__value:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.trackingNumber__value--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncDraggable {
  margin-bottom: 8px;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncFormBlock--horizontal {
  margin-bottom: 0;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncDragHandle {
  top: 8px;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncTextinput {
  margin-left: 24px;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncErrorParentContainer > .bncTextinput {
  width: auto;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncLabel {
  margin-left: 8px;
}
.DESKTOP_APP .bncCounterConfigurationEditor .bncConfigurationEditor__DeleteRow {
  display: flex;
  align-items: center;
}
/*------------------------------------*\
  #BNC-USER PROFILE
\*------------------------------------*/
.bncUserProfileWrapper {
  background-color: var(--backgroundColor0);
}
.bncUserProfileWrapper [bnc-box-sticky-elements]::before {
  margin: 0 -36px;
}
.bncMainContainer--basicLayout .bncUserProfileWrapper [bnc-box-sticky-elements] {
  max-height: calc(100vh - 40px - var(--infoBarHeight));
  overflow-x: hidden;
  padding: 0 36px;
}
@media screen and (max-width: 1023px) {
  .bncMainContainer--basicLayout .bncUserProfileWrapper [bnc-box-sticky-elements] {
    padding: 0 28px;
  }
}
@media screen and (max-width: 799px) {
  .bncMainContainer--basicLayout .bncUserProfileWrapper [bnc-box-sticky-elements] {
    padding: 0 20px;
  }
}
.MOBILE_APP .bncUserProfileWrapper [bnc-box-sticky-elements] {
  overflow-x: hidden;
}
.bncUserProfile {
  container-type: inline-size;
}
@container (width < 640px) {
  .bncUserProfile .row .bncSecondaryHeading--name,
  .bncUserProfile .row .col-6:not(.col--name) {
    display: none;
  }
  .bncUserProfile .row .col-3 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
.bncUserProfile .row {
  border-bottom: 1px solid var(--middleGrey);
  margin-bottom: 32px;
  padding-bottom: 8px;
}
.MOBILE_APP .bncUserProfile .row {
  margin-block: 0;
  padding: 16px var(--spacingInline);
}
.bncUserProfile .bncPrimaryHeading {
  color: var(--primaryColor);
}
.DESKTOP_APP .bncUserProfile {
  max-width: 960px;
  overflow-x: hidden;
}
.DESKTOP_APP .bncUserProfile .bncAvatar--mini {
  width: 32px;
}
.DESKTOP_APP .bncUserProfile .bncButton--neutral {
  font-size: 14px;
}
.MOBILE_APP .bncUserProfile {
  border-top: 1px solid var(--middleGrey);
  padding-top: 16px;
  margin-top: 48px;
}
.MOBILE_APP .bncUserProfile .bncAvatar--mini {
  width: 48px;
}
.MOBILE_APP .bncUserProfile .bncLabel--text,
.MOBILE_APP .bncUserProfile p:not(.bncLabel) {
  font-size: clamp(12px, 0.5488754325259515rem + 1.0380622837370241vw, 15px);
  line-height: clamp(18px, 0.8568339100346021rem + 1.384083044982699vw, 22px);
}
.MOBILE_APP .bncUserProfile .bncLabel--text.bncLabel--text,
.MOBILE_APP .bncUserProfile p:not(.bncLabel).bncLabel--text {
  padding: 0;
}
.MOBILE_APP .bncUserProfile__section {
  padding-top: 24px;
}
.bncNewEmail__warning {
  color: #f78b1e;
}
.bncModal__content.bncModal__content:has(.mfaDialog) {
  padding: 0 var(--modalPadding) var(--modalPadding);
}
.DESKTOP_APP .profileDialog {
  padding: 64px 40px 0 64px;
  width: min(var(--modalWidth) - 80px, 576px);
  max-height: 100%;
  overflow-x: hidden;
}
.DESKTOP_APP .profileDialog .bncButtonWrapper--modal {
  position: sticky;
  bottom: 0;
  margin-inline: -64px -40px;
  padding-inline: 64px 40px;
}
.DESKTOP_APP .profileDialog .bncButtonWrapper__inner {
  padding: 24px 0 32px;
}
.DESKTOP_APP .profileDialog.bncOverflowedY:not(.bncOverflowedY--scrollEnd) .bncButtonWrapper--modal::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  top: -10px;
  opacity: 1;
}
.MOBILE_APP .profileDialog {
  display: flex;
  flex-direction: column;
}
.MOBILE_APP .profileDialog .bncButtonWrapper--modal {
  border-bottom: 1px solid var(--middleGrey);
  width: 100vw;
  margin-inline: calc(-1 * var(--modalPadding));
  padding-inline: var(--modalPadding);
}
.MOBILE_APP .profileDialog .bncErrorMultipleFields .bncError {
  border-radius: 0;
}
.profileDialog .pbDialogTitle {
  margin-block: 0 8px;
}
.MOBILE_APP .profileDialog .pbDialogTitle {
  margin-block: 20px 8px;
}
.mfaDialog .nu-qrCode {
  margin-block: 24px;
  width: 160px;
  height: 160px;
}
.mfaDialog .mfaDialog__button {
  margin: 8px 0 0;
  order: unset;
  max-width: unset;
  width: -moz-max-content;
  width: max-content;
}
.bncUserListPage bnc-button-bar.bncButtonWrapper {
  margin: 0 -20px;
  position: sticky;
  left: -20px;
}
.bncUserListPage .bncButtonWrapper__inner::before {
  left: -20px;
  width: calc(100% + 20px);
}
.bncUserListPage .bncAvatar--medium {
  margin-left: -6px;
}
.bncUserListPage .bncButton.bncButton--blank[class*=icon-custom] {
  min-width: 0;
  font-size: 18px;
}
.DESKTOP_APP .bncUserListPage .bncSecondaryHeading {
  margin: 0 0 16px;
  line-height: 20px;
}
.DESKTOP_APP .bncUserListPage .bncTextinput ~ .bncButton--small {
  margin: 12px auto 4px 0;
}
.heading__backlink {
  font-weight: 400;
  color: var(--baseGrey2);
  cursor: pointer;
}
.heading__backlink i {
  color: var(--baseGrey1);
}
.userDetailsContainer {
  container: wrapper / inline-size;
  position: sticky;
  left: 0;
}
.userDetails__managerPrivileges {
  container: privileges / inline-size;
  flex: 1;
}
.userDetails {
  display: flex;
  gap: 40px;
  margin: 0 0 80px !important;
}
.userDetails__personal {
  flex: 0 0 650px;
  display: flex;
  gap: 16px;
}
.userDetails__personal bnc-avatar {
  margin: 0 0 32px;
}
.userDetails__fields {
  flex: 0 0 575px;
}
.userDetails__columns {
  display: flex;
  gap: 8px;
}
.userDetails__columns .bncFormBlock--vertical {
  flex: 0 0 224px;
}
.userDetails__columns .dummy,
.userDetails__columns .userDetails__middleName {
  flex: 0 0 112px;
}
.userDetails__checkBoxes {
  -moz-columns: 2;
       columns: 2;
  -moz-column-width: 164px;
       column-width: 164px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  max-width: 360px;
}
@container wrapper (min-width: 891px) {
  .userDetails__testUserCheckbox {
    margin: 20px 121px;
  }
}
@container wrapper (max-width: 890px) {
  .userDetails__columns {
    flex-direction: column;
    gap: 0;
    flex: 1;
  }
  .userDetails__columns .bncFormBlock--vertical {
    flex: auto;
  }
  .userDetails__personal {
    flex: 0 1 464px;
  }
  .userDetails__fields {
    flex: 0 0 390px;
  }
  .userDetails {
    flex-direction: column;
  }
  .userDetails__personal {
    flex: auto;
  }
  .userDetails__managerPrivileges {
    padding-left: 74px;
  }
}
@container privileges (inline-size < 360px) {
  .userDetails__checkBoxes {
    display: flex;
    flex-direction: column;
  }
}
@supports not (contain: inline-size) {
  @media screen and (max-width: 1199px) {
    .userDetails {
      flex-direction: column;
    }
    .userDetails__personal {
      flex: auto;
    }
    .userDetails__managerPrivileges {
      padding-left: 74px;
    }
  }
  @media screen and (max-width: 1400px) {
    .userDetails__checkBoxes {
      display: flex;
      flex-direction: column;
    }
  }
}
.bncError.userEditError {
  top: 16px;
  width: 42px;
  height: 30px;
}
.bncError.userEditError .icon-custom-alert-filled::before {
  display: inline-block;
  scale: 1.3;
}
.bncUserListPage {
  background-color: var(--backgroundColor0);
  container-type: inline-size;
}
.bncUserListPage [bnc-box-sticky-elements] {
  max-height: calc(100vh - 80px - var(--infoBarHeight));
  padding: 0 20px 0 40px;
  clip-path: border-box;
}
.bncUserListPage [bnc-box-sticky-elements]::before {
  margin: 0 -20px 0 -40px;
}
.bncUserListPage [bnc-box-sticky-elements]::after {
  display: block;
  position: fixed;
  right: calc(100cqw - 19px);
  top: 180px;
  width: 19px;
  height: 100%;
  background-color: var(--backgroundColor0);
  z-index: 3;
}
.bncUserListPage .bncSecondaryHeading--noResults {
  padding: 24px 16px;
}
.bncUserListPage .bncSearchWrapper {
  position: relative;
  height: 40px;
  width: 100%;
  padding-right: 16px;
}
.bncUserListPage button.disabled .checkmark::before,
.bncUserListPage button.disabled p {
  color: var(--baseGrey3);
}
.bncUserListPage button.disabled .bncScrollTable__cell span.checkmark--allLocations,
.bncUserListPage button.disabled .bncScrollTable__cell span.checkmark--checked {
  border: solid var(--baseGrey3);
  border-width: 0 0 2px 2px;
}
.bncUserListPage button.disabled .bncScrollTable__cell span.checkmark--someLocations {
  background-color: var(--baseGrey3);
}
.bncUserListPage .icon-custom-download {
  margin-right: 4px;
}
.bncUserListPage__content {
  padding: 0 0 0 36px;
}
@media screen and (max-width: 1023px) {
  .bncUserListPage__content {
    padding-left: 28px;
  }
}
@media screen and (max-width: 799px) {
  .bncUserListPage__content {
    padding-left: 20px;
  }
}
.bncUserListPage__header {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  margin: 0 22px 0 0;
}
.bncUserListPage__header .dropdown__options {
  top: 100%;
}
.bncBox .bncUserListPage__header .bncPrimaryHeading {
  margin: 6px 34px;
}
.bncPrivilegesDropdown {
  flex: 1 1 50%;
  position: relative;
}
.bncScrollTable {
  overflow: auto;
}
.bncScrollTable:not([bnc-box-sticky-elements]) {
  height: calc(100vh - 96px - var(--infoBarHeight));
}
.bncScrollTable__row {
  display: flex;
  border-block: 1px solid var(--middleGrey);
  border-top-color: transparent;
  min-width: calc(100% - 32px);
  background-color: var(--backgroundColor0);
  position: relative;
}
.bncScrollTable__row.bncRowSelect--selected {
  background-color: var(--backgroundColor1);
  margin-left: -1px;
}
.bncScrollTable__row.bncRowSelect--selected:not(:hover) {
  border: 1px dashed var(--primaryColor);
}
.bncScrollTable__row.bncRowSelect--selected:not(:hover):not(:last-of-type) {
  border-bottom: 1px solid var(--middleGrey);
}
.bncScrollTable__row.bncRowSelect--selected:not(:hover) + .bncScrollTable__row:not(.bncRowSelect--selected) {
  border-top: 1px dashed var(--primaryColor);
}
.bncScrollTable__row.bncRowSelect--selected:not(:hover) + .bncRowSelect--selected {
  border-top-color: transparent;
}
.bncScrollTable__row.bncRowSelect--selected + .bncRowSelect--selected:hover {
  border-top: 1px dashed var(--primaryColor);
}
.bncScrollTable__row:not(.bncRowSelect--selected) .bncRowSelect:hover,
.bncScrollTable__row:not(.bncRowSelect--selected) button.bncLabel--sort:hover {
  color: #e40046;
}
.bncScrollTable__row.bncScrollTable__row--button {
  text-align: left;
}
.bncScrollTable__row.bncScrollTable__row--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncScrollTable__row.bncScrollTable__row--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncScrollTable__row.bncScrollTable__row--button:hover .icon-custom-pencil {
  color: #e40046;
}
.bncScrollTable__row .hoverEffect {
  background-color: var(--backgroundColor1);
  border-color: transparent;
  box-shadow: -16px 0 0 -1px var(--backgroundColor1), 0 -1px var(--backgroundColor0);
}
.bncScrollTable__row .hoverEffect .bncScrollTable__cell--rowHeader {
  background-color: var(--backgroundColor1);
}
@-moz-document url-prefix() {
  .bncScrollTable__row:not(.bncScrollTable__row--colHeaders):hover {
    background-color: var(--backgroundColor1);
    border-color: transparent;
    box-shadow: -16px 0 0 -1px var(--backgroundColor1), 0 -1px var(--backgroundColor0);
  }
  .bncScrollTable__row:not(.bncScrollTable__row--colHeaders):hover .bncScrollTable__cell--rowHeader {
    background-color: var(--backgroundColor1);
  }
}
@supports selector(:has(.bncActionList)) {
  .bncScrollTable__row:not(.bncScrollTable__row--colHeaders):hover:has(.bncActionList) {
    background-color: var(--backgroundColor1);
    border-color: transparent;
    box-shadow: -16px 0 0 -1px var(--backgroundColor1), 0 -1px var(--backgroundColor0);
  }
  .bncScrollTable__row:not(.bncScrollTable__row--colHeaders):hover:has(.bncActionList) .bncScrollTable__cell--rowHeader {
    background-color: var(--backgroundColor1);
  }
}
.bncScrollTable__row:not(.bncScrollTable__row--colHeaders):hover .bncActionList {
  opacity: 1;
  pointer-events: all;
  background-color: var(--backgroundColor1);
}
.bncScrollTable__row:not(.bncScrollTable__row--colHeaders) ~ .bncSecondaryHeading--noResults {
  display: none;
}
.bncScrollTable__row--colHeaders {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--backgroundColor0);
}
.bncScrollTable__row--colHeaders::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 100%;
}
.bncOverflowedY--scroll > .bncScrollTable__row--colHeaders {
  border-color: transparent;
}
.bncOverflowedY--scroll > .bncScrollTable__row--colHeaders::after {
  opacity: 1;
}
.bncScrollTable__cell {
  flex: 0 0 70px;
  min-height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncScrollTable__cell .bncCheckbox + label {
  transform: translate(10px, -9px);
}
.bncScrollTable__cell--rowHeader {
  justify-content: space-between;
  align-items: center;
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 1;
  padding: 0 10px 0 16px;
  flex: 0 0 280px;
}
.bncScrollTable__cell--rowHeader.bncScrollTable__cell--wide {
  flex: 0 0 340px;
  padding: 0 16px;
  border-right: 1px solid var(--middleGrey);
}
.bncOverflowedX--scroll .bncScrollTable__cell--rowHeader.bncScrollTable__cell--wide {
  border-right-color: transparent;
}
.bncScrollTable__cell--rowHeader.bncScrollTable__cell--wide .bncButton--neutral {
  font-size: 14px;
}
.bncScrollTable__cell--rowHeader::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  box-shadow: inset 10px 0 10px -10px var(--shadowColor);
  left: 100%;
}
.bncScrollTable__cell--rowHeader .bncScrollTable__filters {
  position: absolute;
  inset: 0 auto auto 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  padding: 0;
  box-shadow: 0 0 0 12px var(--backgroundColor0);
  background-color: var(--backgroundColor0);
  z-index: 1;
}
.bncScrollTable__cell--rowHeader .bncScrollTable__filters .bncFilter--buttons {
  padding: 0;
}
.bncOverflowedX--scroll .bncScrollTable__cell--rowHeader::after {
  opacity: 1;
}
.bncScrollTable__cell--rowHeader .expirationDate {
  color: var(--baseGrey2);
}
.bncScrollTable__cell--rowHeader p.disabled {
  color: var(--baseGrey3);
}
.bncScrollTable__cell--colHeader {
  height: 152px;
  pointer-events: none;
}
.bncScrollTable__cell--rowHeader.bncScrollTable__cell--colHeader {
  align-items: flex-end;
  box-shadow: -40px 0 var(--backgroundColor0);
  padding: 0;
}
.bncUserListPage .bncScrollTable__cell--rowHeader.bncScrollTable__cell--colHeader {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  pointer-events: all;
  border-right: 1px solid var(--middleGrey);
}
.bncUserListPage .bncOverflowedX--scroll .bncScrollTable__cell--rowHeader.bncScrollTable__cell--colHeader {
  border-right-color: transparent;
}
.bncScrollTable__cell--rowHeader.bncScrollTable__cell--colHeader .bncLabel--select {
  margin-bottom: 16px;
  pointer-events: all;
}
.bncScrollTable__cell--rowHeader.bncScrollTable__cell--colHeader .bncLabel--select:hover {
  color: #e40046;
}
.DESKTOP_APP .bncScrollTable__label {
  position: absolute !important;
  top: 52px;
  left: 0;
  display: block;
  width: 140px;
  height: 38px;
  transform: rotate(-60deg);
  text-indent: -10px;
  padding-left: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.DESKTOP_APP .bncScrollTable__label--altPosition {
  top: 22px;
}
.DESKTOP_APP .bncScrollTable__label.bncLabel {
  text-transform: none;
  text-align: left;
  display: flex;
}
.bncLabel--select {
  cursor: pointer;
}
.bncLabel--sort {
  cursor: pointer;
  pointer-events: all;
}
.bncLabel--sort:hover {
  color: #e40046;
}
.bncLabel--sort.bncLabel--sortAsc,
.bncLabel--sort.bncLabel--sortDesc {
  color: var(--primaryColor);
}
.checkmark,
.checkmark--noLocations {
  display: block;
  width: 16px;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.checkmark::before,
.checkmark--noLocations::before {
  content: '.';
  color: var(--baseGrey1);
  font-size: 22px;
  line-height: 0;
  display: block;
}
.checkmark--allLocations,
.checkmark--checked {
  transform: translateY(3px) rotate(-45deg);
  transform-origin: left top;
  border: solid #e40046;
  border-width: 0 0 2px 2px;
}
.checkmark--allLocations::before,
.checkmark--checked::before {
  display: none;
}
.checkmark--indetermined,
.checkmark--someLocations {
  width: 12px;
  height: 12px;
  background-color: #e40046;
  margin: 0 0 2px 2px;
}
.checkmark--indetermined::before,
.checkmark--someLocations::before {
  display: none;
}
.actionListWrapper {
  position: sticky;
  right: 0;
  margin-left: auto;
}
.userActionList {
  display: block;
  height: 60px;
  position: relative;
}
.userActionList .bncActionList {
  padding-right: 8px;
  height: 100%;
}
.webOSDebugMode__container {
  padding: 40px;
}
.webOSDebugMode__container .webOSDebugMode__status {
  margin-top: 20px;
}
.webOSDebugMode__container button {
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.webosFirmwareVersion .bncScrollTable__cell--rowHeader ~ .bncScrollTable__cell {
  flex: 0 0 90px;
  justify-content: flex-start;
}
.webosFirmwareVersion .bncScrollTable__row:hover {
  box-shadow: none;
}
.webosFirmwareVersion .bncScrollTable__row--colHeaders .bncLabel {
  margin-left: 10px;
}
.webosFirmwareVersion .bncScrollTable__cell--rowHeader {
  flex: 0 0 180px;
  padding: 0;
}
.webosFirmwareVersion .bncFormBlock--horizontal > .bncLabel,
.webosFirmwareVersion .bncSecondaryHeading .bncForm__col2 {
  flex: 0 0 180px;
}
.webosFirmwareVersion.webosFirmwareVersionItem .bncFormBlock--horizontal.alignTop .bncLabel {
  padding: 0 0 8px;
}
.webosFirmwareVersion.webosFirmwareVersionItem .bncScrollTable__row--colHeaders .bncLabel {
  margin-left: 0;
}
/*
    Unminified development version of the datepicker stylesheet. Please use the
    minified version in production - remember to run a find/replace on the
    minified file to update the image locations to suit your installation - more
    info can be found in the header of the minified file.
    
/

/*
    Hide the datepickers associated input by using a className
*/
.fd-hidden-input {
  display: none;
}
/*
    Screen reader class - used to hide spans inside each cell from the visual
    display. See: http://webaim.org/techniques/css/invisiblecontent/
*/
.fd-screen-reader {
  position: absolute;
  opacity: 0;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0 none;
}
/*
    The wrapper div
*/
.date-picker {
  position: absolute;
  z-index: 9999;
  text-align: center;
  /* 
    Change the font-size to suit your needs. The following line is for the demo
    that has a 14px font-size defined on the body tag.

    All other rules are "em" based and inherit from the font-size set here.
    font:900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
    */
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: transparent;
  /*
    Set the fade in/out animation time here. This is used for browsers that
    support CSS transitions. Non-supporting browsers receive the fade effect
    using a Javascript fallback.
    */
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
.date-picker div {
  margin-top: 6px;
}
/*
    The following rule is used whenever CSS Animations are supported by the
    browser
*/
.date-picker.fd-dp-fade {
  opacity: 0;
}
/*
    Styles for the static datePickers
*/
.static-datepicker {
  position: relative;
  top: 5px;
  left: 0;
  margin-bottom: 1.5em;
}
/*
    The activation "button" created beside each input for popup datePickers
*/
.date-picker-control span {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin: auto 0;
  resize: none;
  outline: none;
}
/*
    The hover effect on the activation button
*/
.date-picker-button-active span,
.date-picker-control:active span,
.date-picker-control:focus span,
.date-picker-control:hover span {
  outline: none;
  border-radius: 2px;
}
/*
    A base64 encoded image-sprite is used for the activation button. IE6 and 7
    get fed "normal" png images within the rule that follows.
*/
input:not([type]).date,
input[type="text"].date {
  width: 120px;
}
.date-picker-control:link,
.date-picker-control:visited {
  position: relative;
  margin-left: 12px;
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABgCAYAAAAHBrJUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wUaDQQV2ZGObQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAANdSURBVGje7ZdPaCNVGMB/+buNs86mSTUJKbEuNNhdkzbQNm3w0IrGQ711wYNeVpBeFPbgyd2TgtXLLqKouYh6cqlXqYjQKrSHVJq6Q2MJLrvbtOy6IdlsmmEmaf7sIcvCiFjImLWH947fx7zffO97895vLHx3q00Ph5UeDwH4/wF2gPZroZ5Mbrm6+5gqOGr8fEfjk9wBv5fr3NVbPN1nJep2ciH8JC/5XeYAn+UqvJMpG2J5rUVe0/nhts6nMTdvh+Xum/zhHxUAFk5L3JgLUDs3yI25AG89KwGw+DDfNUBrdE6Sj0bdDJ104LRZGTrp4ONRdyffbJsDvDHUedOL18rsqoccNlvcqh7y3rXOsr3+jGSuB1di/QRdNr74s8rn19VH8ZDLxmLkFO8+J5v/0Aq1JsV60xAr1psUak3z2/SSUuZyrkrSd4IrsX5OS3auVxtcyNzjcq6K02phcbS/+wq+vdlZlq8mvZw55aTPbuWs28nXcS8A39xUzS1Rqdb6x3j74ea5V2+ZA4y6HQC8mS6SvV9Hb7TI3q9zPl005LvuwfsRN3O/3uWnv2qc/fHO3x5u88HzbnMVvBJw8VvSz3zQxdATNhwW8DosvBro45cXfbwccJk/7Mb6T/D9C08d4wvHcnW3d4Avy8vi0heA/2CbLiws9GTyVCp1TLxob28PRVEoFotomobL5cLj8RCNRhkcHDQHUBSF9fV1Q0xVVVRVJZ/Pk0gkiEQi3QMymQwAIyMjjI2NIUkSqqqSyWTY2dlha2vrXwFH9qDRaAAQj8eRZRmbzYYsy8TjcUO+a0A4HAYgnU5zcHBAs9mkUqmQTqcBGB4eNteD6elpJElie3ubbDb7KC5JEpOTk0SjUfMfmqZp6LpuiOm6jqZp5rfpxsYGiqIQDAZJJBLIskylUmFtbQ1FUbBarUxNTXVfQS6XA2BmZgaPx4Pdbsfj8TA7O2vIdw2o1Wqm8kcCvN6Owa2urlIqlWg0GpRKJVZWVgz5rnswPj7O8vIy+/v7LC0tGX/yLBYmJibMAUKhEPPz82xublIoFFBVFafTic/nIxaL4ff7zR92AwMDJJPJY3zhpFIpcScLgPAi4UXCi4QXCS8SXiS8SHiRAAgvEl4kvEh4kfAi4UXCix6LFz0AKlJHppLCRtoAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 0 -48px;
  min-width: 24px;
  line-height: 1;
  cursor: pointer;
  visibility: visible;
  text-decoration: none;
  vertical-align: text-bottom;
  resize: none;
}
/*
    If the datepicker has a valid date then use a different icon for the
    activation button to let the user know. It's a little detail but it's the
    little things in life etc
*/
.date-picker-dateval:link,
.date-picker-dateval:visited {
  background-position: 0 -48px;
}
/*
    Hover states etc for the activation button
*/
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:active,
.date-picker-control:focus,
.date-picker-control:hover {
  background-position: 0 0;
}
/*
    Disabled activation button
*/
.date-picker-control-disabled:active,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited {
  background-position: 0 -36px;
  cursor: default;
}
.date-picker-control-disabled:active span,
.date-picker-control-disabled:hover span {
  box-shadow: none !important;
}
/*
    IE, older Safari & Opera. Seperate CSS rule seems to be required.
*/
.date-picker-control {
  display: inline-block;
  outline: none !important;
}
/*
    Default datepicker "button" styles
*/
.date-picker th span {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0 none;
  background: transparent;
  cursor: pointer;
}
/*
    The "month, year" display
*/
.date-picker .month-display,
.date-picker .year-display {
  display: inline;
  text-transform: capitalize;
}
/*
    Generic button class for Next & Previous (both month & year) buttons
*/
.date-picker .next-but,
.date-picker .prev-but {
  color: var(--baseGrey1);
  cursor: pointer;
  padding: 15px 6px;
}
/*
    Hover effect for Next & Previous (month, year) buttons
*/
.date-picker .next-but:hover,
.date-picker .prev-but:hover,
.date-picker .today-but:hover {
  color: #e40046;
}
/*
    Today button
*/
.date-picker .today-but {
  text-align: center;
  text-transform: capitalize;
  height: 48px;
  padding-top: 15px;
  cursor: pointer;
}
.date-picker .todayRow {
  height: 48px;
  overflow: hidden;
}
/*
    Disabled buttons
*/
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker-disabled .next-but,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .prev-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .today-but,
.date-picker-disabled .today-but:hover {
  color: var(--baseGrey3);
  cursor: default !important;
  opacity: 1;
}
.date-picker .next-but.fd-disabled:hover,
.date-picker .prev-but.fd-disabled:hover {
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.75);
}
.date-picker table {
  background-color: white;
  table-layout: auto;
  empty-cells: show;
  border-collapse: separate;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
  width: 320px;
  height: auto;
  font-size: 1em;
}
.date-picker table tbody {
  padding: 0 32px;
}
/* 
    Common TD & TH styling
*/
.date-picker tbody th,
.date-picker td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-transform: none;
  font-weight: 300;
}
.date-picker th {
  border: 0 none;
  padding: 0;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
}
.date-picker .date-picker-week-header {
  background: transparent;
  cursor: default;
}
.date-picker .date-picker-thead .date-picker-week-header {
  border-right: 0 none;
}
/*
    The "mon tue wed etc" day header styles 
*/
.date-picker .date-picker-day-header {
  border: 0 none;
  padding: 0;
  height: auto;
}
/* 
    tfoot status bar 
*/
.date-picker .date-picker-statusbar {
  cursor: default;
  font-weight: 300;
  text-transform: capitalize;
  letter-spacing: 0.1em;
  background: var(--backgroundColor0);
  height: 80px;
  text-transform: lowercase;
}
.date-picker .date-picker-statusbar:first-letter {
  text-transform: uppercase;
}
/* 
    TD cell that is _not_ used to display a day of the month 
*/
.date-picker .date-picker-unused {
  border-color: var(--middleGrey);
  cursor: default !important;
}
/* 
    The TH cell used to display the "month, year" title 
*/
.date-picker th.date-picker-title {
  width: 320px;
  height: 96px;
  font-size: 30px;
  padding: 0 !important;
  background-color: #e40046;
  color: white;
}
/* 
    The "todays date" cell style 
*/
.date-picker .date-picker-today {
  background: #e40046;
}
.date-picker-table tfoot tr th {
  height: 80px;
}
.date-picker-table tbody tr th:first-of-type,
.date-picker-table thead tr th:first-of-type {
  width: 64px;
}
/*
    Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when 
    scaling TD cells so commented out until I find a curious CSS based fix.
    Opera no longer appears to apply the scale... ho hum...
*/
.date-picker-focus .date-picker-hover {
  transform: scale(1.25);
}
.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover {
  cursor: pointer;
  color: white;
  background-color: #e40046;
}
/* 
    The "disabled days" style 
*/
.date-picker .day-disabled {
  color: var(--baseGrey3);
  cursor: default;
  text-decoration: line-through;
  background-position: 0 -15px;
}
.date-picker .month-out {
  background-position: 0 -25px;
}
/* 
    The "selected date" style - color changed below also 
*/
.date-picker .date-picker-selected-date {
  color: white;
  background-color: #e40046;
}
/* 
    The date "out of range" style 
*/
.date-picker .not-selectable,
.date-picker .out-of-range {
  color: var(--baseGrey3);
  cursor: default;
}
/* 
    Week numbers "out of range" 
*/
.date-picker .out-of-range {
  opacity: 0.6;
}
/* 
    Used when the entire grid is full but the next/prev months dates cannot be 
    selected 
*/
.date-picker .not-selectable {
  opacity: 0.8;
}
.date-picker tr {
  display: table-row;
}
.date-picker sup {
  font-size: 0.86em;
  letter-spacing: normal;
  text-transform: none;
  height: 0;
  line-height: 1;
  position: relative;
  top: -0.2em;
  vertical-align: baseline !important;
  vertical-align: top;
}
.date-picker .month-display,
.date-picker .year-display {
  cursor: default;
}
.date-picker .date-picker-hover,
.date-picker td:focus {
  overflow: hidden;
  outline: 0 none;
}
/* 
    The "pulse" animation on focused button and datepicker cursor
*/
.date-picker-control:focus span,
.date-picker-focus .date-picker-hover {
  animation: fd-dp-pulse 1.5s infinite alternate;
}
/* 
    The "selected date" style 
*/
.date-picker .date-picker-selected-date {
  width: 32px;
  height: 32px;
}
/*
    Remove the box-shadow & lifted corner effect for the inline datepickers
*/
.static-datepicker table {
  box-shadow: 0 0 0 transparent;
}
.static-datepicker:after,
.static-datepicker:before {
  display: none;
}
/* 
    Draggable datepickers 
*/
.date-picker .drag-enabled,
.date-picker .drag-enabled span {
  cursor: move;
}
/* 
    Disabled datePicker 
*/
.date-picker-disabled table {
  opacity: 0.8 !important;
}
.date-picker-disabled table:after,
.date-picker-disabled table:before {
  display: none;
}
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span {
  cursor: default !important;
}
.date-picker-disabled .next-but:hover,
.date-picker-disabled .prev-but:hover {
  text-shadow: none;
}
body.fd-drag-active {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* 
    Glow effect for the focused (keyboard active) cursor cell and popup
    datepickers activation button 
*/
@keyframes fd-dp-pulse {
  from {
    box-shadow: 0 0 2px rgba(100, 130, 170, 0.8);
  }
  to {
    box-shadow: 0 0 6px rgba(10, 130, 170, 0.5);
  }
}
/* LET OP !! Na lokaal met 'au run --env prod' gedraaid te hebben, timestamp weer uit font-namen halen */
/* LET OP !! Paden van nieuwe versie weer terugzetten naar ../assets/fonts/.. */
/* LET OP !! Fonts anders dan .woff en .woff2 zijn niet nodig */
/* LET OP !! Dit bestand opslaan zonder auto-formatting, anders zie je de verschillen niet. */
@font-face {
  font-family: 'spark';
  src: url('../assets/fonts/spark1755517188614.woff2?24617900') format('woff2'), url('../assets/fonts/spark1755517188614.woff?24617900') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'spark';
    src: url('../assets/fonts/spark1755517188614.svg?24617900#spark') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "spark";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-custom-users:before {
  content: '\e800';
}
/* '' */
.icon-custom-calamity:before {
  content: '\e801';
}
/* '' */
.icon-custom-channel:before {
  content: '\e802';
}
/* '' */
.icon-custom-channels:before {
  content: '\e803';
}
/* '' */
.icon-custom-channeltemplates:before {
  content: '\e804';
}
/* '' */
.icon-custom-dataset:before {
  content: '\e805';
}
/* '' */
.icon-custom-datasetsettings:before {
  content: '\e806';
}
/* '' */
.icon-custom-helpcentre:before {
  content: '\e807';
}
/* '' */
.icon-custom-layout:before {
  content: '\e808';
}
/* '' */
.icon-custom-library:before {
  content: '\e809';
}
/* '' */
.icon-custom-organisationsettings:before {
  content: '\e80a';
}
/* '' */
.icon-custom-organization:before {
  content: '\e80b';
}
/* '' */
.icon-custom-reseller:before {
  content: '\e80c';
}
/* '' */
.icon-custom-screengroups:before {
  content: '\e80d';
}
/* '' */
.icon-custom-screens:before {
  content: '\e80e';
}
/* '' */
.icon-custom-slides:before {
  content: '\e80f';
}
/* '' */
.icon-custom-timetable:before {
  content: '\e810';
}
/* '' */
.icon-custom-calendar-week:before {
  content: '\e811';
}
/* '' */
.icon-custom-geometrics:before {
  content: '\e812';
}
/* '' */
.icon-custom-plus:before {
  content: '\e813';
}
/* '' */
.icon-custom-question-mark:before {
  content: '\e814';
}
/* '' */
.icon-custom-import:before {
  content: '\e815';
}
/* '' */
.icon-custom-volume:before {
  content: '\e816';
}
/* '' */
.icon-custom-open-in-new:before {
  content: '\e817';
}
/* '' */
.icon-custom-alert-filled:before {
  content: '\e818';
}
/* '' */
.icon-custom-search:before {
  content: '\e819';
}
/* '' */
.icon-custom-camera:before {
  content: '\e81a';
}
/* '' */
.icon-custom-remove:before {
  content: '\e81b';
}
/* '' */
.icon-custom-location:before {
  content: '\e81c';
}
/* '' */
.icon-custom-play-circle:before {
  content: '\e81d';
}
/* '' */
.icon-custom-bell:before {
  content: '\e81e';
}
/* '' */
.icon-custom-eye:before {
  content: '\e81f';
}
/* '' */
.icon-custom-eye-closed:before {
  content: '\e820';
}
/* '' */
.icon-custom-zoom-in:before {
  content: '\e821';
}
/* '' */
.icon-custom-zoom-out:before {
  content: '\e822';
}
/* '' */
.icon-custom-refresh-account:before {
  content: '\e823';
}
/* '' */
.icon-custom-refresh-screens:before {
  content: '\e824';
}
/* '' */
.icon-custom-refresh-layouts:before {
  content: '\e825';
}
/* '' */
.icon-custom-restart-screens:before {
  content: '\e826';
}
/* '' */
.icon-custom-drag-and-drop:before {
  content: '\e828';
}
/* '' */
.icon-custom-no-image:before {
  content: '\e829';
}
/* '' */
.icon-custom-calendar:before {
  content: '\e82a';
}
/* '' */
.icon-custom-folder:before {
  content: '\e82b';
}
/* '' */
.icon-custom-webos:before {
  content: '\e82c';
}
/* '' */
.icon-custom-chevron-down-filled:before {
  content: '\e82d';
}
/* '' */
.icon-custom-chevron-up-filled:before {
  content: '\e82e';
}
/* '' */
.icon-custom-chevron-left-filled:before {
  content: '\e82f';
}
/* '' */
.icon-custom-chevron-right-filled:before {
  content: '\e830';
}
/* '' */
.icon-custom-chevron-down:before {
  content: '\e831';
}
/* '' */
.icon-custom-chevron-up:before {
  content: '\e832';
}
/* '' */
.icon-custom-chevron-left:before {
  content: '\e833';
}
/* '' */
.icon-custom-chevron-right:before {
  content: '\e834';
}
/* '' */
.icon-custom-dot-3:before {
  content: '\e835';
}
/* '' */
.icon-custom-play:before {
  content: '\e838';
}
/* '' */
.icon-custom-pencil:before {
  content: '\e839';
}
/* '' */
.icon-custom-trashcan:before {
  content: '\e83a';
}
/* '' */
.icon-custom-fill:before {
  content: '\e83b';
}
/* '' */
.icon-custom-screen-play:before {
  content: '\e83c';
}
/* '' */
.icon-custom-settings:before {
  content: '\e83d';
}
/* '' */
.icon-custom-copy:before {
  content: '\e83e';
}
/* '' */
.icon-custom-ok:before {
  content: '\e83f';
}
/* '' */
.icon-custom-superscript:before {
  content: '\e840';
}
/* '' */
.icon-custom-subscript:before {
  content: '\e841';
}
/* '' */
.icon-custom-insertUnorderedList:before {
  content: '\e842';
}
/* '' */
.icon-custom-insertOrderedList:before {
  content: '\e843';
}
/* '' */
.icon-custom-justifyLeft:before {
  content: '\e844';
}
/* '' */
.icon-custom-justifyCenter:before {
  content: '\e845';
}
/* '' */
.icon-custom-justifyRight:before {
  content: '\e846';
}
/* '' */
.icon-custom-plus-circle-empty:before {
  content: '\e847';
}
/* '' */
.icon-custom-minus-circle-empty:before {
  content: '\e848';
}
/* '' */
.icon-custom-underline:before {
  content: '\e849';
}
/* '' */
.icon-custom-bold:before {
  content: '\e84a';
}
/* '' */
.icon-custom-italic:before {
  content: '\e84b';
}
/* '' */
.icon-custom-resize:before {
  content: '\e84c';
}
/* '' */
.icon-custom-in-frame:before {
  content: '\e84d';
}
/* '' */
.icon-custom-image:before {
  content: '\e84e';
}
/* '' */
.icon-custom-menu:before {
  content: '\e84f';
}
/* '' */
.icon-custom-trackingnumber:before {
  content: '\e850';
}
/* '' */
.icon-custom-alert2:before {
  content: '\e851';
}
/* '' */
.icon-custom-fullscreen:before {
  content: '\e852';
}
/* '' */
.icon-custom-free-transformation:before {
  content: '\e853';
}
/* '' */
.icon-custom-note:before {
  content: '\e855';
}
/* '' */
.icon-custom-menu-dots:before {
  content: '\e858';
}
/* '' */
.icon-custom-gpt:before {
  content: '\e85b';
}
/* '' */
.icon-custom-undo:before {
  content: '\e85c';
}
/* '' */
.icon-custom-redo:before {
  content: '\e85d';
}
/* '' */
.icon-custom-minus-circle-clock:before {
  content: '\e85e';
}
/* '' */
.icon-custom-play-circle-empty:before {
  content: '\e85f';
}
/* '' */
.icon-custom-pause:before {
  content: '\e860';
}
/* '' */
.icon-custom-previous:before {
  content: '\e861';
}
/* '' */
.icon-custom-next:before {
  content: '\e862';
}
/* '' */
.icon-custom-copy-slide:before {
  content: '\e864';
}
/* '' */
.icon-custom-unlink:before {
  content: '\e865';
}
/* '' */
.icon-custom-sort:before {
  content: '\e866';
}
/* '' */
.icon-custom-magic-write:before {
  content: '\e867';
}
/* '' */
.icon-custom-dashboard:before {
  content: '\e868';
}
/* '' */
.icon-custom-fontsize:before {
  content: '\e86a';
}
/* '' */
.icon-custom-statistics:before {
  content: '\e8b2';
}
/* '' */
.icon-custom-download:before {
  content: '\e8b4';
}
/* '' */
.icon-custom-key:before {
  content: '\e8b7';
}
/* '' */
.icon-custom-qr:before {
  content: '\e8bb';
}
/* '' */
.icon-custom-geometrics2:before {
  content: '\e8bc';
}
/* '' */
.icon-custom-iframe:before {
  content: '\e8cd';
}
/* '' */
.icon-custom-person-circle-empty:before {
  content: '\e8d6';
}
/* '' */
.landingLineBelowDefinition {
  position: relative;
}
.landingLineBelowDefinition::after {
  content: '';
  display: block;
  width: min(85vw, 1200px);
  margin: auto auto 0;
  border-bottom: 1px solid var(--middleGrey);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bncLanding {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncLanding::after {
  content: '';
  display: block;
  width: min(85vw, 1200px);
  margin: auto auto 0;
  border-bottom: 1px solid var(--middleGrey);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bncLanding .bncLanding__logo {
  height: 60px;
}
.bncLanding p {
  font-size: 15px;
}
.bncLanding p:empty {
  display: none;
}
.bncLanding .bncButton {
  width: 100%;
  max-width: none;
  height: 44px;
  margin: 0;
}
.bncLanding .bncFormBlock--vertical {
  margin-bottom: 8px;
}
.bncLanding .bncTextinput {
  font-size: 16px;
}
.bncLanding:not(.bncLogin) .bncError {
  top: 7px;
  right: 7px;
}
.bncLanding input[type=button],
.bncLanding input[type=email],
.bncLanding input[type=submit],
.bncLanding input[type=text]:not(.password) {
  margin: 0;
  max-width: none;
  width: 100%;
  height: 44px;
  order: unset;
}
.bncLanding .bncPrimaryHeading {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: var(--primaryColor);
  font-size: 35px;
  font-weight: 900;
  line-height: 41px;
}
.MOBILE_APP .bncLanding .bncPrimaryHeading {
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  margin: 13px 0;
}
.bncLanding .bncSecondaryHeading.bncSecondaryHeading {
  font-size: 15px;
  line-height: 22px;
  margin-block: 16px 24px;
  padding-right: 37px;
}
.MOBILE_APP .bncLanding {
  width: min(85vw, 460px);
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.MOBILE_APP .bncLanding.bncLogin--unavailable {
  height: calc(68vh + 88px);
}
.MOBILE_APP .bncLanding .bncButton,
.MOBILE_APP .bncLanding .bncTextinput {
  width: 100%;
}
.DESKTOP_APP .bncLanding {
  display: flex;
  justify-content: stretch;
}
.bncLanding__container {
  max-width: 357px;
  min-width: 320px;
  margin-bottom: 64px;
}
.MOBILE_APP .bncLanding__container {
  position: relative;
  padding: 32px 24px;
}
.MOBILE_APP .bncLanding__container::after {
  content: '';
  display: block;
  width: min(85vw, 1200px);
  margin: auto auto 0;
  border-bottom: 1px solid var(--middleGrey);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bncLogin.bncLanding .bncPrimaryHeading {
  margin: 8px 0 24px;
}
.bncLogin__serviceUnavailable {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
  background-color: var(--mainColor1);
  padding: 8px 16px 8px 22px;
  margin-top: -8px;
}
.bncLogin__serviceUnavailable strong {
  font-weight: 500;
}
.DESKTOP_APP .bncLogin__serviceUnavailable {
  font-size: 13px;
}
.MOBILE_APP .bncLogin__serviceUnavailable {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP .bncLogin__serviceUnavailable {
  font-size: 16px;
  line-height: 22px;
}
iframe {
  width: 100%;
  height: 100%;
}
.bncLogin__formSection {
  background-color: var(--backgroundColor0);
  display: flex;
  flex-direction: column;
  transition: opacity 0.2s ease;
  width: 360px;
}
.bncLogin__formSection .bncFormBlock--vertical.bncFormBlock--vertical {
  margin-bottom: 8px;
}
.MOBILE_APP .bncLogin__formSection .bncFormBlock--vertical.bncFormBlock--vertical {
  margin-bottom: 4px;
}
.bncLogin__formSection .bncButton {
  padding: 12px 22px;
}
.MOBILE_APP .bncLogin__formSection {
  position: fixed;
  width: min(85vw, 352px);
}
.MOBILE_APP .bncLogin__formSection .bncButton,
.MOBILE_APP .bncLogin__formSection .bncTextinput {
  height: 40px;
}
.MOBILE_APP .bncLogin__formSection .bncTextinput {
  line-height: 40px;
}
.bncLoginForm {
  display: flex;
  justify-content: stretch;
  transition: all 0.25s ease-in-out;
  will-change: translateX;
  transform: translatex(0);
  width: 200%;
}
.bncLoginForm.bncLoginForm--MFA {
  width: 300%;
}
.bncLoginForm.bncLoginForm--showPassword {
  transform: translatex(-50%);
}
.bncLoginForm.bncLoginForm--showPassword.bncLoginForm--MFA {
  transform: translatex(-33.33%);
}
.bncLoginForm.bncLoginForm--showMFA {
  transform: translatex(-66.66%);
}
.bncLoginForm .bncError {
  position: relative;
  height: auto;
  text-align: left;
  line-height: 14px;
  border-radius: 0;
}
.bncLoginForm__MFA,
.bncLoginForm__password,
.bncLoginForm__email {
  will-change: opacity;
  transition: all 0.25s ease-in-out;
  flex: 0 0 50%;
}
.bncLoginForm--MFA .bncLoginForm__MFA,
.bncLoginForm--MFA .bncLoginForm__password,
.bncLoginForm--MFA .bncLoginForm__email {
  flex: 0 0 33.33%;
}
.MOBILE_APP .bncLoginForm__MFA,
.MOBILE_APP .bncLoginForm__password,
.MOBILE_APP .bncLoginForm__email {
  position: relative;
}
.MOBILE_APP .bncLoginForm__MFA::after,
.MOBILE_APP .bncLoginForm__password::after,
.MOBILE_APP .bncLoginForm__email::after {
  content: '';
  display: block;
  width: min(85vw, 1200px);
  margin: auto auto 0;
  border-bottom: 1px solid var(--middleGrey);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bncLoginForm__email {
  opacity: 0;
}
.bncLoginForm--showEmail .bncLoginForm__email {
  opacity: 1;
}
.bncLoginForm__password {
  opacity: 0;
}
.bncLoginForm--showPassword .bncLoginForm__password {
  opacity: 1;
}
.bncLoginForm__MFA {
  opacity: 0;
}
.bncLoginForm--showMFA .bncLoginForm__MFA {
  opacity: 1;
}
.triggerAutocomplete {
  opacity: 1;
  transition: opacity 0.2s;
}
.triggerAutocomplete:-webkit-autofill {
  opacity: 0.999;
}
.bncLogin__rememberMe {
  margin: 96px 0 16px -2px;
}
@media (orientation: landscape) {
  .MOBILE_APP .bncLogin__rememberMe {
    margin-top: 24px;
  }
}
.bncLogin__rememberMe.bncLogin__rememberMe--invisible {
  visibility: hidden;
}
.bncLoginButtonWrapper {
  display: flex;
  justify-content: stretch;
  margin-bottom: 24px;
}
.bncLoginButtonWrapper .bncButton {
  flex: 1 0 100%;
  max-width: none;
  margin: 0;
  transition: background-color 0.3s ease-in-out;
  background-image: url("/assets/images/loaderspark--wit_v4.54.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-blend-mode: multiply;
  background-position: 66%;
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
  .DESKTOP_APP .bncLoginButtonWrapper .bncButton {
    background-position: 70%;
  }
}
.MOBILE_APP .bncLoginButtonWrapper .bncButton {
  line-height: 1;
  background-position: 70%;
}
@media screen and (min-width: 480px) {
  .MOBILE_APP .bncLoginButtonWrapper .bncButton {
    background-position: 63%;
  }
}
.bncLoginButtonWrapper .bncButton.bncButton--waiting {
  background-blend-mode: normal;
}
.bncLoginButtonWrapper .bncButton:not([class*=disabled]):focus-visible {
  outline: 1px dotted #e40046;
  outline-offset: 1px;
}
.bncLogoImg {
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.bncLogin__logo--header {
  width: 188px;
  height: auto;
  margin: auto 0 32px;
}
.MOBILE_APP .bncLogin__logo--header {
  width: 135px;
}
@media (orientation: landscape) {
  .MOBILE_APP .bncLogin__logo--header {
    margin: 16px 0 4px;
  }
}
.bncLogin__privacyLink {
  margin-top: auto;
}
.bncLogin__privacyLink a {
  position: relative;
}
.bncLogin__privacyLink a:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncLogin__privacyLink a:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncLogin--email {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 44px;
  cursor: pointer;
}
.MOBILE_APP .bncLogin--email {
  margin-bottom: 4px;
}
.bncLogin--email .bncButton.bncButton--blank {
  color: var(--primaryColor);
}
.bncLogin--email .bncButton.bncButton--blank:hover {
  color: var(--primaryColor);
}
.bncLogin--email .bncButton.bncButton--blank:hover::before {
  color: #e40046;
}
.bncLogin--email .bncButton.bncButton--blank::before {
  color: var(--baseGrey1);
  display: inline;
  padding: 8px;
  margin-left: -10px;
}
.bncLoginMessage {
  margin: 52px 0 16px;
}
.bncLoginMessage:empty {
  display: none;
}
.bncLoginMessage button.bncButton--blank {
  position: relative;
  padding: 8px 0;
  font-size: 13px;
  text-decoration: none;
  color: var(--primaryColor);
}
.bncLoginMessage button.bncButton--blank:hover {
  color: #e40046;
}
.MOBILE_APP .bncLoginMessage button.bncButton--blank {
  font-size: 16px;
}
ai-configuration {
  position: relative;
  display: block;
}
ai-configuration > .bncButton {
  position: absolute;
  right: 24px;
  bottom: -8px;
}
.organizationClientSettings {
  height: var(--modalHeight);
  display: flex;
  flex-direction: column;
}
.organizationClientSettings .bncPrimaryHeading {
  padding: 40px 40px 0;
  margin: 0;
}
.organizationClientSettings .bncPrimaryHeading span {
  color: var(--primaryColor);
}
.organizationClientSettings .bncTabs {
  margin: 32px 40px;
}
.organizationClientSettings [bnc-scroll-detect] {
  overflow-y: auto;
  padding-inline: 40px;
  margin-bottom: 80px;
  scrollbar-gutter: stable;
}
.organizationClientSettings [bnc-scroll-detect]::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  opacity: 0;
  position: sticky;
  top: 0;
  margin-right: -40px;
  z-index: 1;
}
.organizationClientSettings [bnc-scroll-detect]::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  opacity: 0;
  position: sticky;
  bottom: 0;
  margin-right: -40px;
}
.organizationClientSettings [bnc-scroll-detect].bncOverflowedY--scroll::before {
  opacity: 1;
}
.organizationClientSettings [bnc-scroll-detect].bncOverflowedY:not(.bncOverflowedY--scrollEnd)::after {
  opacity: 1;
}
.organizationClientSettings .row:has(.bncCheckbox.groupToggle:checked) {
  margin-bottom: 60px;
}
.organizationClientSettings .fieldGroup {
  margin-top: 32px;
  padding: 16px;
  background-color: var(--backgroundColor1);
}
.organizationClientSettings .fieldGroup .bncIndeterminateCheckboxContainer {
  margin-bottom: 4px;
}
.organizationClientSettings .fieldGroup + .fieldGroup {
  margin-top: 16px;
}
.organizationClientSettings .bncAccordion--open {
  margin-bottom: 16px;
}
.organizationClientSettings .configurationRow:has(.bncAccordion--open):hover {
  box-shadow: inset 0 -16px var(--backgroundColor0);
}
.organizationClientSettings .bncAccordion__item {
  margin: 0;
}
.organizationClientSettings .bncConfigurationEditor__AddRow {
  margin-top: 8px;
}
.organizationClientSettings .emailContainer--settings .emailContainer__emailInput {
  width: 350px;
  margin-right: 4px;
}
.organizationClientSettings .emailContainer--settings .emailContainer__languageSelector {
  width: 350px;
  margin-top: 12px;
}
.organizationClientSettings .emailContainer--settings .bncErrorParentContainer {
  width: 350px;
  vertical-align: baseline;
}
.organizationClientSettings .bncErrorParentContainer:has([data-validation]) {
  position: absolute;
  right: -38px;
}
.organizationClientSettings bnc-button-bar.bncButtonWrapper {
  margin-top: auto;
}
.organizationClientSettings.bncOverflowedY bnc-button-bar.bncButtonWrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.no-hiddenscroll .organizationClientSettings.bncOverflowedY bnc-button-bar.bncButtonWrapper {
  right: 15px;
}
data-set-datetime-editor .bncError {
  right: 34px;
}
.MOBILE_APP data-set-radio-editor .bncDatasetBlock__radios {
  display: flex;
  flex-wrap: wrap;
}
data-set-text-editor spark-progress {
  translate: 0 2px;
}
data-set-text-editor .bncErrorParentContainer:not(:focus-within) + spark-progress,
data-set-text-editor [maxlength]:not(:focus) + spark-progress {
  visibility: hidden;
}
.DESKTOP_APP data-set-textarea-editor .bncTextarea__wrapper {
  position: relative;
  width: 360px;
  height: 32px;
}
.DESKTOP_APP data-set-textarea-editor .bncErrorParentContainer {
  position: absolute;
  top: 0;
  left: 0;
}
.DESKTOP_APP data-set-textarea-editor .bncErrorParentContainer .bncTextarea {
  position: relative;
}
data-set-textarea-editor .bncErrorParentContainer:not(:focus-within) + spark-progress {
  visibility: hidden;
}
data-set-textarea-editor .bncTextarea {
  width: 360px;
  min-height: 32px;
}
data-set-textarea-editor .bncTextarea:not(:focus) + spark-progress {
  visibility: hidden;
}
data-set-textarea-editor spark-progress {
  margin-inline: 1px;
  position: relative;
}
.pbBackgroundColorSelector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pbBackgroundColorSelector .bncColorpicker__color {
  flex: 0 0 24px;
  height: 24px;
  margin: 4px;
  border: 1px solid var(--middleGrey);
  border-radius: 0;
}
.pbBackgroundColorSelector .bncColorpicker__color.selected {
  outline: 1px solid #e40046;
  border: 2px solid #ffffff;
}
.MOBILE_APP .pbBackgroundColorSelector .bncColorpicker__color {
  border-radius: 1in;
  flex: 0 0 40px;
  height: 40px;
  margin: 8px;
}
.pbBackgroundColorSelector .pbColorBox {
  box-sizing: content-box;
  height: 16px;
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.8) 0 25%, var(--backgroundColor0) 25% 50%);
}
.pbBackgroundColorSelector .pbColorBox[style*='(255, 255, 255'] {
  border: 1px solid var(--middleGrey);
}
.MOBILE_APP .pbBackgroundColorSelector .pbColorBox {
  flex: 0 0 40px;
  height: 40px;
}
.row > pb-background-gradient {
  padding: 0;
}
.bncChannelDirectivePreview {
  height: 100%;
}
.pbChannelEditor--busy {
  position: absolute;
  height: 50%;
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 60px;
  padding-left: 60px;
}
.toolbarTargetWrapper bnc-icon-button button[class*='icon-custom-plus'] {
  border: none;
}
.sameHeightItemsWrapper {
  display: grid;
  grid-auto-rows: 1fr;
  grid-gap: 16px;
  padding-bottom: 16px;
}
.pbImage__availableImage {
  position: relative;
  max-width: 200px;
  display: flex;
  align-items: stretch;
  cursor: pointer;
}
.pbImage__availableImage img {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.2) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
  background-color: transparent;
  display: block;
  position: relative;
  max-width: 152px;
  max-height: 152px;
}
.pbImage__indicator {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(157, 161, 171, 0.15);
}
.pbImage__indicator:hover,
.pbImage__availableImage--selected .pbImage__indicator {
  background-color: rgba(157, 161, 171, 0.5);
}
.pbImage__availableImage--noImage img {
  background-image: none;
  padding: 15%;
  width: 100%;
}
.pbDialogTitle {
  color: var(--baseGrey2);
  font-weight: 400;
  font-weight: 300;
  color: var(--primaryColor);
  margin-bottom: 41px;
}
.MOBILE_APP .pbDialogTitle {
  font-weight: 300;
  color: var(--primaryColor);
}
.pbDialogTitle b,
.pbDialogTitle strong {
  font-weight: 500;
}
.pbDialogTitle.bncSecondaryHeading--noResults,
.pbDialogTitle.bncSecondaryHeading--noSearch {
  color: var(--baseGrey2);
}
.pbDialogTitle.bncSecondaryHeading--expired {
  color: var(--baseGrey3);
}
.DESKTOP_APP .pbDialogTitle {
  font-size: 22px;
  line-height: 30px;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .pbDialogTitle {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .pbDialogTitle {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .pbDialogTitle {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .pbDialogTitle.bncSecondaryHeading--byThumb {
    margin-top: -6px;
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .pbDialogTitle.bncSecondaryHeading--byThumb {
    font-size: 14px;
    line-height: 18px;
    margin-top: -4px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .pbDialogTitle.bncSecondaryHeading--byThumb {
    font-size: 22px;
    line-height: 30px;
  }
}
.DESKTOP_APP .pbDialogTitle .bncSecondaryHeading__text {
  max-height: 40px;
  line-height: 1.3;
  word-break: break-word;
  overflow: hidden;
}
.MOBILE_APP .pbDialogTitle {
  font-size: clamp(16px, 0.7988754325259515rem + 1.0380622837370241vw, 19px);
  line-height: clamp(21px, 1.1113754325259515rem + 1.0380622837370241vw, 24px);
}
.pbImageProcessorContainer {
  position: relative;
  --controlsHeight: 210px;
}
.MOBILE_APP .pbImageProcessorContainer {
  --controlsHeight: 104px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.MOBILE_APP .pbImageProcessorContainer:has(.bncAddToLibrary) {
  --controlsHeight: 144px;
}
.pbImageProcessorContainer .cropper-canvas {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.8) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
}
.pbImageProcessorContainer .pbImage {
  height: calc(var(--modalHeight) - var(--controlsHeight));
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.MOBILE_APP .pbImageProcessorContainer .pbImage {
  align-items: center;
  outline: 1px dashed var(--middleGrey);
}
.pbImageProcessorContainer .pbContain {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: 2px dashed var(--primaryColor);
}
.MOBILE_APP .pbImageProcessorContainer .pbImageLoader {
  margin-inline: 32px;
}
.pbImageProcessorContainer .pbImageLoader.pbImageLoader--loading {
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
}
.pbImageProcessorContainer .cropperMessage__wrapper {
  position: absolute;
  left: 0;
  top: 69px;
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1023px) {
  .pbImageProcessorContainer .cropperMessage__wrapper {
    top: 65px;
  }
}
.pbImageProcessorContainer .cropperMessage__wrapper:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.pbImageProcessorContainer .cropperMessage__wrapper div[class^=cropper-] {
  display: none;
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage > * {
  max-width: var(--tooltipMaxWidth);
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage > p {
  display: flex;
  align-items: center;
  color: var(--backgroundColor0);
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage > p i:first-child {
  font-size: 17px;
  height: 28px;
  width: 28px;
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage > p span {
  margin-left: 8px;
  pointer-events: none;
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage > p i {
  pointer-events: none;
}
.pbImageProcessorContainer .cropperMessage__wrapper [class^=icon] {
  color: var(--backgroundColor0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage--mediocre .icon-custom-alert2 {
  background-color: #f4d242;
}
.pbImageProcessorContainer .cropperMessage__wrapper .cropperMessage--bad .icon-custom-alert2 {
  background-color: #e40046;
}
.pbImageProcessorContainer .cropperMessage__wrapper .infoIcon,
.pbImageProcessorContainer .cropperMessage__wrapper span .infoIcon {
  font-weight: 500;
  color: var(--baseGrey2);
  background-color: var(--backgroundColor0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  height: 16px;
  width: 16px;
  border-radius: 8px;
}
.pbImageProcessorContainer .cropperMessage {
  display: none;
}
.pbImageProcessorContainer .cropper-view-box {
  outline: 0;
  position: relative;
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.95) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
}
.pbImageProcessorContainer .cropper-modal {
  background-color: white;
  opacity: 0.8;
}
.pbImageProcessorContainer .cropper-line {
  opacity: 1;
  background-color: white;
  border: 1px dashed var(--primaryColor);
}
.pbImageProcessorContainer .cropper-line.line-e,
.pbImageProcessorContainer .cropper-line.line-w {
  width: 2px;
}
.pbImageProcessorContainer .cropper-line.line-n,
.pbImageProcessorContainer .cropper-line.line-s {
  height: 2px;
}
.pbImageProcessorContainer .cropper-dashed {
  opacity: 0.2;
}
.pbImageProcessorContainer .cropper-point.cropper-point {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: #e40046;
  opacity: 1;
}
.pbImageProcessorContainer .cropper-point.cropper-point:hover {
  width: 24px;
  height: 24px;
  background-color: #b70038;
}
.pbImageProcessorContainer .cropper-point.point-ne,
.pbImageProcessorContainer .cropper-point.point-nw {
  top: -9px;
}
.pbImageProcessorContainer .cropper-point.point-ne:hover,
.pbImageProcessorContainer .cropper-point.point-nw:hover {
  top: -12px;
}
.pbImageProcessorContainer .cropper-point.point-se,
.pbImageProcessorContainer .cropper-point.point-sw {
  bottom: -9px;
}
.pbImageProcessorContainer .cropper-point.point-se:hover,
.pbImageProcessorContainer .cropper-point.point-sw:hover {
  bottom: -12px;
}
.pbImageProcessorContainer .cropper-point.point-ne,
.pbImageProcessorContainer .cropper-point.point-se {
  right: -9px;
}
.pbImageProcessorContainer .cropper-point.point-ne:hover,
.pbImageProcessorContainer .cropper-point.point-se:hover {
  right: -12px;
}
.pbImageProcessorContainer .cropper-point.point-nw,
.pbImageProcessorContainer .cropper-point.point-sw {
  left: -9px;
}
.pbImageProcessorContainer .cropper-point.point-nw:hover,
.pbImageProcessorContainer .cropper-point.point-sw:hover {
  left: -12px;
}
.pbImageProcessorContainer .cropper-point.point-e,
.pbImageProcessorContainer .cropper-point.point-n,
.pbImageProcessorContainer .cropper-point.point-s,
.pbImageProcessorContainer .cropper-point.point-w {
  display: none !important;
}
.pbImageProcessorContainer .cropper-center::after {
  font-family: 'spark';
  content: '\e813';
  font-size: 14px;
  line-height: 1em;
  color: white;
  background-color: transparent;
  opacity: 0.5;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  display: block;
}
.pbImageProcessorContainer .cropper-center::before {
  content: none;
}
.pbImageProcessor__zoomSliderContainer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.DESKTOP_APP .pbImageProcessor__zoomSliderContainer {
  position: absolute;
}
.DESKTOP_APP .pbImageProcessor__zoomSliderContainer bnc-range-slider {
  margin-left: 48px;
}
.MOBILE_APP .pbImageProcessor__zoomSliderContainer bnc-range-slider {
  margin-left: 20px;
}
.pbImageProcessor__zoomSliderContainer i[class*=icon-custom] {
  font-size: 22px;
  color: var(--baseGrey1);
  flex: 0 0 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.MOBILE_APP .pbImageProcessor__zoomSliderContainer i[class*=icon-custom] {
  font-size: 26px;
}
.pbImageProcessor__zoomSliderContainer i[class*=icon-custom] + i[class*=icon-custom] {
  margin-left: 20px;
}
.pbImageProcessor__zoomSliderContainer i[class*=icon-custom]:hover {
  color: #e40046;
  border-color: #e40046;
}
.pbImageProcessor__zoomSliderContainer i[class*=icon-custom]::before {
  margin: 0;
}
.pbEditJsonSlide {
  width: 100%;
}
.pbEditJsonSlide .pbJsonInstagram--hashtag {
  color: var(--baseGrey2);
  position: absolute;
  margin-left: 8px;
}
.pbEditJsonSlide .pbJsonInstagram--inputContainer {
  width: 100%;
}
.pbEditJsonSlide .pbJsonInstagram--username {
  margin-left: 14px;
  color: var(--baseGrey2);
}
.DESKTOP_APP .bncModal--qrCode .bncModal__content {
  padding: 32px 0 0 32px;
}
.bncModal--qrCode .bncButtonWrapper__inner {
  padding: 8px 40px 17px;
}
.MOBILE_APP .bncModal--qrCode .bncButtonWrapper__inner {
  padding: 0;
  width: auto;
  height: var(--viewHeaderHeight);
}
.pbEditorQrcode__editMode {
  display: flex;
}
.DESKTOP_APP .pbEditorQrcode__editMode {
  margin-left: -3px;
  padding-bottom: 32px;
  background-color: var(--backgroundColor0);
  flex-wrap: wrap;
}
.MOBILE_APP .pbEditorQrcode__editMode {
  overflow-x: auto;
  align-items: center;
  background-color: var(--backgroundColor1);
  height: var(--viewHeaderHeight);
  margin-inline: calc(-1 * var(--modalPadding));
  padding-inline: var(--modalPadding);
}
.pbEditorQrcode__editMode .bncLabel.bncLabel {
  white-space: nowrap;
}
.pbEditorQrcode__scrollbox {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  position: relative;
  max-height: calc(var(--modalHeight) - 82px - 32px - 89px);
}
.MOBILE_APP .pbEditorQrcode__scrollbox {
  max-height: calc(var(--modalHeight) - 2 * var(--viewHeaderHeight));
  margin-inline: calc(-1 * var(--modalPadding));
  padding-inline: var(--modalPadding);
}
.pbEditorQrcode__scrollbox.bncOverflowedY::after,
.pbEditorQrcode__scrollbox.bncOverflowedY::before {
  position: sticky !important;
  z-index: 1000;
  margin-left: -32px;
  width: 100%;
  left: unset;
  right: unset;
}
.pbEditorQrcode__scrollbox.bncOverflowedY::before {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  top: 0;
  opacity: 0;
}
.pbEditorQrcode__scrollbox.bncOverflowedY.bncOverflowedY--scroll::before {
  opacity: 1;
}
.pbEditorQrcode__scrollbox.bncOverflowedY::after {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
  bottom: 0;
  opacity: 1;
}
.pbEditorQrcode__scrollbox.bncOverflowedY.bncOverflowedY--scrollEnd::after {
  opacity: 0;
}
.DESKTOP_APP .pbEditorQrcode__editor {
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.DESKTOP_APP .pbEditorQrcode {
  width: 492px;
}
.MOBILE_APP .pbEditorQrcode {
  display: flex;
  flex-direction: column;
}
.pbEditorQrcode .pbEditorQrcode__qrCode {
  flex: 0 0 80px;
  padding-top: 4px;
  height: 84px;
}
.pbEditorQrcode .pbEditorQrcode__qrCode .pbQrcode {
  aspect-ratio: 1;
  background-image: url("/assets/images/placeholders/QR-code_v4.56.svg");
  background-size: contain;
  position: sticky;
  top: 10px;
}
.pbEditorQrcode .pbEditorQrcode__qrCode .pbQrcode[style*=none] {
  display: block !important;
}
.pbEditorQrcode .pbEditorQrcode__qrCode .pbQrcode[style*=none] img {
  opacity: 0;
}
.pbEditorQrcode .pbEditorQrcode__qrCode canvas,
.pbEditorQrcode .pbEditorQrcode__qrCode img {
  width: 100%;
  display: block;
  aspect-ratio: 1;
}
.DESKTOP_APP .pbEditorQrcode__fields {
  flex: 0 0 340px;
}
.MOBILE_APP .pbEditorQrcode__fields {
  padding-top: 20px;
}
.pbEditorQrcode__fields .pbEditorQrcode__locationSearch {
  max-width: 340px;
}
.pbEditorQrcode__dateTime .bncCol-1 {
  display: none;
}
.pbEditorQrcode__dateTime .bncCol-6 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.pbEditorQrcode__locationMap {
  width: 100%;
  aspect-ratio: 1.28;
}
.MOBILE_APP .pbEditorQrcode__locationMap {
  width: 100vw;
  margin-inline: calc(-1 * var(--modalPadding));
  height: calc(100dvh - 88px - 2 * var(--viewHeaderHeight));
}
.pbSubchannelSelectContainer {
  width: 300px;
  padding: 20px;
}
.pbEditorButton {
  cursor: pointer;
  color: var(--baseGrey1);
  display: flex;
  align-items: center;
  height: 32px;
}
@media (hover: hover) {
  .pbEditorButton:hover {
    color: #e40046;
  }
}
.pbEditorButton::before {
  font-size: 24px;
  line-height: 16px;
}
.MOBILE_APP .pbEditorButton::before {
  margin: 0 8px;
}
.pbEditorButton.icon-custom-magic-write::before {
  font-size: 16px;
}
.pbEditorButton.pbEditorButton--selected {
  color: #e40046;
}
.MOBILE_APP .pbEditorButton {
  margin-bottom: 8px;
}
.pbEditorButtonContainer {
  display: contents;
  position: relative;
}
.DESKTOP_APP .pbEditorButtonContainer {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin-block: -8px 8px;
}
.pbText__maxLines--overflow {
  position: relative;
}
.pbText__maxLines--overflow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 2px #f78b1e;
  pointer-events: none;
}
.pbText__maxLines--overflow.slideNotReady::after {
  opacity: 0;
}
.pbText__maxLines--warning {
  position: absolute;
  z-index: 30;
  display: none;
  color: white;
  cursor: pointer;
  background-color: #f78b1e;
  transform-origin: left top;
  text-align: center;
  width: 36px;
  height: 36px;
}
.pbText__maxLines--warning.slideNotReady {
  opacity: 0;
}
.pbText__maxLines--warning::before {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.pbText__maxLines--warning .bncError__text {
  display: inline-block;
  font-size: 13px;
  background-color: #f78b1e;
  padding: 5px;
  top: 5px;
  left: 12px;
  white-space: normal;
}
.bncSlideEditorContainer--preview .pbText__maxLines--warning {
  display: none !important;
}
.DESKTOP_APP .pbTextAi,
.DESKTOP_APP .pbTextFormats {
  position: relative;
}
.MOBILE_APP .pbTextAi .bncIndex--basic,
.MOBILE_APP .pbTextFormats .bncIndex--basic {
  padding-block: 8px;
}
.MOBILE_APP .pbTextAi .bncIndex--dropDown .bncIndex__option.bncIndex__option:not(:has([class*='optionSize_textFormat_'])),
.MOBILE_APP .pbTextFormats .bncIndex--dropDown .bncIndex__option.bncIndex__option:not(:has([class*='optionSize_textFormat_'])) {
  width: 50dvw;
  max-width: unset;
  min-width: unset;
}
.MOBILE_APP .pbTextAi .bncIndex__option:last-child,
.MOBILE_APP .pbTextFormats .bncIndex__option:last-child {
  padding-block: 8px;
}
.MOBILE_APP .pbTextAi .bncIndex__option:hover,
.MOBILE_APP .pbTextFormats .bncIndex__option:hover {
  box-shadow: none;
}
.pbTextAi .bncIndex--basic,
.pbTextFormats .bncIndex--basic {
  box-shadow: 0 0 20px 0 var(--shadowColor);
  background-color: var(--backgroundColor0);
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.pbTextAi .bncIndex--basic.bncIndex--above,
.pbTextFormats .bncIndex--basic.bncIndex--above {
  top: auto;
  bottom: 32px;
}
.toolbarObject--top .pbTextAi .bncIndex--basic,
.toolbarObject--top .pbTextFormats .bncIndex--basic {
  top: calc(100% - 8px);
}
.toolbarObject--bottom .pbTextAi .bncIndex--basic,
.toolbarObject--bottom .pbTextFormats .bncIndex--basic {
  bottom: calc(100% + 10px);
  top: auto;
}
.MOBILE_APP .toolbarObject--bottom .pbTextAi .bncIndex--basic,
.MOBILE_APP .toolbarObject--bottom .pbTextFormats .bncIndex--basic {
  bottom: calc(100% - 8px);
}
.toolbarObject .toolbarEditor span[class*='optionSize_textFormat_'] {
  white-space: nowrap;
  line-height: 1;
}
.toolbarObject .toolbarEditor span.optionSize_textFormat_h1 {
  font-size: 25px;
}
.MOBILE_APP .toolbarObject .toolbarEditor span.optionSize_textFormat_h1 {
  font-size: clamp(26px, 1.4909169550173011rem + 0.6920415224913495vw, 28px);
}
.toolbarObject .toolbarEditor span.optionSize_textFormat_h2 {
  font-size: 22px;
}
.MOBILE_APP .toolbarObject .toolbarEditor span.optionSize_textFormat_h2 {
  font-size: clamp(23px, 1.3034169550173011rem + 0.6920415224913495vw, 25px);
}
.toolbarObject .toolbarEditor span.optionSize_textFormat_h3 {
  font-size: 19px;
}
.MOBILE_APP .toolbarObject .toolbarEditor span.optionSize_textFormat_h3 {
  font-size: clamp(20px, 1.1159169550173011rem + 0.6920415224913495vw, 22px);
}
.toolbarObject .toolbarEditor span.optionSize_textFormat_h4 {
  font-size: 16px;
}
.MOBILE_APP .toolbarObject .toolbarEditor span.optionSize_textFormat_h4 {
  font-size: clamp(17px, 0.928416955017301rem + 0.6920415224913495vw, 19px);
}
.toolbarObject .toolbarEditor span.optionSize_textFormat_h5 {
  font-size: 13px;
}
.MOBILE_APP .toolbarObject .toolbarEditor span.optionSize_textFormat_h5 {
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
}
.pbContent-editor {
  cursor: text;
  min-height: 1em;
  min-height: 1lh;
}
.DESKTOP_APP.firefox .pbContent-editor {
  caret-color: transparent;
}
.MOBILE_APP .pbContent-editor {
  caret-color: auto;
}
.MOBILE_APP .pbContent-editor:focus {
  outline: 2px dotted #e40046;
  outline-offset: 4px;
}
.DESKTOP_APP .pbContent-editor.pbHasFocus {
  box-shadow: 0 0 0 calc(1px * var(--scaleBack)) var(--baseGrey2);
}
.pbContent-editor.pbHasFocus:empty {
  min-width: 2em;
}
.sparkCaret {
  position: fixed;
  left: 0;
  top: 0;
  width: 2px;
  animation: caretFlash 0.45s infinite alternate;
  z-index: 1;
}
.MOBILE_APP .sparkCaret {
  z-index: 10;
}
.bncMainContainer {
  --caretColor1: black;
  --caretColor2: transparent;
}
@keyframes caretFlash {
  0% {
    background-color: var(--caretColor1);
  }
  50% {
    background-color: var(--caretColor1);
  }
  51% {
    background-color: var(--caretColor2);
  }
  100% {
    background-color: var(--caretColor2);
  }
}
.pbTextColor {
  margin: -1px 0 12px 8px;
}
.pbColorSelector {
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 50px;
  cursor: pointer;
}
.pbColorSelector .pbColorSelected {
  display: inline-block;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.8) 0 25%, var(--backgroundColor0) 25% 50%);
}
.DESKTOP_APP .pbColorSelector .pbColorSelected {
  border: 1px solid var(--middleGrey);
}
.MOBILE_APP .pbColorSelector .pbColorSelected {
  border-radius: 50%;
}
.MOBILE_APP .pbColorSelector .pbColorSelected[style*='(255, 255, 255'] {
  border: 1px solid var(--middleGrey);
}
.pbColorSelector i[class*=icon-] {
  font-size: 13px;
  color: var(--baseGrey1);
  margin-left: 8px;
}
.pbColorSelector:hover i[class*=icon-] {
  color: #e40046;
}
.pbColorSelector .pbColorsContainerWrapper {
  position: absolute;
  left: 0;
}
.DESKTOP_APP .pbColorSelector .pbColorsContainerWrapper {
  top: 24px;
}
.MOBILE_APP .toolbarObject--bottom .pbColorSelector .pbColorsContainerWrapper {
  bottom: 36px;
}
.MOBILE_APP .toolbarObject--top .pbColorSelector .pbColorsContainerWrapper {
  top: 32px;
}
.pbColorSelector .pbColorsContainer {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
  padding: 4px;
  max-width: 204px;
}
.MOBILE_APP .pbColorSelector .pbColorsContainer {
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
.MOBILE_APP .pbColorSelector .pbColorBox {
  flex: 0 0 24px;
  width: 24px;
  margin: 6px;
  border: 2px solid var(--backgroundColor0);
  outline-offset: 0;
}
.pbColorBox {
  cursor: pointer;
}
.pbColorBox.selected {
  outline: 1px solid #e40046;
  outline-offset: 2px;
}
.DESKTOP_APP .pbColorBox {
  border: 1px solid var(--middleGrey);
  margin: 4px;
  flex: 0 0 24px;
  height: 24px;
}
.MOBILE_APP .pbColorBox {
  margin: 8px;
  border-radius: 50%;
}
.MOBILE_APP .pbColorBox[style*='(255, 255, 255'] {
  border: 1px solid var(--middleGrey);
}
.pbVideoSlideContainer .pbFileName {
  line-height: 1;
  transform-origin: center bottom;
}
.pbVideoSlideContainer .bncButton {
  margin-top: 32px;
}
.bncVideoPreview {
  display: block;
  max-height: calc(var(--modalHeight) - 228px);
  max-width: calc(var(--modalWidth) - 128px);
  margin: 0 auto 70px;
}
.pbEditXmlSlide {
  width: 100%;
}
iframe.pbYouTubeVideo {
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}
.pbYouTubeElement {
  height: 100%;
  width: 100%;
}
.DESKTOP_APP {
  --bncTableWidth: auto;
  --outdentTableRow: 16px;
  --tableRowBorderInlineWidth: 20px;
  --mediaLibraryPadding: calc(40px - 4px);
  --mainMenuWidth: 80px;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP {
    --bncTableWidth: 400px;
  }
  .DESKTOP_APP .bncTable--slim,
  .DESKTOP_APP .bncTable__header--slim {
    --bncTableWidth: 264px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP {
    --bncTableWidth: 642px;
  }
  .DESKTOP_APP .bncTable--slim,
  .DESKTOP_APP .bncTable__header--slim {
    --bncTableWidth: 264px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP {
    --mediaLibraryPadding: calc(32px - 4px);
    --tableRowBorderInlineWidth: 16px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP {
    --mediaLibraryPadding: calc(24px - 4px);
    --outdentTableRow: 12px;
    --tableRowBorderInlineWidth: 10px;
  }
}
.DESKTOP_APP.bncMainContainer__menu--open {
  --mainMenuWidth: 276px;
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP.bncMainContainer__menu--open {
    --mainMenuWidth: 268px;
  }
}
@media screen and (max-width: 799px) {
  .DESKTOP_APP {
    --mainMenuWidth: 64px;
  }
  .DESKTOP_APP.bncMainContainer__menu--open {
    --mainMenuWidth: 240px;
  }
}
.MOBILE_APP {
  --spacingInline: clamp(16px, 0.46366782006920415rem + 2.768166089965398vw, 24px);
}
/*
 * Mixin for fluid scaling of fonts with mobile default screen widths
 * Usage: .fluid(font-size, 14px, 16px);
 * Or:    .fluid(margin, 14px, 16px, 300px, 600px); // min. and max. screen widths
 */
.horizontalMarginLeftDefinition {
  margin-left: 40px;
}
@media screen and (max-width: 1023px) {
  .horizontalMarginLeftDefinition {
    margin-left: 32px;
  }
}
@media screen and (max-width: 799px) {
  .horizontalMarginLeftDefinition {
    margin-left: 24px;
  }
}
.horizontalMarginRightDefinition {
  margin-right: 40px;
}
@media screen and (max-width: 1023px) {
  .horizontalMarginRightDefinition {
    margin-right: 32px;
  }
}
@media screen and (max-width: 799px) {
  .horizontalMarginRightDefinition {
    margin-right: 24px;
  }
}
.horizontalPaddingLeftDefinition {
  padding-left: 40px;
}
@media screen and (max-width: 1023px) {
  .horizontalPaddingLeftDefinition {
    padding-left: 32px;
  }
}
@media screen and (max-width: 799px) {
  .horizontalPaddingLeftDefinition {
    padding-left: 24px;
  }
}
.horizontalPaddingRightDefinition {
  padding-right: 40px;
}
@media screen and (max-width: 1023px) {
  .horizontalPaddingRightDefinition {
    padding-right: 32px;
  }
}
@media screen and (max-width: 799px) {
  .horizontalPaddingRightDefinition {
    padding-right: 24px;
  }
}
.bncButtonDefinition {
  position: relative;
  line-height: 18px;
  border-radius: 1in;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: 0 none;
  max-width: 200px;
  padding: 6px 16px;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  -webkit-tap-highlight-color: transparent;
}
.DESKTOP_APP .bncButtonDefinition {
  font-size: 16px;
  min-width: 100px;
  cursor: pointer;
}
.MOBILE_APP .bncButtonDefinition {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
  --padding-block: clamp(6px, 0.10683391003460208rem + 1.384083044982699vw, 10px);
  --padding-inline: clamp(10px, 0.3568339100346021rem + 1.384083044982699vw, 14px);
}
.bncTagDefinition {
  display: inline-block;
  min-width: 24px;
  text-align: center;
  line-height: 1;
  font-weight: 400;
  color: var(--tagTextColor);
  background-color: var(--tagBgColor);
  margin: 2px 0;
  border-radius: 1in;
  pointer-events: all !important;
}
.DESKTOP_APP .bncTagDefinition {
  padding: 2px 4px 1px;
  text-transform: uppercase;
  font-size: 11px;
}
.MOBILE_APP .bncTagDefinition {
  --margin-block: clamp(2px, -0.009083044982698962rem + 0.6920415224913495vw, 4px);
  margin: var(--margin-block) 0;
  padding: 2px 6px;
  font-size: clamp(13px, 0.678416955017301rem + 0.6920415224913495vw, 15px);
  line-height: clamp(14px, 0.6068339100346021rem + 1.384083044982699vw, 18px);
}
.bncDurationDefinition {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--backgroundColor0);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 4px;
  min-width: 32px;
  text-align: center;
  pointer-events: none;
}
.bncHeadingDefinition {
  color: var(--baseGrey2);
  font-weight: 400;
}
.MOBILE_APP .bncHeadingDefinition {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncHeadingDefinition b,
.bncHeadingDefinition strong {
  font-weight: 500;
}
.bncHeadingPrefixDefinition {
  font-weight: 400;
  color: var(--baseGrey2);
}
.bncDropdownTitleDefinition {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
.bncDropdownTitleDefinition strong {
  font-weight: 500;
}
.DESKTOP_APP .bncDropdownTitleDefinition {
  font-size: 13px;
}
.MOBILE_APP .bncDropdownTitleDefinition {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP .bncDropdownTitleDefinition {
  font-size: 18px;
  font-weight: 300;
  margin: 32px 32px 0;
}
.bncDropdownTitleDefinition:empty {
  display: none;
}
.bncBaseFontDefinition {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
.bncBaseTextDefinition {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
.bncBaseTextDefinition strong {
  font-weight: 500;
}
.DESKTOP_APP .bncBaseTextDefinition {
  font-size: 13px;
}
.MOBILE_APP .bncBaseTextDefinition {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.bncBaseResponsiveFontSizeDefinition {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.bncHeadingResponsiveFontSizeDefinition {
  font-size: clamp(16px, 0.865916955017301rem + 0.6920415224913495vw, 18px);
}
.bncShadowDefinition {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
}
.bncBottomShadowDefinition {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
}
.bncTopShadowDefinition {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  left: 0;
  right: 0;
  height: 10px;
  box-shadow: inset 0 10px 10px -10px var(--shadowColor);
  box-shadow: inset 0 -10px 10px -10px var(--shadowColor);
}
.bncRightShadowDefinition {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  box-shadow: inset 10px 0 10px -10px var(--shadowColor);
}
.bncLeftShadowDefinition {
  content: '';
  display: block;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  box-shadow: inset 10px 0 10px -10px var(--shadowColor);
  box-shadow: inset -10px 0 10px -10px var(--shadowColor);
}
.bncBoxShadowDefinition {
  box-shadow: 0 0 20px 0 var(--shadowColor);
}
.bncDropShadowDefinition {
  filter: drop-shadow(0 0 20px var(--shadowColor));
}
.bncMinimalBoxShadowDefinition {
  box-shadow: 0 0 100px 0 var(--minimalShadowColor);
}
.pseudoElementLineDefinition {
  content: '';
  position: absolute;
  display: block;
  border-top: 1px solid var(--middleGrey);
}
.bncMarginBlockerDefinition {
  content: '';
  display: block;
  width: 100%;
  height: 0.01em;
}
.slideInDefinition {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideInFromRight {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(100vw, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.slideOutToRight {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.slideInFromLeft {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(-100vw, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.slideInFromLeft--visible,
.slideInFromRight--visible {
  transform: translate3d(0, 0, 0);
}
.bncLoaderDefinition {
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
}
.bncLoaderWhiteDefinition {
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
  background-image: url('/assets/images/loaderspark--wit_v4.54.svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiA8.ttf) format('truetype');
}
/*------------------------------------*\
  #BNC-RAAMWERK
\*------------------------------------*/
html {
  font-size: 16px;
}
html.MOBILE_APP {
  overflow-x: hidden;
  min-height: 100%;
}
* .DESKTOP_APP {
  touch-action: none;
}
.bncBody {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
  --infoBarHeight: 0px;
  background-color: var(--backgroundColor0);
  position: relative;
}
.bncBody strong {
  font-weight: 500;
}
.DESKTOP_APP .bncBody {
  font-size: 13px;
}
.MOBILE_APP .bncBody {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.DESKTOP_APP .bncBody {
  height: 100vh;
}
router-view {
  display: block;
}
.DESKTOP_APP router-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.DESKTOP_APP .bncMainContainer {
  display: flex;
  justify-content: stretch;
  min-width: 600px;
}
.DESKTOP_APP .bncMainContainer .bncMainContainer__content {
  overflow: hidden;
  flex: 1 1 100vh;
  display: flex;
  flex-direction: column;
}
.bncMainContainer__page {
  position: relative;
  flex-grow: 1;
}
.bncMainContainer__page.bncMainContainer__page--noHeader {
  margin-top: calc(-1 * var(--viewHeaderHeight));
}
.DESKTOP_APP .bncMainContainer__page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: calc(100vh - var(--infoBarHeight));
  background-color: var(--mainContainerBgColor);
}
/*------------------------------------*\
  #BNC-HUISSTIJL
\*------------------------------------*/
a {
  text-decoration: none;
  color: inherit;
}
.DESKTOP_APP a:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP a:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.bncIconFontDefinition {
  font-family: "spark";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.bncIcon {
  color: var(--baseGrey1);
  display: inline;
  transition: all 0.3s;
}
.bncIcon::before {
  font-size: 1.3em;
}
.bncIcon--button {
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bncIcon--button:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncIcon--button:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncIcon--button:hover {
  color: #e40046;
}
.bncIcon--button--plus:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncIcon--button--plus:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: 2px;
  right: -4px;
  bottom: 2px;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.bncIcon--button--plus::before {
  font-size: 1.6em;
  margin: 0;
}
.bncIcon--round {
  font-size: 10px;
  border: 1px solid var(--baseGrey1);
  border-radius: 1in;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
}
.bncIcon--round:hover {
  color: #e40046;
  border-color: #e40046;
}
.bncIcon.disabled {
  color: var(--baseGrey3);
  cursor: default;
}
.bncIcon.disabled:hover {
  color: var(--baseGrey3);
  cursor: default;
}
.bncHeaderElementWrapper .bncIcon.icon-custom-plus {
  margin-top: -1px;
  margin-right: -4px;
}
/*------------------------------------*\
  #BNC-TAG
\*------------------------------------*/
.bncTag {
  display: inline-block;
  min-width: 24px;
  text-align: center;
  line-height: 1;
  font-weight: 400;
  color: var(--tagTextColor);
  background-color: var(--tagBgColor);
  margin: 2px 0;
  border-radius: 1in;
  pointer-events: all !important;
}
.DESKTOP_APP .bncTag {
  padding: 2px 4px 1px;
  text-transform: uppercase;
  font-size: 11px;
}
.MOBILE_APP .bncTag {
  --margin-block: clamp(2px, -0.009083044982698962rem + 0.6920415224913495vw, 4px);
  margin: var(--margin-block) 0;
  padding: 2px 6px;
  font-size: clamp(13px, 0.678416955017301rem + 0.6920415224913495vw, 15px);
  line-height: clamp(14px, 0.6068339100346021rem + 1.384083044982699vw, 18px);
}
.bncTag .bncTooltip {
  text-transform: initial;
}
.bncTag.bncTag--inActive {
  background-color: var(--baseGrey3);
}
@media screen and (max-width: 1199px) {
  .bncTable__row:not(.bncTable__row--active) .bncSecondaryHeading .bncTag {
    transform: translateY(-3px);
  }
}
@media screen and (min-width: 1200px) {
  .bncSecondaryHeading .bncTag {
    transform: translateY(-6px);
  }
}
/*------------------------------------*\
  #BNC-HEADINGS
\*------------------------------------*/
.bncPrimaryHeading {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--baseGrey2);
  margin: 6px 0;
}
.MOBILE_APP .bncPrimaryHeading {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncPrimaryHeading b,
.bncPrimaryHeading strong {
  font-weight: 500;
}
.bncPageTitleToolbar .bncPrimaryHeading {
  line-height: 1em;
}
.bncPrimaryHeading .bncPrimaryHeading--alt {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncPrimaryHeading--marginTop {
  margin-top: 65px;
}
.bncSecondaryHeading {
  color: var(--baseGrey2);
  font-weight: 400;
  font-weight: 300;
  color: var(--primaryColor);
}
.MOBILE_APP .bncSecondaryHeading {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncSecondaryHeading b,
.bncSecondaryHeading strong {
  font-weight: 500;
}
.bncSecondaryHeading.bncSecondaryHeading--noResults,
.bncSecondaryHeading.bncSecondaryHeading--noSearch {
  color: var(--baseGrey2);
}
.bncSecondaryHeading.bncSecondaryHeading--expired {
  color: var(--baseGrey3);
}
.DESKTOP_APP .bncSecondaryHeading {
  font-size: 22px;
  line-height: 30px;
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSecondaryHeading {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncSecondaryHeading {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .DESKTOP_APP .bncSecondaryHeading {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncSecondaryHeading.bncSecondaryHeading--byThumb {
    margin-top: -6px;
  }
}
@media screen and (min-width: 1200px) {
  .DESKTOP_APP .bncSecondaryHeading.bncSecondaryHeading--byThumb {
    font-size: 14px;
    line-height: 18px;
    margin-top: -4px;
  }
}
@media screen and (min-width: 1900px) {
  .DESKTOP_APP .bncSecondaryHeading.bncSecondaryHeading--byThumb {
    font-size: 22px;
    line-height: 30px;
  }
}
.DESKTOP_APP .bncSecondaryHeading .bncSecondaryHeading__text {
  max-height: 40px;
  line-height: 1.3;
  word-break: break-word;
  overflow: hidden;
}
.MOBILE_APP .bncSecondaryHeading {
  font-size: clamp(16px, 0.7988754325259515rem + 1.0380622837370241vw, 19px);
  line-height: clamp(21px, 1.1113754325259515rem + 1.0380622837370241vw, 24px);
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .bncTable__row--active .bncSecondaryHeading.bncSecondaryHeading--byThumb {
    margin-top: 0;
  }
  .DESKTOP_APP .bncTable__row--active .bncSecondaryHeading__text {
    max-height: 20px;
  }
}
.bncTertiaryHeading {
  color: var(--baseGrey2);
  font-weight: 400;
  font-weight: 300;
  color: var(--primaryColor);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.MOBILE_APP .bncTertiaryHeading {
  font-weight: 300;
  color: var(--primaryColor);
}
.bncTertiaryHeading b,
.bncTertiaryHeading strong {
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .bncTertiaryHeading {
    font-size: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .bncTertiaryHeading {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .bncTertiaryHeading {
    font-size: 15px;
  }
}
.bncTertiaryHeading.bncTertiaryHeading--expired {
  color: var(--baseGrey3);
}
.bncOptionsWrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.bncOptionsWrapper > *:not(:first-child) {
  margin-left: 8px;
}
/*---------------------------------------*\
  #BNC-SIDE-MENU MOBIEL EN VIEW SCHERMEN
   organisaties / locaties / kanalen
\*---------------------------------------*/
.MOBILE_APP {
  --menuHeaderHeight: clamp(48px, 2.463667820069204rem + 2.768166089965398vw, 56px);
  --viewHeaderHeight: clamp(40px, 1.9636678200692042rem + 2.768166089965398vw, 48px);
  --menuIconSize: clamp(80px, 2.8546712802768166rem + 11.072664359861593vw, 112px);
}
.MOBILE_APP .bncMenu__header {
  font-weight: 300;
  color: var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--menuHeaderHeight);
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--backgroundColor0);
}
.MOBILE_APP .bncMenu__title {
  font-size: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.MOBILE_APP .bncMenu__close {
  position: absolute;
  display: flex;
  left: 0;
  padding: 12px;
  color: var(--baseGrey1);
  font-size: 16px;
  width: var(--menuIconSize);
}
.MOBILE_APP .bncMenu__close:hover {
  color: #e40046;
}
/*------------------------------------*\
  #BNC-TEXT
\*------------------------------------*/
.bncBulletsList {
  list-style-type: none;
  margin-left: 2px;
  padding-left: 0;
}
.bncBulletsList > li {
  margin: 0 0 6px;
  display: flex;
  align-items: flex-start;
}
.bncBulletsList > li::before {
  content: '';
  display: block;
  border-radius: 1in;
  margin: 7px 12px 0 0;
  padding: 2px;
  background-color: var(--baseGrey1);
}
.bncBulletsList > li ~ .emptyListItem {
  display: none;
}
.bncBulletsList .icon-custom-alert-filled::before {
  display: inline-block;
  scale: 1.3;
  translate: 0 1px;
}
.bncBulletsList .emptyListItem {
  margin: 0;
  color: var(--baseGrey2);
}
.bncBulletsList .emptyListItem::before {
  content: none;
}
p > a {
  color: var(--baseGrey2);
  text-decoration: none;
}
/*------------------------------------*\
  #DROPDOWN
\*------------------------------------*/
.dropdownWrapper {
  position: relative;
  display: inline-block;
}
.dropdownWrapper > .bncIcon--button {
  display: inline-flex;
}
.dropdownWrapper.dropdownWrapper--flex {
  display: flex;
}
.dropdown__trigger {
  width: 100%;
  display: flex;
  line-height: 16px;
  min-width: 0;
  cursor: pointer;
}
.MOBILE_APP .dropdown__trigger {
  justify-content: center;
}
.MOBILE_APP .dropdown__trigger .dropdown__prefix {
  color: var(--baseGrey2);
  font-weight: 400;
}
.dropdown__trigger:not(.dropdown__trigger--disabled):not([class*=disabled]):focus-visible {
  outline: 0;
}
.dropdown__trigger:not(.dropdown__trigger--disabled):not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -8px;
  border-radius: 4px;
  height: auto;
  pointer-events: none;
}
.dropdown__trigger:not(.dropdown__trigger--disabled):hover .dropdown__toggle {
  color: #e40046;
}
.dropdown__trigger .dropdown__toggle {
  color: var(--baseGrey1);
  transition: color 0.3s ease;
  margin: 1px 0 0 2px;
}
.dropdown__trigger .dropdown__text {
  font-weight: 300;
  color: var(--primaryColor);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MOBILE_APP .dropdown__trigger .dropdown__text {
  flex: 0 1 65vw;
}
.dropdown__trigger .dropdown__text::after {
  content: '';
  display: block;
}
.dropdown__trigger.dropdown__trigger--disabled * {
  color: var(--baseGrey3);
  cursor: auto;
}
.dropdown__trigger.dropdown__trigger--noTrigger {
  cursor: auto;
}
img[src*='loaderspark_v4.54.svg'] {
  width: 100px;
  height: 100px;
}
.bncLoader {
  background-image: url('/assets/images/loaderspark_v4.54.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
}
.animate-fade-in-slow {
  will-change: opacity;
}
.animate-fade-in-slow.au-enter {
  opacity: 0;
}
.animate-fade-in-slow.au-enter-active {
  animation: 2s ease FadeIn;
}
.animate-fade-in-slow.aurelia-hide-remove {
  opacity: 0;
  animation: 2s ease FadeIn;
}
.animate-fade-in {
  will-change: opacity;
}
.animate-fade-in.au-enter {
  opacity: 0;
}
.animate-fade-in.au-enter-active {
  animation: 0.5s ease FadeIn;
}
.animate-fade-out {
  will-change: opacity;
}
.animate-fade-out.au-left {
  opacity: 0;
}
.animate-fade-out.au-leave-active {
  animation: 0.5s ease FadeOut;
}
.animate-fade-in-fast {
  will-change: opacity;
}
.animate-fade-in-fast.au-enter {
  opacity: 0;
}
.animate-fade-in-fast.au-enter-active {
  animation: 0.2s ease FadeIn;
}
.animate-fade-out-fast {
  will-change: opacity;
}
.animate-fade-out-fast.au-left {
  opacity: 0;
}
.animate-fade-out-fast.au-leave-active {
  animation: 0.2s ease FadeOut;
}
.animate-fade-out-fast.aurelia-hide-add {
  opacity: 0;
  animation: 0.2s ease FadeOut;
}
@keyframes FadeIn {
  to {
    opacity: 1;
  }
}
@keyframes FadeOut {
  to {
    opacity: 0;
  }
}
.animate-slide-in-right {
  will-change: transform;
}
.animate-slide-in-right.au-enter {
  transform: translateX(100vw);
}
.animate-slide-in-right.au-enter-active {
  animation: 0.2s ease SlideInRight;
}
.animate-slide-out-right {
  will-change: transform;
}
.animate-slide-out-right.au-leave {
  transform: translateX(0);
}
.animate-slide-out-right.au-leave-active {
  animation: 0.2s ease SlideOutRight forwards;
}
@keyframes SlideInRight {
  to {
    transform: translateX(0);
  }
}
@keyframes SlideOutRight {
  to {
    transform: translateX(100vw);
  }
}
.animate-slide-out-top.au-leave {
  margin-top: 0;
}
.animate-slide-out-top.au-leave-active {
  animation: 0.2s ease SlideOutTop forwards;
}
@keyframes SlideOutTop {
  to {
    margin-top: -48px;
  }
}
.animate-slide-in-top.au-enter {
  margin-top: -48px;
}
.animate-slide-in-top.au-enter-active {
  animation: 0.2s ease SlideInTop forwards;
}
@keyframes SlideInTop {
  to {
    margin-top: 0;
  }
}
.animate-slide-in-out {
  display: grid;
}
.animate-slide-in-out.au-enter-active {
  animation: 0.2s ease SlideDown;
}
.animate-slide-in-out.au-leave-active {
  animation: 0.2s ease SlideDown reverse;
}
.animate-slide-in-out > * {
  overflow: hidden;
}
@keyframes SlideDown {
  from {
    grid-template-rows: 0;
  }
  to {
    grid-template-rows: 1fr;
  }
}
/*------------------------------------*\
 #BNC-LINKS
\*------------------------------------*/
.bncLink,
.bncLink:visited {
  color: #e40046;
  text-decoration: none;
}
.bncLink:active,
.bncLink:hover {
  color: #b60038;
  text-decoration: none;
}
.bncLink--alt {
  color: inherit;
  text-decoration: underline;
}
.bncLink--alt:hover {
  color: #e40046;
}
.bncLink--dark {
  color: var(--primaryColor);
}
.bncLink--dark [class*=icon-custom-] {
  color: var(--baseGrey1);
}
.bncLink--dark:hover {
  color: #e40046;
}
.bncLink--dark:hover [class*=icon-custom-] {
  color: inherit;
}
/*------------------------------------*\
  #BNC-FORM
\*------------------------------------*/
.bncLabelDefinition {
  color: var(--baseGrey2);
  word-break: break-word;
  hyphens: auto;
}
.DESKTOP_APP .bncLabelDefinition {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.MOBILE_APP .bncLabelDefinition {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.8079584775086506rem + 0.34602076124567477vw, 15px);
}
.bncLabel {
  color: var(--baseGrey2);
  word-break: break-word;
  hyphens: auto;
}
.DESKTOP_APP .bncLabel {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.MOBILE_APP .bncLabel {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.8079584775086506rem + 0.34602076124567477vw, 15px);
}
.bncLabel.bncLabel--picker {
  color: var(--primaryColor);
  white-space: nowrap;
}
.DESKTOP_APP .bncLabel.bncLabel--picker {
  text-transform: lowercase;
}
.bncLabel.bncLabel--picker::first-letter {
  text-transform: uppercase;
}
.bncLabel.bncLabel--text,
.bncLabel.bncLabel--textGrey {
  text-transform: none;
  color: var(--primaryColor);
  letter-spacing: 0;
}
.bncLabel.bncLabel--textGrey {
  color: var(--baseGrey2);
}
.bncLabel .icon-custom-alert-filled::before {
  display: inline-block;
  scale: 1.3;
  transform-origin: 50% 70%;
}
.bncLabel .bncTag + .icon-custom-alert-filled::before {
  transform-origin: 0 20%;
}
.bncLabel[for] {
  cursor: pointer;
}
.bncLabel--small {
  text-transform: capitalize;
}
.bncLabel--hidden {
  visibility: hidden;
}
.bncFormBlockDefinition {
  display: flex;
  position: relative;
}
.bncFormBlockDefinition:last-child {
  margin-bottom: 0;
}
.lineBelow::after {
  content: '';
  position: absolute;
  display: block;
  border-top: 1px solid var(--middleGrey);
  position: relative;
  border-color: var(--middleGrey);
  box-shadow: 20px 0 var(--middleGrey), -52px 0 var(--middleGrey);
}
.lineBelow.bncFormBlock--vertical::after {
  margin-top: 12px;
}
.lineBelow.bncFormBlock--horizontal::after {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.lineBelow + [class*=bncFormBlock] {
  padding-top: 12px;
}
:root {
  --maxInputWidth: 630px;
}
.maxInputWidth {
  max-width: var(--maxInputWidth);
}
.bncFormBlock {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
}
.bncFormBlock:last-child {
  margin-bottom: 0;
}
.bncFormBlock--horizontal {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  justify-content: stretch;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.bncFormBlock--horizontal:last-child {
  margin-bottom: 0;
}
.bncFormBlock--horizontal > [class*=bncForm__col] {
  max-width: var(--maxInputWidth);
}
.DESKTOP_APP .bncFormBlock--horizontal {
  margin-bottom: 8px;
}
.MOBILE_APP .bncFormBlock--horizontal {
  min-height: var(--viewHeaderHeight);
}
.bncAutoColumns .bncFormBlock--horizontal {
  display: inline-flex;
}
.bncFormBlock--horizontal.lineBelow {
  -moz-column-gap: 0;
       column-gap: 0;
}
.bncFormBlock--horizontal + .bncFormBlock--horizontal {
  margin-top: 0;
}
.bncFormBlock--horizontal > .bncLabel:first-child {
  line-height: 16px;
}
.DESKTOP_APP .bncFormBlock--horizontal > .bncLabel:first-child {
  flex: 0 1 292px;
}
.bncFormBlock--horizontal > .bncLabel:first-child ~ [class*='bncForm__col'] {
  flex-grow: 1;
}
.bncFormBlock--horizontal.alignTop {
  align-items: flex-start;
}
.bncFormBlock--horizontal.alignTop .bncLabel {
  padding-top: 8px;
}
.bncFormBlock--horizontal.alignLeft {
  justify-content: flex-start;
}
.bncFormBlock--horizontal button.icon-custom-trashcan {
  opacity: 0;
}
.bncFormBlock--horizontal:hover button.icon-custom-trashcan {
  opacity: 1;
}
.row > .bncLabel {
  line-height: 16px;
  max-width: 292px;
}
.row > .bncLabel + [class*='col-'] {
  flex-grow: 1;
  max-width: var(--maxInputWidth);
}
.row > [class*=col-] > [icon-class*=icon-custom-trashcan] {
  opacity: 0;
}
bnc-configuration-editor:not(.nestedRows) .row:hover > [class*=col-] > [icon-class*=icon-custom-trashcan] {
  opacity: 1;
}
@-moz-document url-prefix() {
  .row:hover > [class*=col-] > [icon-class*=icon-custom-trashcan] {
    opacity: 1;
  }
}
@supports selector(:has(.row)) {
  .row:has(.row:hover) > [class*=col-] > [icon-class*=icon-custom-trashcan] {
    opacity: 0;
  }
  .row:not(:has(.row:hover)):hover > [class*=col-] > [icon-class*=icon-custom-trashcan] {
    opacity: 1;
  }
}
.bncFormBlock--vertical {
  display: flex;
  position: relative;
  margin-bottom: 12px;
  flex-direction: column;
  align-items: stretch;
}
.bncFormBlock--vertical:last-child {
  margin-bottom: 0;
}
.bncFormBlock--vertical--loginpage {
  margin-top: 8px;
}
.MOBILE_APP .bncFormBlock--vertical:not(.lineBelow) {
  margin-bottom: 10px;
}
.bncFormBlock--vertical > .bncLabel {
  display: inline-block;
}
.DESKTOP_APP .bncFormBlock--vertical > .bncLabel {
  line-height: 18px;
  margin-bottom: 4px;
}
.MOBILE_APP .bncFormBlock--vertical > .bncLabel {
  padding-bottom: 0;
}
.bncLabel--filter {
  color: var(--baseGrey2);
  word-break: break-word;
  hyphens: auto;
  margin-right: 4px;
  line-height: 16px;
}
.DESKTOP_APP .bncLabel--filter {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.MOBILE_APP .bncLabel--filter {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.8079584775086506rem + 0.34602076124567477vw, 15px);
}
/*------------------------------------*\
  #BNC-BUTTON
\*------------------------------------*/
.bncButton {
  position: relative;
  line-height: 18px;
  border-radius: 1in;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: 0 none;
  max-width: 200px;
  padding: 6px 16px;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  -webkit-tap-highlight-color: transparent;
  color: var(--backgroundColor0--light);
  background-color: #e40046;
  border: 1px solid transparent;
  margin: 0 0 8px 8px;
  order: 10;
}
.DESKTOP_APP .bncButton {
  font-size: 16px;
  min-width: 100px;
  cursor: pointer;
}
.MOBILE_APP .bncButton {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
  --padding-block: clamp(6px, 0.10683391003460208rem + 1.384083044982699vw, 10px);
  --padding-inline: clamp(10px, 0.3568339100346021rem + 1.384083044982699vw, 14px);
}
.bncButton:not([class*=disabled]):focus-visible {
  outline: 0;
}
.bncButton:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
@media (hover: hover) {
  .bncButton:hover {
    background-color: #b60038;
    color: var(--backgroundColor0--light);
  }
}
.bncButton.bncButton--disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: var(--buttonDisabledBgColor);
  cursor: default;
}
.MOBILE_APP .bncMainContainer > div > div:not(.bncLanding) .bncButton.bncButton--disabled {
  color: var(--buttonDisabledBgColor);
}
.DESKTOP_APP .bncButton.bncButton--small {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 7px;
  min-width: 50px;
}
.DESKTOP_APP .bncButton.bncButton--small:not([class*=disabled]):focus-visible {
  outline: 0;
}
.DESKTOP_APP .bncButton.bncButton--small:not([class*=disabled]):focus-visible::after {
  content: '';
  position: absolute;
  z-index: 1;
  border: 1px dotted #e40046;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 1in;
  height: auto;
  pointer-events: none;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton,
.MOBILE_APP bnc-button-bar .bncButton {
  color: #e40046;
  margin: 0;
  border: none;
  background-color: transparent;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton:active,
.MOBILE_APP bnc-button-bar .bncButton:active {
  color: #b60038;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton:last-child,
.MOBILE_APP bnc-button-bar .bncButton:last-child {
  padding-right: 0;
}
.bncButton--cancel {
  color: var(--buttonCancelColor);
  background-color: var(--buttonCancelBgColor);
  border: 1px solid var(--buttonCancelBorderColor);
  order: 0;
}
.bncButton--cancel:hover {
  color: var(--primaryColor);
  background-color: var(--buttonCancelHoverBgColor);
  border: 1px solid var(--buttonCancelHoverBgColor);
}
.bncButton--cancel.bncButton--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: 1px solid var(--backgroundColor1);
  cursor: default;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton--cancel,
.MOBILE_APP bnc-button-bar .bncButton--cancel {
  color: var(--baseGrey1);
  margin-right: auto;
  padding-left: 0;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton--cancel:hover,
.MOBILE_APP bnc-button-bar .bncButton--cancel:hover {
  color: #e40046;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton--cancel.icon-x,
.MOBILE_APP bnc-button-bar .bncButton--cancel.icon-x {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton--cancel.icon-x::before,
.MOBILE_APP bnc-button-bar .bncButton--cancel.icon-x::before {
  content: '\e81b';
  margin: 0;
}
.MOBILE_APP .bncButtonWrapper--modal .bncButton--cancel.icon-x span,
.MOBILE_APP bnc-button-bar .bncButton--cancel.icon-x span {
  display: none;
}
.bncButton--delete {
  color: #e40046;
  background-color: var(--backgroundColor0);
  border: 1px solid #e40046;
  transition: all 0.5;
  order: 1;
}
.bncButton--delete:hover {
  color: var(--backgroundColor0);
  background-color: #e40046;
  border: 1px solid #e40046;
}
.bncButton--delete.bncButton--disabled {
  color: #ff7ea6;
  background-color: var(--backgroundColor0);
  border: 1px solid #ff7ea6;
  cursor: default;
}
.bncButton--neutral {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
}
.bncButton--neutral .hoverDef {
  color: var(--backgroundColor0--light);
  background-color: #e40046;
  border-color: #e40046;
}
.bncButton--neutral.active {
  color: var(--backgroundColor0--light);
  background-color: #e40046;
  border-color: #e40046;
}
@media (hover: hover) {
  .bncButton--neutral:hover {
    color: var(--backgroundColor0--light);
    background-color: #e40046;
    border-color: #e40046;
  }
  .bncButton--neutral:hover i[class*=icon-custom-] {
    color: var(--backgroundColor0);
  }
}
.bncButton--neutral.bncButton--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor0);
  border-color: var(--backgroundColor1);
  cursor: default;
}
.bncButton.bncButton--blank {
  color: inherit;
  border: none;
  background-color: transparent;
  text-align: inherit;
  padding: 0;
  margin: 0;
  max-width: none;
  min-width: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.bncButton.bncButton--blank.active,
.bncButton.bncButton--blank:hover {
  color: #e40046;
  background-color: transparent;
  border: none;
}
.bncButton.bncButton--blank.active label,
.bncButton.bncButton--blank:hover label {
  color: inherit;
}
.bncButton.bncButton--blank::before {
  color: var(--baseGrey1);
}
.bncButton.bncButton--blank label {
  pointer-events: none;
}
.bncButton.bncButton--blank.bncButton--disabled {
  color: var(--baseGrey3);
  cursor: default;
}
.bncButton.bncButton--blank.bncButton--disabled::before {
  color: var(--baseGrey3);
}
.bncButton [class*=icon-custom-] {
  color: var(--baseGrey2);
}
.bncButton:hover [class*=icon-custom-] {
  color: #e40046;
}
.bncTabs {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  border-bottom: 1px solid var(--middleGrey);
}
.bncTabs bnc-search {
  margin: -4px 0 4px;
}
.bncTabGroup {
  display: flex;
  margin-bottom: -1px;
}
.bncTabGroup .bncTab {
  position: relative;
  line-height: 18px;
  border-radius: 1in;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: 0 none;
  max-width: 200px;
  padding: 6px 16px;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  -webkit-tap-highlight-color: transparent;
  background: var(--backgroundColor0);
  border: 1px solid transparent;
  border-bottom-color: var(--middleGrey);
  color: var(--tabGroupButtonColor);
  margin: 0;
  border-radius: 3px 3px 0 0;
}
.DESKTOP_APP .bncTabGroup .bncTab {
  font-size: 16px;
  min-width: 100px;
  cursor: pointer;
}
.MOBILE_APP .bncTabGroup .bncTab {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
  font-size: clamp(14px, 0.740916955017301rem + 0.6920415224913495vw, 16px);
  --padding-block: clamp(6px, 0.10683391003460208rem + 1.384083044982699vw, 10px);
  --padding-inline: clamp(10px, 0.3568339100346021rem + 1.384083044982699vw, 14px);
}
.bncTabGroup .bncTab:first-child {
  padding-left: 0;
  border-top-left-radius: 0;
}
.bncTabGroup .bncTab.active {
  border-color: var(--middleGrey);
  border-bottom-color: var(--backgroundColor0);
}
.bncTabGroup .bncTab.active:first-child {
  border-left-color: var(--backgroundColor0);
}
.bncTabGroup .bncTab.active,
.bncTabGroup .bncTab:hover {
  color: #e40046;
}
.bncPickerButtonDefinition {
  border: 1px solid var(--middleGrey);
  color: var(--baseGrey1);
  flex: 0 0 20%;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background-color: var(--backgroundColor0);
}
.bncPickerButtonDefinition:hover {
  color: #e40046;
}
.bncPickerButtonDefinition[class*=picker__button--dec] {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.bncPickerButtonDefinition[class*=picker__button--inc] {
  border-radius: 0 3px 3px 0;
}
/*------------------------------------*\
  #BNC-TEXT-INPUT
\*------------------------------------*/
::-moz-placeholder {
  color: var(--placeholderColor);
  font-weight: 300;
  opacity: 1;
}
::placeholder {
  color: var(--placeholderColor);
  font-weight: 300;
  opacity: 1;
}
:focus::-moz-placeholder {
  color: var(--baseGrey2--light);
}
:focus::placeholder {
  color: var(--baseGrey2--light);
}
:focus {
  outline: 0;
}
::-moz-selection {
  background: #e40046;
  color: var(--backgroundColor0);
}
::selection {
  background: #e40046;
  color: var(--backgroundColor0);
}
.bncTextDefinition {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
}
.DESKTOP_APP .bncTextDefinition {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .bncTextDefinition,
.MOBILE_APP .bncTextDefinition {
  border-radius: 1in;
}
.MOBILE_APP .bncTextDefinition {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .bncTextDefinition,
.MOBILE_APP .bncFormBlock--horizontal .bncTextDefinition {
  width: 100%;
  flex: 0 1 100%;
}
.bncTextDefinition:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncTextDefinition--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.bncTextInputFocusDefinition {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncTextInputDefinition {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
}
.DESKTOP_APP .bncTextInputDefinition {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .bncTextInputDefinition,
.MOBILE_APP .bncTextInputDefinition {
  border-radius: 1in;
}
.MOBILE_APP .bncTextInputDefinition {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .bncTextInputDefinition,
.MOBILE_APP .bncFormBlock--horizontal .bncTextInputDefinition {
  width: 100%;
  flex: 0 1 100%;
}
.bncTextInputDefinition:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncTextInputDefinition--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.DESKTOP_APP .bncTextInputDefinition {
  max-width: var(--maxInputWidth);
}
.MOBILE_APP .bncTextInputDefinition {
  font-size: 16px;
}
.bncMainContainer--loginLayout .bncTextInputDefinition {
  line-height: 44px;
  height: 44px;
  padding: 0 22px;
}
.bncTextarea {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  display: block;
  line-height: 18px;
  padding: 7px 16px;
  overflow: auto;
  resize: vertical;
  max-width: var(--maxInputWidth);
}
.DESKTOP_APP .bncTextarea {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .bncTextarea,
.MOBILE_APP .bncTextarea {
  border-radius: 1in;
}
.MOBILE_APP .bncTextarea {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .bncTextarea,
.MOBILE_APP .bncFormBlock--horizontal .bncTextarea {
  width: 100%;
  flex: 0 1 100%;
}
.bncTextarea:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncTextarea--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.MOBILE_APP .bncTextarea {
  border-radius: 8px;
  font-size: 16px;
  min-height: 68px;
}
.bncTextinput {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.DESKTOP_APP .bncTextinput {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout .bncTextinput,
.MOBILE_APP .bncTextinput {
  border-radius: 1in;
}
.MOBILE_APP .bncTextinput {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer .bncTextinput,
.MOBILE_APP .bncFormBlock--horizontal .bncTextinput {
  width: 100%;
  flex: 0 1 100%;
}
.bncTextinput:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
.bncTextinput--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.DESKTOP_APP .bncTextinput {
  max-width: var(--maxInputWidth);
}
.MOBILE_APP .bncTextinput {
  font-size: 16px;
}
.bncMainContainer--loginLayout .bncTextinput {
  line-height: 44px;
  height: 44px;
  padding: 0 22px;
}
.bncTextinput[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.bncTextinput[type="number"]::-webkit-inner-spin-button,
.bncTextinput[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.bncTextinput::-webkit-date-and-time-value {
  text-align: left;
}
.bncTextinput[type='datetime-local'] {
  padding-right: 2px;
}
.bncTextinput::-webkit-datetime-edit {
  cursor: text;
}
.bncTextinput::-webkit-calendar-picker-indicator {
  opacity: 0.4;
  translate: -4px 0;
  cursor: pointer;
}
.bncCodeContainer .bncError {
  padding: 0 !important;
}
/*------------------------------------*\
  #BNC-TEXT-OUTPUT
\*------------------------------------*/
.bncTextOutput {
  height: 32px;
  line-height: 32px;
}
/*------------------------------------*\
  #BNC-CHECKBOX
\*------------------------------------*/
.bncCheckboxDefinition {
  /* checkbox checked */
  /* check mark to nothing when not checked */
  /* style indeterminate state box */
  /* style indeterminate mark to square  */
  /* set indeterminate disabled mark color to grey */
  /* set indeterminate disabled box color to white */
  /* disabled checkbox */
}
.bncCheckboxDefinition:checked,
.bncCheckboxDefinition:not(:checked) {
  position: absolute;
  left: -100vw;
  top: 0;
  opacity: 0;
  /* compact label above checkbox */
}
.bncCheckboxDefinition:checked + .bncLabel,
.bncCheckboxDefinition:not(:checked) + .bncLabel {
  position: relative;
  padding: 8px 16px 8px 32px;
  cursor: pointer;
  color: var(--primaryColor);
  text-transform: none;
  letter-spacing: 0;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--after,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--after {
  padding: 8px 32px 8px 0;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--circle64,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--circle64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  aspect-ratio: 1;
  padding: 8px;
  background-color: var(--backgroundColor0);
  border-radius: 9in;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--circle64::after,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--circle64::after,
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--circle64::before,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--circle64::before {
  content: none;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--empty,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--empty {
  padding: 8px 12px;
  margin-inline: -10px 10px;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--label,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--label {
  color: var(--baseGrey2);
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.03em;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--dummy,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--dummy {
  margin-left: 0;
  clip-path: path('m -2 0 34 0 0 32 -34 0');
}
.bncCheckboxDefinition:checked + .bncLabel::before,
.bncCheckboxDefinition:not(:checked) + .bncLabel::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  background-color: var(--backgroundColor0);
}
.bncCheckboxDefinition:checked + .bncLabel::after,
.bncCheckboxDefinition:not(:checked) + .bncLabel::after {
  content: '\e83f';
  /*'✔'*/
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 14px;
  color: var(--backgroundColor0--light);
  transition: all 0.2s;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--after::after,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--after::after {
  right: 5px;
  left: auto;
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--after::before,
.bncCheckboxDefinition:not(:checked) + .bncLabel.bncLabel--after::before {
  right: 0;
  left: auto;
}
.bncCheckboxDefinition:checked.bncCheckbox--compact + .bncLabel,
.bncCheckboxDefinition:not(:checked).bncCheckbox--compact + .bncLabel {
  padding: 0;
  margin: 0 8px 0 0;
  flex: 0 0 24px;
  text-align: center;
  white-space: nowrap;
}
.bncCheckboxDefinition:checked.bncCheckbox--compact + .bncLabel::before,
.bncCheckboxDefinition:not(:checked).bncCheckbox--compact + .bncLabel::before {
  left: 0;
  top: auto;
  bottom: -28px;
}
.bncCheckboxDefinition:checked.bncCheckbox--compact + .bncLabel::after,
.bncCheckboxDefinition:not(:checked).bncCheckbox--compact + .bncLabel::after {
  left: 5px;
  top: auto;
  bottom: -24px;
}
.bncCheckboxDefinition:checked + .bncLabel::before {
  background: #e40046;
  border: 1px solid #e40046;
}
.bncCheckboxDefinition:checked + .bncLabel::after {
  opacity: 1;
  transform: scale(1);
}
.bncCheckboxDefinition:checked + .bncLabel.bncLabel--circle64 {
  background-color: #e40046;
  color: var(--backgroundColor0);
}
.bncCheckboxDefinition:not(:checked) + .bncLabel:after {
  content: '';
  transition: all 0s;
  opacity: 0;
  transform: scale(0);
}
.bncCheckboxDefinition:indeterminate + .bncLabel:before {
  background: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
}
.bncCheckboxDefinition:indeterminate + .bncLabel::after {
  content: '' !important;
  display: block;
  width: 11px;
  height: 11px;
  left: 7px;
  top: 11px;
  transition: all 0.2s;
  opacity: 1 !important;
  transform: scale(1) !important;
  background-color: #e40046;
}
.bncCheckboxDefinition:indeterminate + .bncLabel.bncLabel--after::after {
  right: 7px;
  left: auto;
}
.bncCheckboxDefinition:disabled:indeterminate + .bncLabel:after {
  color: var(--middleGrey);
}
.bncCheckboxDefinition:disabled:indeterminate + .bncLabel:before {
  background: var(--backgroundColor0) !important;
  border: 1px solid var(--middleGrey);
}
.bncCheckboxDefinition:disabled:checked + .bncLabel:before {
  box-shadow: none;
  border-color: var(--baseGrey2);
  background: var(--baseGrey2);
}
.bncCheckboxDefinition:disabled:not(:checked) + .bncLabel:before {
  box-shadow: none;
  border-color: var(--middleGrey);
  background: var(--middleGrey);
}
.bncCheckboxDefinition:disabled:checked + .bncLabel:after {
  color: var(--backgroundColor0);
}
.bncCheckboxDefinition:disabled + .bncLabel {
  color: var(--baseGrey3);
}
.bncSwitchDefinition {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.bncSwitchDefinition + .bncLabel {
  --width: 48px;
  --height: 28px;
  --toggleRadius: 8px;
  --offsetX: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.bncSwitchDefinition + .bncLabel:not(.bncLabel--text) {
  font-size: 16px;
}
.bncSwitchDefinition + .bncLabel::after {
  content: '';
  border-radius: 1in;
  flex: 0 0 var(--width);
  height: var(--height);
  margin-left: 16px;
  background-color: var(--middleGrey);
  background-image: radial-gradient(circle, var(--backgroundColor0) 0 calc(var(--toggleRadius) - 0.4px), transparent calc(var(--toggleRadius) + 0.4px) 100%);
  background-size: 100% 100%;
  background-position: calc(-1 * var(--offsetX)) 50%;
  transition: all 0.2s ease-in-out;
}
.bncSwitchDefinition:disabled + .bncLabel::after {
  background-color: var(--middleGrey);
}
.bncSwitchDefinition:checked + .bncLabel::after {
  background-color: #84b54c;
  background-position: var(--offsetX) 50%;
}
.bncSwitchDefinition:checked:disabled + .bncLabel::after {
  background-color: var(--baseGrey2);
}
.bncSwitchDefinition.bncCheckbox--compact + .bncLabel {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  padding: 4px;
  margin: 0 8px 8px 0;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.bncSwitchDefinition.bncCheckbox--compact + .bncLabel::after,
.bncSwitchDefinition.bncCheckbox--compact + .bncLabel::before {
  content: none;
}
.bncSwitchDefinition.bncCheckbox--compact:not(:checked) + .bncLabel {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
}
.bncSwitchDefinition.bncCheckbox--compact:not(:checked) + .bncLabel.disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor0);
  border-color: var(--baseGrey3);
}
.bncSwitchDefinition.bncCheckbox--compact:checked + .bncLabel {
  color: var(--backgroundColor0);
  background-color: #84b54c;
  border-color: #84b54c;
}
.bncSwitchDefinition.bncCheckbox--compact:checked + .bncLabel.disabled {
  color: var(--backgroundColor0);
  background-color: var(--baseGrey3);
  border-color: var(--baseGrey3);
}
.DESKTOP_APP .bncCheckbox + label,
.DESKTOP_APP .bncRadio + label {
  display: inline-block;
  line-height: 18px;
}
.DESKTOP_APP .bncCheckbox + label:after,
.DESKTOP_APP .bncRadio + label:after,
.DESKTOP_APP .bncCheckbox + label:before,
.DESKTOP_APP .bncRadio + label:before {
  font-family: "spark";
  font-size: 16px;
}
.DESKTOP_APP .bncCheckbox {
  /* checkbox checked */
  /* check mark to nothing when not checked */
  /* style indeterminate state box */
  /* style indeterminate mark to square  */
  /* set indeterminate disabled mark color to grey */
  /* set indeterminate disabled box color to white */
  /* disabled checkbox */
}
.DESKTOP_APP .bncCheckbox:checked,
.DESKTOP_APP .bncCheckbox:not(:checked) {
  position: absolute;
  left: -100vw;
  top: 0;
  opacity: 0;
  /* compact label above checkbox */
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel {
  position: relative;
  padding: 8px 16px 8px 32px;
  cursor: pointer;
  color: var(--primaryColor);
  text-transform: none;
  letter-spacing: 0;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--after {
  padding: 8px 32px 8px 0;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--circle64,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--circle64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  aspect-ratio: 1;
  padding: 8px;
  background-color: var(--backgroundColor0);
  border-radius: 9in;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--circle64::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--circle64::after,
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--circle64::before,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--circle64::before {
  content: none;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--empty,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--empty {
  padding: 8px 12px;
  margin-inline: -10px 10px;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--label,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--label {
  color: var(--baseGrey2);
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.03em;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--dummy,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--dummy {
  margin-left: 0;
  clip-path: path('m -2 0 34 0 0 32 -34 0');
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel::before,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--middleGrey);
  border-radius: 3px;
  background-color: var(--backgroundColor0);
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel::after {
  content: '\e83f';
  /*'✔'*/
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 14px;
  color: var(--backgroundColor0--light);
  transition: all 0.2s;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--after::after,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--after::after {
  right: 5px;
  left: auto;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--after::before,
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel.bncLabel--after::before {
  right: 0;
  left: auto;
}
.DESKTOP_APP .bncCheckbox:checked.bncCheckbox--compact + .bncLabel,
.DESKTOP_APP .bncCheckbox:not(:checked).bncCheckbox--compact + .bncLabel {
  padding: 0;
  margin: 0 8px 0 0;
  flex: 0 0 24px;
  text-align: center;
  white-space: nowrap;
}
.DESKTOP_APP .bncCheckbox:checked.bncCheckbox--compact + .bncLabel::before,
.DESKTOP_APP .bncCheckbox:not(:checked).bncCheckbox--compact + .bncLabel::before {
  left: 0;
  top: auto;
  bottom: -28px;
}
.DESKTOP_APP .bncCheckbox:checked.bncCheckbox--compact + .bncLabel::after,
.DESKTOP_APP .bncCheckbox:not(:checked).bncCheckbox--compact + .bncLabel::after {
  left: 5px;
  top: auto;
  bottom: -24px;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel::before {
  background: #e40046;
  border: 1px solid #e40046;
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel::after {
  opacity: 1;
  transform: scale(1);
}
.DESKTOP_APP .bncCheckbox:checked + .bncLabel.bncLabel--circle64 {
  background-color: #e40046;
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncCheckbox:not(:checked) + .bncLabel:after {
  content: '';
  transition: all 0s;
  opacity: 0;
  transform: scale(0);
}
.DESKTOP_APP .bncCheckbox:indeterminate + .bncLabel:before {
  background: var(--backgroundColor0);
  border: 1px solid var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox:indeterminate + .bncLabel::after {
  content: '' !important;
  display: block;
  width: 11px;
  height: 11px;
  left: 7px;
  top: 11px;
  transition: all 0.2s;
  opacity: 1 !important;
  transform: scale(1) !important;
  background-color: #e40046;
}
.DESKTOP_APP .bncCheckbox:indeterminate + .bncLabel.bncLabel--after::after {
  right: 7px;
  left: auto;
}
.DESKTOP_APP .bncCheckbox:disabled:indeterminate + .bncLabel:after {
  color: var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox:disabled:indeterminate + .bncLabel:before {
  background: var(--backgroundColor0) !important;
  border: 1px solid var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox:disabled:checked + .bncLabel:before {
  box-shadow: none;
  border-color: var(--baseGrey2);
  background: var(--baseGrey2);
}
.DESKTOP_APP .bncCheckbox:disabled:not(:checked) + .bncLabel:before {
  box-shadow: none;
  border-color: var(--middleGrey);
  background: var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox:disabled:checked + .bncLabel:after {
  color: var(--backgroundColor0);
}
.DESKTOP_APP .bncCheckbox:disabled + .bncLabel {
  color: var(--baseGrey3);
}
.DESKTOP_APP .bncCheckbox--switch {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.DESKTOP_APP .bncCheckbox--switch + .bncLabel {
  --width: 48px;
  --height: 28px;
  --toggleRadius: 8px;
  --offsetX: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.DESKTOP_APP .bncCheckbox--switch + .bncLabel:not(.bncLabel--text) {
  font-size: 16px;
}
.DESKTOP_APP .bncCheckbox--switch + .bncLabel::after {
  content: '';
  border-radius: 1in;
  flex: 0 0 var(--width);
  height: var(--height);
  margin-left: 16px;
  background-color: var(--middleGrey);
  background-image: radial-gradient(circle, var(--backgroundColor0) 0 calc(var(--toggleRadius) - 0.4px), transparent calc(var(--toggleRadius) + 0.4px) 100%);
  background-size: 100% 100%;
  background-position: calc(-1 * var(--offsetX)) 50%;
  transition: all 0.2s ease-in-out;
}
.DESKTOP_APP .bncCheckbox--switch:disabled + .bncLabel::after {
  background-color: var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox--switch:checked + .bncLabel::after {
  background-color: #84b54c;
  background-position: var(--offsetX) 50%;
}
.DESKTOP_APP .bncCheckbox--switch:checked:disabled + .bncLabel::after {
  background-color: var(--baseGrey2);
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact + .bncLabel {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  padding: 4px;
  margin: 0 8px 8px 0;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact + .bncLabel::after,
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact + .bncLabel::before {
  content: none;
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact:not(:checked) + .bncLabel {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact:not(:checked) + .bncLabel.disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor0);
  border-color: var(--baseGrey3);
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact:checked + .bncLabel {
  color: var(--backgroundColor0);
  background-color: #84b54c;
  border-color: #84b54c;
}
.DESKTOP_APP .bncCheckbox--switch.bncCheckbox--compact:checked + .bncLabel.disabled {
  color: var(--backgroundColor0);
  background-color: var(--baseGrey3);
  border-color: var(--baseGrey3);
}
.DESKTOP_APP .bncCheckbox--switch + .bncLabel {
  --width: 41px;
  --height: 24px;
  --toggleRadius: 7px;
  --offsetX: 8px;
}
.DESKTOP_APP .bncCheckbox--switch + .bncLabel:empty {
  margin-right: var(--width);
}
.MOBILE_APP .bncCheckbox {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.MOBILE_APP .bncCheckbox + .bncLabel {
  --width: 48px;
  --height: 28px;
  --toggleRadius: 8px;
  --offsetX: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.MOBILE_APP .bncCheckbox + .bncLabel:not(.bncLabel--text) {
  font-size: 16px;
}
.MOBILE_APP .bncCheckbox + .bncLabel::after {
  content: '';
  border-radius: 1in;
  flex: 0 0 var(--width);
  height: var(--height);
  margin-left: 16px;
  background-color: var(--middleGrey);
  background-image: radial-gradient(circle, var(--backgroundColor0) 0 calc(var(--toggleRadius) - 0.4px), transparent calc(var(--toggleRadius) + 0.4px) 100%);
  background-size: 100% 100%;
  background-position: calc(-1 * var(--offsetX)) 50%;
  transition: all 0.2s ease-in-out;
}
.MOBILE_APP .bncCheckbox:disabled + .bncLabel::after {
  background-color: var(--middleGrey);
}
.MOBILE_APP .bncCheckbox:checked + .bncLabel::after {
  background-color: #84b54c;
  background-position: var(--offsetX) 50%;
}
.MOBILE_APP .bncCheckbox:checked:disabled + .bncLabel::after {
  background-color: var(--baseGrey2);
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact + .bncLabel {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  padding: 4px;
  margin: 0 8px 8px 0;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact + .bncLabel::after,
.MOBILE_APP .bncCheckbox.bncCheckbox--compact + .bncLabel::before {
  content: none;
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact:not(:checked) + .bncLabel {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  border-color: var(--middleGrey);
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact:not(:checked) + .bncLabel.disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor0);
  border-color: var(--baseGrey3);
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact:checked + .bncLabel {
  color: var(--backgroundColor0);
  background-color: #84b54c;
  border-color: #84b54c;
}
.MOBILE_APP .bncCheckbox.bncCheckbox--compact:checked + .bncLabel.disabled {
  color: var(--backgroundColor0);
  background-color: var(--baseGrey3);
  border-color: var(--baseGrey3);
}
/* END OF CHECKBOX STYLING */
/* RADIOBUTTON STYLING */
/* Base for label styling */
.bncRadio:checked,
.bncRadio:not(:checked) {
  position: absolute;
  opacity: 0;
}
.bncRadio:checked + label,
.bncRadio:not(:checked) + label {
  position: relative;
  padding: 8px 16px 8px 32px;
  cursor: pointer;
  color: var(--primaryColor);
  text-transform: none;
  /* radiobutton aspect */
}
.bncRadio:checked + label::before,
.bncRadio:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--radioBorderColor);
  border-radius: 50%;
  background-color: var(--radioBackgroundColor);
}
/* radiobutton checked */
.bncRadio:checked + label:before {
  box-shadow: inset 0 0 0 3px var(--radioBackgroundColor);
  background-clip: padding-box;
  background-image: radial-gradient(#e40046 10px, var(--radioBackgroundColor) 0px);
}
/* focused radiobutton */
.bncRadio:focus + label:before {
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px var(--mainColor1), inset 0 0 0 3px var(--radioBackgroundColor);
}
/* focused checkbox */
.bncCheckbox:focus + label:before {
  box-shadow: 0 0 0 2px var(--mainColor1);
}
.bncCheckbox:focus:not(:checked) + label:before,
.bncRadio:focus:not(:checked) + label:before {
  border-color: var(--mainColor1);
}
/* disabled radiobutton */
.bncRadio:disabled:checked + label:before,
.bncRadio:disabled:not(:checked) + label:before {
  border-color: var(--middleGrey);
}
/* disabled radiobutton checked */
.bncRadio:disabled:checked + label:before {
  background: var(--middleGrey);
  box-shadow: inset 0 0 0 3px var(--backgroundColor0);
}
.bncRadio:disabled:checked + label:after {
  color: var(--backgroundColor0);
  z-index: 200;
}
.bncRadio:disabled + label {
  color: var(--baseGrey3);
}
/* END OF RADIOBUTTON STYLING */
/*------------------------------------*\
  #NATIVE SELECT FOR MOBILE
\*------------------------------------*/
.MOBILE_APP bnc-select2:has(.nativeSelect) {
  position: relative;
  display: inline-block;
  width: 100%;
}
.MOBILE_APP bnc-select2:has(.nativeSelect)::after {
  content: '\e831';
  font-family: 'spark';
  color: var(--baseGrey1);
  position: absolute;
  right: 13px;
  top: 11px;
  pointer-events: none;
}
.MOBILE_APP bnc-select2:not(:has(.nativeSelect)) {
  display: flex;
}
select.nativeSelect {
  color: var(--primaryColor);
  background-color: var(--backgroundColor0);
  outline-width: 0;
  border: 1px solid var(--inputBorderColor);
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}
.DESKTOP_APP select.nativeSelect {
  border-radius: 3px;
}
.DESKTOP_APP .bncMainContainer--loginLayout select.nativeSelect,
.MOBILE_APP select.nativeSelect {
  border-radius: 1in;
}
.MOBILE_APP select.nativeSelect {
  width: calc(100vw - (2 * var(--boxSidePadding)));
  margin: 4px 0;
}
.MOBILE_APP .bncErrorParentContainer select.nativeSelect,
.MOBILE_APP .bncFormBlock--horizontal select.nativeSelect {
  width: 100%;
  flex: 0 1 100%;
}
select.nativeSelect:focus:not([class*=--disabled]) {
  border-color: var(--inputFocusBorderColor);
  outline: none;
}
select.nativeSelect--disabled {
  color: var(--baseGrey3);
  background-color: var(--backgroundColor1);
  border: none;
  background-image: none;
  cursor: default;
}
.DESKTOP_APP select.nativeSelect {
  max-width: var(--maxInputWidth);
}
.MOBILE_APP select.nativeSelect {
  font-size: 16px;
}
.bncMainContainer--loginLayout select.nativeSelect {
  line-height: 44px;
  height: 44px;
  padding: 0 22px;
}
/*------------------------------------*\
  #BNC-FORM-COLS
\*------------------------------------*/
/* Needs to be placed after all form-styling */
.bncForm__rowWrapper {
  display: flex;
  margin-bottom: 12px;
}
.bncForm__col1 {
  flex: 0 0 15.33%;
}
.bncForm__col2 {
  flex: 0 0 32.26%;
}
.bncForm__col3 {
  flex: 0 0 48.7%;
}
.bncForm__col4 {
  flex: 0 0 66.13%;
}
.bncForm__col5 {
  flex: 0 0 83.06%;
}
.bncForm__col6 {
  flex: 0 0 100%;
}
.debug .row {
  outline: 1px solid palevioletred;
}
.debug .row .row {
  outline: 1px solid crimson;
}
.debug [class*=col-] {
  outline: 1px solid cornflowerblue;
}
.bncNoBorder,
.bncNoBorder::before {
  border: none !important;
}
.bncLine--horizontal {
  border-bottom: 1px solid var(--middleGrey);
}
.bncNoShadow {
  box-shadow: 0 0 0 0 transparent !important;
}
.bncBottomShadow {
  box-shadow: 0 8px 8px -8px #cecece;
}
.bncPositionRelative {
  position: relative !important;
}
.bncPositionAbsolute {
  position: absolute !important;
}
.bncOrder10 {
  order: 10;
}
.bncWidth33 {
  width: 33px;
}
.bncFullWidth {
  width: 100% !important;
}
.bncFullHeight {
  height: 100%;
}
.bncViewportHeight {
  height: 100dvh;
}
.bncAutoHeight {
  height: auto !important;
}
.bncAutoSize {
  height: auto !important;
  width: auto !important;
  position: initial !important;
}
.bncNoMaxWidth {
  max-width: none !important;
}
.bncNoMargin {
  margin: 0 !important;
}
.bncNoMarginRight {
  margin-right: 0 !important;
}
.bncMarginRight4 {
  margin-right: 4px !important;
}
.bncMarginRight16 {
  margin-right: 16px !important;
}
.bncMarginRight32 {
  margin-right: 32px !important;
}
.bncMarginRight-16 {
  margin-right: -16px !important;
}
.bncNoMarginBottom {
  margin-bottom: 0 !important;
}
.bncMarginBottom4 {
  margin-bottom: 4px !important;
}
.bncMarginBottom8 {
  margin-bottom: 8px !important;
}
.bncMarginBottom12 {
  margin-bottom: 12px !important;
}
.bncMarginBottom16 {
  margin-bottom: 16px !important;
}
.bncMarginBottom20 {
  margin-bottom: 20px !important;
}
.bncMarginBottom24 {
  margin-bottom: 24px !important;
}
.bncMarginBottom32 {
  margin-bottom: 32px !important;
}
.bncMarginBottom40 {
  margin-bottom: 40px !important;
}
.bncMarginBottom48 {
  margin-bottom: 48px !important;
}
.bncMarginBottom128 {
  margin-bottom: 128px !important;
}
.bncMarginTop-32 {
  margin-top: -32px !important;
}
.bncMarginTop-24 {
  margin-top: -24px !important;
}
.bncMarginTop-12 {
  margin-top: -12px !important;
}
.bncMarginTop-8 {
  margin-top: -8px !important;
}
.bncMarginTop-4 {
  margin-top: -4px !important;
}
.bncNoMarginTop {
  margin-top: 0 !important;
}
.bncMarginTop1 {
  margin-top: 1px !important;
}
.bncMarginTop4 {
  margin-top: 4px !important;
}
.bncMarginTop8 {
  margin-top: 8px !important;
}
.bncMarginTop9 {
  margin-top: 9px !important;
}
.bncMarginTop12 {
  margin-top: 12px !important;
}
.bncMarginTop16 {
  margin-top: 16px !important;
}
.bncMarginTop20 {
  margin-top: 20px !important;
}
.bncMarginTop24 {
  margin-top: 24px !important;
}
.bncMarginTop30 {
  margin-top: 30px !important;
}
.bncMarginTop32 {
  margin-top: 32px !important;
}
.bncMarginTop36 {
  margin-top: 36px !important;
}
.bncMarginTop40 {
  margin-top: 40px !important;
}
.bncMarginTop48 {
  margin-top: 48px !important;
}
.bncMarginTop60 {
  margin-top: 60px !important;
}
.bncMarginTop64 {
  margin-top: 64px !important;
}
.bncMarginTop80 {
  margin-top: 80px !important;
}
.bncMarginTop88 {
  margin-top: 88px !important;
}
.bncMarginTop92 {
  margin-top: 92px !important;
}
.bncMarginTop96 {
  margin-top: 96px !important;
}
.bncMarginTop120 {
  margin-top: 120px !important;
}
.bncMarginLeft-2 {
  margin-left: -2px !important;
}
.bncNoMarginLeft {
  margin-left: 0 !important;
}
.bncMarginLeft4 {
  margin-left: 4px !important;
}
.bncMarginLeft8 {
  margin-left: 8px !important;
}
.bncMarginLeft16 {
  margin-left: 16px !important;
}
.bncMarginLeft24 {
  margin-left: 24px !important;
}
.bncMarginLeft32 {
  margin-left: 32px !important;
}
.bncMarginLeft36 {
  margin-left: 36px !important;
}
.bncMarginLeft44 {
  margin-left: 44px !important;
}
.bncMarginLeft48 {
  margin-left: 48px !important;
}
.bncMarginLeftAuto {
  margin-left: auto !important;
}
.bncMarginAuto {
  margin: auto !important;
}
.bncNoPaddingBottom {
  padding-bottom: 0 !important;
}
.bncNoPadding {
  padding: 0 !important;
}
.bncNoPaddingInline {
  padding-inline: 0 !important;
}
.bncPaddingBlock8 {
  padding-block: 8px !important;
}
.bncPaddingTop1 {
  padding-top: 1px !important;
}
.bncPaddingTop2 {
  padding-top: 2px !important;
}
.bncPaddingTop4 {
  padding-top: 4px !important;
}
.bncPaddingTop8 {
  padding-top: 8px !important;
}
.bncPaddingTop16 {
  padding-top: 16px !important;
}
.bncPaddingTop32 {
  padding-top: 32px !important;
}
.bncPaddingRight12 {
  padding-right: 12px !important;
}
.bncPaddingRight16 {
  padding-right: 16px !important;
}
.bncPaddingBottom16 {
  padding-bottom: 16px !important;
}
.bncPaddingLeft16 {
  padding-left: 16px !important;
}
.bncPaddingLeft20 {
  padding-left: 20px !important;
}
.bncPaddingLeft32 {
  padding-left: 32px !important;
}
.bncValignTop {
  vertical-align: top !important;
}
.bncTextAlignLeft {
  text-align: left !important;
}
.bncTextAlignRight {
  text-align: right;
}
.bncTextAlignCenter {
  text-align: center;
}
.bncBlock {
  display: block;
}
.bncFlexbox {
  display: flex;
}
.bncFlexbox.bncFlexbox--middle {
  align-items: center;
}
.bncFlexbox.gap12 {
  gap: 12px;
}
.bncAlignSelfStart {
  align-self: flex-start;
}
.bncTransformOriginLeftTop {
  transform-origin: left top !important;
}
.bncTransformOriginCenterTop {
  transform-origin: center top !important;
}
.bncNoTransition {
  transition: none !important;
}
.bncClickable {
  cursor: pointer;
}
.bncInactive {
  color: var(--baseGrey3);
}
.bncCursorPointer {
  cursor: pointer;
}
.bncTwoCols {
  -moz-columns: 2;
       columns: 2;
}
.bncAutoColumns:has(:nth-child(11)) {
  -moz-column-count: auto;
       column-count: auto;
  -moz-column-width: 340px;
       column-width: 340px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.bncAutoColumns:has(:nth-child(11)) li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.bncAutoColumns:has(:nth-child(11)) .bncForm__rowWrapper {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.bncNowrap {
  white-space: nowrap;
}
.bncNoColumnBreak {
  display: inline-block;
  max-width: 100%;
}
.bncLineBreakAnywhere {
  line-break: anywhere;
}
.bncWordBreakWord {
  word-break: break-word;
  hyphens: auto;
}
.bncWordBreakWordNoHyphens {
  word-break: break-word;
  hyphens: none;
}
.bncWarningColor {
  color: #f78b1e;
}
.bncColor--grey {
  color: var(--baseGrey2);
}
.bncBackground--checkered {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.2) 0 25%, transparent 25% 50%);
  background-position: 8px 8px;
  background-size: calc(8px * 2) calc(8px * 2);
}
.bncBackground--checkeredLight4 {
  background-color: var(--backgroundColor0);
  background-image: repeating-conic-gradient(rgba(157, 161, 171, 0.2) 0 25%, transparent 25% 50%);
  background-position: 4px 4px;
  background-size: calc(4px * 2) calc(4px * 2);
  background-color: rgba(157, 161, 171, 0.15);
}
.showIfFirstChild {
  display: none;
}
.showIfFirstChild:first-child {
  display: initial;
}
.hide {
  display: none;
}
.bncTransparent {
  opacity: 0;
}
@media screen and (max-width: 1199px) {
  .DESKTOP_APP .hideTill1199 {
    display: none;
  }
}
.bncForceOverflowVisible *:not(.bncOverflowAlwaysHidden) {
  overflow: visible !important;
}
.bncOverflowHidden {
  overflow: hidden !important;
}
.bncOverflowAuto {
  overflow: auto !important;
}
.bncOverflowVisible {
  overflow: visible;
}
.bncScrollbarGutterStable {
  scrollbar-gutter: stable;
}
.bncTextFont {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: var(--primaryColor);
}
.bncTextFont strong {
  font-weight: 500;
}
.DESKTOP_APP .bncTextFont {
  font-size: 13px;
}
.MOBILE_APP .bncTextFont {
  font-size: clamp(13px, 0.6113754325259515rem + 1.0380622837370241vw, 16px);
  line-height: clamp(18px, 1.0579584775086506rem + 0.34602076124567477vw, 19px);
}
.bncLineHeight16 {
  line-height: 16px;
}
.bncLineHeight40 {
  line-height: 40px;
}
.bncFontWeight400 {
  font-weight: 400;
}
.bncNoTextDecoration {
  text-decoration: none;
}
.bncUnderline {
  text-decoration: underline;
}
html:not([lang*=de]) .bncLowerCase {
  text-transform: lowercase !important;
}
.bncCapitalize {
  text-transform: capitalize;
}
.bncCapitalizeFirstLetter::first-letter {
  text-transform: uppercase;
}
.bncUppercase {
  text-transform: uppercase;
}
.bncText--grey {
  color: var(--baseGrey2);
}
.bncText--primaryColor {
  color: var(--primaryColor);
}
.bncEnSpaceAfter::after {
  content: '\2002';
}
.bncQuoted:not(:empty)::after,
.bncQuoted:not(:empty)::before {
  content: '\0027';
}
hr.divider {
  border: none;
  height: 8px;
  background-color: var(--baseGrey4);
  box-shadow: 20px 0 0 0 var(--baseGrey4), -20px 0 0 0 var(--baseGrey4);
}
.DESKTOP_APP hr.divider {
  display: none;
}
.bncTextOverflowEllipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
.bncMaxLines--1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
.bncMaxLines--2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  -webkit-text-fill-color: currentcolor;
}
@supports (-webkit-line-clamp: 2) {
  .bncMaxLines--2 {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.MOBILE_APP .bncHide--mobile {
  display: none;
}
/*------------------------------------*\
  #BNC-RESET
\*------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  height: 100%;
  width: 100%;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  background: none;
  border: none;
  color: inherit;
  line-height: inherit;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
  font-size: 100%;
}
* {
  padding: 0;
  margin: 0;
  border-spacing: 0;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
/*
 * The Flex Grid (v1.5.1) is a lightweight responsive CSS grid using flexbox. Because we can!
 * http://jeroenoomsnl.github.io/the-flex-grid/
 */
/* Generic grid styles */
.grid {
  margin: 0 auto;
  overflow: hidden;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.row > * {
  box-sizing: border-box;
  padding: 0 8px 8px;
  flex-basis: 100%;
}
.row:last-child {
  margin-bottom: -16px;
}
.gutterless > .row {
  margin: 0;
}
.gutterless > .row > * {
  padding: 0;
}
.gutterless > .row:last-child {
  margin-bottom: 0;
}
.col {
  flex: 1 0 auto;
}
/* Default view */
.col-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.col-top {
  align-self: flex-start;
}
.col-bottom {
  align-self: flex-end;
}
.col-middle {
  align-self: center;
}
.row-left {
  justify-content: flex-start;
}
.row-right {
  justify-content: flex-end;
}
.row-center {
  justify-content: center;
}
.row-space-between {
  justify-content: space-between;
}
.row-space-around {
  justify-content: space-around;
}
.row-reverse {
  flex-direction: row-reverse;
}
.row-equal > * {
  display: flex;
}
.row-equal > * > * {
  width: 100%;
}
.row-top {
  align-items: flex-start;
}
.row-middle {
  align-items: center;
}
.row-bottom {
  align-items: flex-end;
}
/* Small viewport (mobile) */
@media screen and (max-width: 799px) {
  .col-small-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-small-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-small-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-small-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-small-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-small-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-small-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-small-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-small-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-small-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-small-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-small-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-small-top {
    align-self: flex-start;
  }
  .col-small-bottom {
    align-self: flex-end;
  }
  .col-small-middle {
    align-self: center;
  }
  .row-small-left {
    justify-content: flex-start;
  }
  .row-small-right {
    justify-content: flex-end;
  }
  .row-small-center {
    justify-content: center;
  }
  .row-small-space-between {
    justify-content: space-between;
  }
  .row-small-space-around {
    justify-content: space-around;
  }
  .row-small-reverse {
    flex-direction: row-reverse;
  }
  .row-small-equal > * {
    display: flex;
  }
  .row-small-equal > * > * {
    width: 100%;
  }
  .row-small-top {
    align-items: flex-start;
  }
  .row-small-middle {
    align-items: center;
  }
  .row-small-bottom {
    align-items: flex-end;
  }
  .hide-small {
    display: none;
  }
}
/* Medium viewport (tablets) */
@media (min-width: 800px) and (max-width: 1023px) {
  .col-medium-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-medium-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-medium-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-medium-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-medium-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-medium-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-medium-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-medium-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-medium-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-medium-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-medium-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-medium-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-medium-top {
    align-self: flex-start;
  }
  .col-medium-bottom {
    align-self: flex-end;
  }
  .col-medium-middle {
    align-self: center;
  }
  .row-medium-left {
    justify-content: flex-start;
  }
  .row-medium-right {
    justify-content: flex-end;
  }
  .row-medium-center {
    justify-content: center;
  }
  .row-medium-space-between {
    justify-content: space-between;
  }
  .row-medium-space-around {
    justify-content: space-around;
  }
  .row-medium-reverse {
    flex-direction: row-reverse;
  }
  .row-medium-equal > * {
    display: flex;
  }
  .row-medium-equal > * > * {
    width: 100%;
  }
  .row-medium-top {
    align-items: flex-start;
  }
  .row-medium-middle {
    align-items: center;
  }
  .row-medium-bottom {
    align-items: flex-end;
  }
  .hide-medium {
    display: none;
  }
}
/* Large viewport (desktop) */
@media (min-width: 1024px) and (max-width: 1200px) {
  .col-large-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-large-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-large-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-large-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-large-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-large-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-large-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-large-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-large-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-large-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-large-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-large-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-large-top {
    align-self: flex-start;
  }
  .col-large-bottom {
    align-self: flex-end;
  }
  .col-large-middle {
    align-self: center;
  }
  .row-large-left {
    justify-content: flex-start;
  }
  .row-large-right {
    justify-content: flex-end;
  }
  .row-large-center {
    justify-content: center;
  }
  .row-large-space-between {
    justify-content: space-between;
  }
  .row-large-space-around {
    justify-content: space-around;
  }
  .row-large-reverse {
    flex-direction: row-reverse;
  }
  .row-large-equal > * {
    display: flex;
  }
  .row-large-equal > * > * {
    width: 100%;
  }
  .row-large-top {
    align-items: flex-start;
  }
  .row-large-middle {
    align-items: center;
  }
  .row-large-bottom {
    align-items: flex-end;
  }
  .hide-large {
    display: none;
  }
}
.row > [class*='col'] {
  padding-bottom: 0 !important;
}
.row.row:last-child {
  margin-bottom: 0;
}
/* Large viewport (desktop) */
@media screen and (min-width: 1200px) {
  .row-extra-large-top {
    align-items: flex-start;
  }
  .row .col-extra-large-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .row .col-extra-large-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .row .col-extra-large-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .row .col-extra-large-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .row .col-extra-large-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .row .col-extra-large-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .row .col-extra-large-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .row .col-extra-large-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .row .col-extra-large-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .row .col-extra-large-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .row .col-extra-large-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .row .col-extra-large-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .hide-extra-large {
    display: none;
  }
}
:root {
  color-scheme: light;
}
html.light {
  color-scheme: light;
}
html.dark {
  color-scheme: dark;
}
html.auto {
  color-scheme: light dark;
}
*::after,
*::before,
:root {
  --primaryColor--light: #273248;
  --primaryColor--dark: #e8e8e8;
  --primaryColor: var(--primaryColor--light);
  --backgroundColor0--light: #ffffff;
  --backgroundColor0--dark: #1d1e20;
  --backgroundColor0: var(--backgroundColor0--light);
  --backgroundColor1--light: #f3f4f8;
  --backgroundColor1--dark: #28292a;
  --backgroundColor1: var(--backgroundColor1--light);
  --backgroundColor2--light: rgba(255, 255, 255, 0.97);
  --backgroundColor2--dark: #1d1e20F7;
  --backgroundColor2: var(--backgroundColor2--light);
  --baseGrey1--light: #7d8491;
  --baseGrey1--dark: #b3b4b9;
  --baseGrey1: var(--baseGrey1--light);
  --baseGrey2--light: #9da1ab;
  --baseGrey2--dark: #909599;
  --baseGrey2: var(--baseGrey2--light);
  --middleGrey--light: #dfe6e9;
  --middleGrey--dark: #383c40;
  --middleGrey: var(--middleGrey--light);
  --mainColor1--light: #fbd6e1;
  --mainColor1--dark: #801033;
  --mainColor1: var(--mainColor1--light);
  --baseGrey3: #caced5;
  --baseGrey4: #c6cad2;
  --baseGrey6: #fafafa;
  --baseGrey7: #e0e0e0;
  --tagTextColor--dark: #a1a6ab;
  --tagTextColor: var(--backgroundColor0--light);
  --tagBgColor--dark: #3d3b3a;
  --tagBgColor: var(--baseGrey2--light);
  --buttonCancelColor--light: var(--primaryColor--light);
  --buttonCancelColor--dark: #d7d9de;
  --buttonCancelColor: var(--buttonCancelColor--light);
  --buttonDisabledBgColor--light: #ff7ea6;
  --buttonDisabledBgColor--dark: #e4004635;
  --buttonDisabledBgColor: var(--buttonDisabledBgColor--light);
  --buttonCancelBgColor--light: var(--backgroundColor1--light);
  --buttonCancelBgColor--dark: transparent;
  --buttonCancelBgColor: var(--buttonCancelBgColor--light);
  --buttonCancelBorderColor--light: var(--backgroundColor1--light);
  --buttonCancelBorderColor--dark: var(--middleGrey--dark);
  --buttonCancelBorderColor: var(--buttonCancelBorderColor--light);
  --buttonCancelHoverBgColor--light: #cccccc;
  --buttonCancelHoverBgColor--dark: rgba(0, 0, 0, 0.8);
  --buttonCancelHoverBgColor: var(--buttonCancelHoverBgColor--light);
  --filterButtonColor--light: var(--primaryColor--light);
  --filterButtonColor--dark: var(--baseGrey2--dark);
  --filterButtonColor: var(--filterButtonColor--light);
  --tabGroupButtonColor--light: rgba(0, 0, 0, 0.8);
  --tabGroupButtonColor--dark: var(--baseGrey2--dark);
  --tabGroupButtonColor: var(--tabGroupButtonColor--light);
  --iconButtonEditorBgColor--light: rgba(0, 0, 0, 0.5);
  --iconButtonEditorBgColor--dark: rgba(0, 0, 0, 0.6);
  --iconButtonEditorBgColor: var(--iconButtonEditorBgColor--light);
  --iconButtonEditorColor--light: var(--backgroundColor0--light);
  --iconButtonEditorColor--dark: #f3f3f3;
  --iconButtonEditorColor: var(--iconButtonEditorColor--light);
  --inputBorderColor--light: var(--middleGrey--light);
  --inputBorderColor--dark: var(--middleGrey--dark);
  --inputBorderColor: var(--inputBorderColor--light);
  --inputFocusBorderColor--light: var(--baseGrey2--light);
  --inputFocusBorderColor--dark: var(--baseGrey1--dark);
  --inputFocusBorderColor: var(--inputFocusBorderColor--light);
  --placeholderColor--light: var(--baseGrey2--light);
  --placeholderColor--dark: var(--middleGrey--dark);
  --placeholderColor: var(--placeholderColor--light);
  --radioBackgroundColor--light: var(--backgroundColor0--light);
  --radioBackgroundColor--dark: var(--backgroundColor1--dark);
  --radioBackgroundColor: var(--radioBackgroundColor--light);
  --radioBorderColor--light: var(--middleGrey);
  --radioBorderColor--dark: transparent;
  --radioBorderColor: var(--radioBorderColor--light);
  --dialogBackdropColor--light: rgba(255, 255, 255, 0.75);
  --dialogBackdropColor--dark: #1d1e20D9;
  --dialogBackdropColor: var(--dialogBackdropColor--light);
  --dialogShadowColor--light: rgba(0, 0, 0, 0.5);
  --dialogShadowColor--dark: #00000033;
  --dialogShadowColor: var(--dialogShadowColor--light);
  --shadowColor--light: rgba(0, 0, 0, 0.2);
  --shadowColor--dark: #00000033;
  --shadowColor: var(--shadowColor--light);
  --minimalShadowColor--light: rgba(157, 161, 171, 0.2);
  --minimalShadowColor--dark: transparent;
  --minimalShadowColor: var(--minimalShadowColor--light);
  --mainContainerBgColor--light: var(--backgroundColor1--light);
  --mainContainerBgColor--dark: transparent;
  --mainContainerBgColor: var(--mainContainerBgColor--light);
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --primaryColor: light-dark(var(--primaryColor--light), var(--primaryColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --backgroundColor0: light-dark(var(--backgroundColor0--light), var(--backgroundColor0--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --backgroundColor1: light-dark(var(--backgroundColor1--light), var(--backgroundColor1--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --backgroundColor2: light-dark(var(--backgroundColor2--light), var(--backgroundColor2--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --baseGrey1: light-dark(var(--baseGrey1--light), var(--baseGrey1--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --baseGrey2: light-dark(var(--baseGrey2--light), var(--baseGrey2--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --middleGrey: light-dark(var(--middleGrey--light), var(--middleGrey--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --mainColor1: light-dark(var(--mainColor1--light), var(--mainColor1--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --tagTextColor: light-dark(var(--backgroundColor0--light), var(--tagTextColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --tagBgColor: light-dark(var(--baseGrey2--light), var(--tagBgColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --buttonCancelColor: light-dark(var(--buttonCancelColor--light), var(--buttonCancelColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --buttonDisabledBgColor: light-dark(var(--buttonDisabledBgColor--light), var(--buttonDisabledBgColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --buttonCancelBgColor: light-dark(var(--buttonCancelBgColor--light), var(--buttonCancelBgColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --buttonCancelBorderColor: light-dark(var(--buttonCancelBorderColor--light), var(--buttonCancelBorderColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --buttonCancelHoverBgColor: light-dark(var(--buttonCancelHoverBgColor--light), var(--buttonCancelHoverBgColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --filterButtonColor: light-dark(var(--filterButtonColor--light), var(--filterButtonColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --tabGroupButtonColor: light-dark(var(--tabGroupButtonColor--light), var(--tabGroupButtonColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --iconButtonEditorBgColor: light-dark(var(--iconButtonEditorBgColor--light), var(--iconButtonEditorBgColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --iconButtonEditorColor: light-dark(var(--iconButtonEditorColor--light), var(--iconButtonEditorColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --inputBorderColor: light-dark(var(--inputBorderColor--light), var(--inputBorderColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --inputFocusBorderColor: light-dark(var(--inputFocusBorderColor--light), var(--inputFocusBorderColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --placeholderColor: light-dark(var(--placeholderColor--light), var(--placeholderColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --radioBackgroundColor: light-dark(var(--radioBackgroundColor--light), var(--radioBackgroundColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --radioBorderColor: light-dark(var(--radioBorderColor--light), var(--radioBorderColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --dialogBackdropColor: light-dark(var(--dialogBackdropColor--light), var(--dialogBackdropColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --dialogShadowColor: light-dark(var(--dialogShadowColor--light), var(--dialogShadowColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --shadowColor: light-dark(var(--shadowColor--light), var(--shadowColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --minimalShadowColor: light-dark(var(--minimalShadowColor--light), var(--minimalShadowColor--dark));
  }
}
@supports (color: light-dark(white, black)) {
  *::after,
  *::before,
  :root {
    --mainContainerBgColor: light-dark(var(--mainContainerBgColor--light), var(--mainContainerBgColor--dark));
  }
}