/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@firstcall-qa/tf-react-components/dist/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.avatar.avatar-s{width:24px;height:24px}.avatar.avatar-xs{width:16px;height:16px}.avatar.avatar-m{width:32px;height:32px}.avatar.avatar-l{width:48px;height:48px}.avatar.avatar-profile{width:96px;height:96px}.avatar .container{width:100%;height:100%;border-radius:50%;color:var(--color-text-brand-bold);background-color:var(--color-bg-brand-subtle-enabled);display:grid;place-items:center}.avatar.clickable .container{cursor:pointer}.avatar.avatar-letter.avatar-s .letter{font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading6, 16px);font-weight:var(--typography-weight-heading6, 600);line-height:var(--typography-lineHeight-heading6, 24px)}.avatar.avatar-letter.avatar-xs .letter{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body5, 8px);line-height:var(--typography-lineHeight-body5, 12px);font-weight:var(--typography-weight-body5-regular, 400)}.avatar.avatar-letter.avatar-m .letter{font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading5, 20px);font-weight:var(--typography-weight-heading5, 600);line-height:var(--typography-lineHeight-heading5, 24px)}.avatar.avatar-letter.avatar-l .letter{font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading4, 24px);font-weight:var(--typography-weight-heading4, 600);line-height:var(--typography-lineHeight-heading4, 32px)}.avatar.avatar-letter.avatar-profile .letter{font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading2, 48px);font-weight:var(--typography-weight-heading2, 600);line-height:var(--typography-lineHeight-heading2, 64px)}.avatar.avatar-image .container{overflow:clip}:where(.busy-indicator-root){position:relative;inset:0;height:100%;width:100%}:where(.busy-indicator-root>.content){height:100%;width:100%;display:flex;flex-direction:column}:where(.busy-indicator-cover){background:var(--color-bg-inverseoverlay);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1002}:where(.busy-indicator-cover .animation){display:grid}:where(.busy-indicator-cover .animation) svg path,:where(.busy-indicator-cover .animation) svg rect{fill:var(--color-icon-default)}.cloud-credits{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--color-text-default)}.cloud-credits.dark-mode{color:var(--color-text-inverse)}.cloud-credits.low{color:var(--color-text-negative-default)}.cloud-credits .amount{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-semibold, 600);color:inherit}.cloud-credits .unit{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:inherit}:where(.ellipsis-div){overflow:hidden;box-sizing:border-box!important}:where(.ellipsis-div>div){pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:margin .25s linear}@font-face{font-family:font-icon;src:url(/_next/static/media/font-icon-5TVT23U4.eceb3d6e.woff2) format("woff2"),url(/_next/static/media/font-icon-XTPC55V4.bcde2ef6.woff) format("woff"),url(/_next/static/media/font-icon-BXCR2PU5.0dc51d3e.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}.font-icon{font-family:font-icon,serif;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-icon.clickable{cursor:pointer}.font-icon.bottom_panel_close:before{content:"\ea01"}.font-icon.custom_ai_record:before{content:"\ea02"}.font-icon.custom_ai_record{background:-webkit-linear-gradient(left,#977EFB,#5EACFF);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-icon.custom_ai_symbol:before{content:"\ea03"}.font-icon.custom_auto:before{content:"\ea04"}.font-icon.custom_automated-test-case:before{content:"\ea05"}.font-icon.custom_color:before{content:"\ea06"}.font-icon.custom_cursor_grab:before{content:"\ea07"}.font-icon.custom_delay:before{content:"\ea08"}.font-icon.custom_documentation:before{content:"\ea09"}.font-icon.custom_file-settings:before{content:"\ea0a"}.font-icon.custom_fill-in:before{content:"\ea0b"}.font-icon.custom_format_doc:before{content:"\ea0c"}.font-icon.custom_hand-w-key:before{content:"\ea0d"}.font-icon.custom_layout_botton:before{content:"\ea0e"}.font-icon.custom_layout_right:before{content:"\ea0f"}.font-icon.custom_manager-dashboard:before{content:"\ea10"}.font-icon.custom_mapping:before{content:"\ea11"}.font-icon.custom_maximize:before{content:"\ea12"}.font-icon.custom_mic_alt:before{content:"\ea13"}.font-icon.custom_new-test-case:before{content:"\ea14"}.font-icon.custom_organizations:before{content:"\ea15"}.font-icon.custom_run_current_step_and_move_to_next:before{content:"\ea16"}.font-icon.custom_run_current_step_and_stay_on_it:before{content:"\ea17"}.font-icon.custom_run_locally:before{content:"\ea18"}.font-icon.custom_run_remotely:before{content:"\ea19"}.font-icon.custom_skip_current_step:before{content:"\ea1a"}.font-icon.custom_t:before{content:"\ea1b"}.font-icon.custom_template:before{content:"\ea1c"}.font-icon.custom_test-run:before{content:"\ea1d"}.font-icon.custom_tr:before{content:"\ea1e"}.font-icon.custom-briefcase:before{content:"\ea1f"}.font-icon.custom-chats-teardrop:before{content:"\ea20"}.font-icon.custom-coins:before{content:"\ea21"}.font-icon.custom-file-text:before{content:"\ea22"}.font-icon.custom-headset:before{content:"\ea23"}.font-icon.custom-loop:before{content:"\ea24"}.font-icon.custom-parallelogram:before{content:"\ea25"}.font-icon.custom-play-circle:before{content:"\ea26"}.font-icon.custom-star-four:before{content:"\ea27"}.font-icon.custom-user-check:before{content:"\ea28"}.font-icon.custom-user-gear:before{content:"\ea29"}.font-icon.custom-wrench:before{content:"\ea2a"}.font-icon.empty_state:before{content:"\ea2b"}.font-icon.empty_state{background:#fff;background:radial-gradient(circle,#c0c5cc 0% 17%,#ebecee 18% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.font-icon.file_not_found:before{content:"\ea2c"}.font-icon.flat_home:before{content:"\ea2d"}.font-icon.icon_add_card:before{content:"\ea2e"}.font-icon.icon_add-documents:before{content:"\ea2f"}.font-icon.icon_add-sub-section:before{content:"\ea30"}.font-icon.icon_anton_filled:before{content:"\ea31"}.font-icon.icon_anton_filled{color:#1f57a4}.font-icon.icon_arrow_circle_up:before{content:"\ea32"}.font-icon.icon_bug_filled:before{content:"\ea33"}.font-icon.icon_bug_filled{color:#d22d2d}.font-icon.icon_checkbox-intermediate_filled:before{content:"\ea34"}.font-icon.icon_cloud_credit:before{content:"\ea35"}.font-icon.icon_cloud_credit{background:-webkit-linear-gradient(#F9C517,#FF7E25);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-icon.icon_environment:before{content:"\ea36"}.font-icon.icon_environment{color:#ff7e25}.font-icon.icon_execution_pointer_filled:before{content:"\ea37"}.font-icon.icon_features_filled:before{content:"\ea38"}.font-icon.icon_features_filled{color:#5dcdb5}.font-icon.icon_project:before{content:"\ea39"}.font-icon.icon_run:before{content:"\ea3a"}.font-icon.icon_Sort_Down:before{content:"\ea3b"}.font-icon.icon_Sort_Up:before{content:"\ea3c"}.font-icon.icon_suite:before{content:"\ea3d"}.font-icon.icon_suite{color:#5dcdb5}.font-icon.icon_tasks_filled:before{content:"\ea3e"}.font-icon.icon_tasks_filled{color:#3697ff}.font-icon.icon_windows:before{content:"\ea3f"}.font-icon.icon-giftbox:before{content:"\ea40"}.font-icon.icon-key:before{content:"\ea41"}.font-icon.mms_image:before{content:"\ea42"}.font-icon.ms_3p:before{content:"\ea43"}.font-icon.ms_account_tree:before{content:"\ea44"}.font-icon.ms_add:before{content:"\ea45"}.font-icon.ms_add_circle:before{content:"\ea46"}.font-icon.ms_add_circle_filled:before{content:"\ea47"}.font-icon.ms_add_photo_alternate:before{content:"\ea48"}.font-icon.ms_app_registration:before{content:"\ea49"}.font-icon.ms_apps:before{content:"\ea4a"}.font-icon.ms_arrow_drop_down:before{content:"\ea4b"}.font-icon.ms_arrow_drop_up:before{content:"\ea4c"}.font-icon.ms_arrow_left_alt:before{content:"\ea4d"}.font-icon.ms_arrow_right:before{content:"\ea4e"}.font-icon.ms_arrow_right_alt:before{content:"\ea4f"}.font-icon.ms_arrow_selector_tool:before{content:"\ea50"}.font-icon.ms_arrow_upward_alt:before{content:"\ea51"}.font-icon.ms_assignment:before{content:"\ea52"}.font-icon.ms_attach_file:before{content:"\ea53"}.font-icon.ms_auto_read_play:before{content:"\ea54"}.font-icon.ms_automation:before{content:"\ea55"}.font-icon.ms_autorenew:before{content:"\ea56"}.font-icon.ms_bid_landscape:before{content:"\ea57"}.font-icon.ms_block:before{content:"\ea58"}.font-icon.ms_bolt:before{content:"\ea59"}.font-icon.ms_book_2:before{content:"\ea5a"}.font-icon.ms_bug_report:before{content:"\ea5b"}.font-icon.ms_build:before{content:"\ea5c"}.font-icon.ms_calculate:before{content:"\ea5d"}.font-icon.ms_calendar_month:before{content:"\ea5e"}.font-icon.ms_calendar_view_week:before{content:"\ea5f"}.font-icon.ms_cancel:before{content:"\ea60"}.font-icon.ms_cancel_filled:before{content:"\ea61"}.font-icon.ms_celebration:before{content:"\ea62"}.font-icon.ms_chat:before{content:"\ea63"}.font-icon.ms_check:before{content:"\ea64"}.font-icon.ms_check_box:before{content:"\ea65"}.font-icon.ms_check_box_filled:before{content:"\ea66"}.font-icon.ms_check_box_outline_blank:before{content:"\ea67"}.font-icon.ms_check_circle:before{content:"\ea68"}.font-icon.ms_check_circle_filled:before{content:"\ea69"}.font-icon.ms_checkbook:before{content:"\ea6a"}.font-icon.ms_chevron_backward:before{content:"\ea6b"}.font-icon.ms_chevron_forward:before{content:"\ea6c"}.font-icon.ms_circle:before{content:"\ea6d"}.font-icon.ms_close:before{content:"\ea6e"}.font-icon.ms_close_fullscreen:before{content:"\ea6f"}.font-icon.ms_cloud:before{content:"\ea70"}.font-icon.ms_cloud_done:before{content:"\ea71"}.font-icon.ms_code:before{content:"\ea72"}.font-icon.ms_code_blocks:before{content:"\ea73"}.font-icon.ms_content_copy:before{content:"\ea74"}.font-icon.ms_content_copy_filled:before{content:"\ea75"}.font-icon.ms_content_paste:before{content:"\ea76"}.font-icon.ms_content_paste-1:before{content:"\ea77"}.font-icon.ms_contract_edit:before{content:"\ea78"}.font-icon.ms_corporate_fare:before{content:"\ea79"}.font-icon.ms_create_new_folder:before{content:"\ea7a"}.font-icon.ms_crop_3_2:before{content:"\ea7b"}.font-icon.ms_cut:before{content:"\ea7c"}.font-icon.ms_database:before{content:"\ea7d"}.font-icon.ms_delete:before{content:"\ea7e"}.font-icon.ms_deployed_code:before{content:"\ea7f"}.font-icon.ms_deployed_code_update:before{content:"\ea80"}.font-icon.ms_description:before{content:"\ea81"}.font-icon.ms_desktop_cloud:before{content:"\ea82"}.font-icon.ms_desktop_window:before{content:"\ea83"}.font-icon.ms_do_not_disturb_on:before{content:"\ea84"}.font-icon.ms_do_not_disturb_on_filled:before{content:"\ea85"}.font-icon.ms_docs:before{content:"\ea86"}.font-icon.ms_document_search:before{content:"\ea87"}.font-icon.ms_download:before{content:"\ea88"}.font-icon.ms_draft:before{content:"\ea89"}.font-icon.ms_drag_indicator:before{content:"\ea8a"}.font-icon.ms_drive_file_move:before{content:"\ea8b"}.font-icon.ms_edit:before{content:"\ea8c"}.font-icon.ms_edit_note:before{content:"\ea8d"}.font-icon.ms_electric_bolt_filled:before{content:"\ea8e"}.font-icon.ms_explore:before{content:"\ea8f"}.font-icon.ms_extension:before{content:"\ea90"}.font-icon.ms_fiber_manual_record_filled:before{content:"\ea91"}.font-icon.ms_fiber_manual_record_filled-1:before{content:"\ea92"}.font-icon.ms_file_copy:before{content:"\ea93"}.font-icon.ms_filter:before{content:"\ea94"}.font-icon.ms_filter_alt_filled:before{content:"\ea95"}.font-icon.ms_flag_2:before{content:"\ea96"}.font-icon.ms_flag_2_filled:before{content:"\ea97"}.font-icon.ms_folder:before{content:"\ea98"}.font-icon.ms_folder_copy:before{content:"\ea99"}.font-icon.ms_format_align_center:before{content:"\ea9a"}.font-icon.ms_format_align_justify:before{content:"\ea9b"}.font-icon.ms_format_align_left:before{content:"\ea9c"}.font-icon.ms_format_align_right:before{content:"\ea9d"}.font-icon.ms_format_bold:before{content:"\ea9e"}.font-icon.ms_format_bulleted:before{content:"\ea9f"}.font-icon.ms_format_color_fill:before{content:"\eaa0"}.font-icon.ms_format_italic:before{content:"\eaa1"}.font-icon.ms_format_list_numbered:before{content:"\eaa2"}.font-icon.ms_format_underlined:before{content:"\eaa3"}.font-icon.ms_forum:before{content:"\eaa4"}.font-icon.ms_group:before{content:"\eaa5"}.font-icon.ms_groups:before{content:"\eaa6"}.font-icon.ms_headphones:before{content:"\eaa7"}.font-icon.ms_help:before{content:"\eaa8"}.font-icon.ms_history:before{content:"\eaa9"}.font-icon.ms_imagesmode:before{content:"\eaaa"}.font-icon.ms_indeterminate_check_box:before{content:"\eaab"}.font-icon.ms_info:before{content:"\eaac"}.font-icon.ms_info_filled:before{content:"\eaad"}.font-icon.ms_info_i_filled:before{content:"\eaae"}.font-icon.ms_ink_selection:before{content:"\eaaf"}.font-icon.ms_instant_mix:before{content:"\eab0"}.font-icon.ms_integration_instructions:before{content:"\eab1"}.font-icon.ms_keep:before{content:"\eab2"}.font-icon.ms_keyboard_arrow_down:before{content:"\eab3"}.font-icon.ms_keyboard_arrow_up:before{content:"\eab4"}.font-icon.ms_keyboard_double_arrow_left:before{content:"\eab5"}.font-icon.ms_keyboard_double_arrow_right:before{content:"\eab6"}.font-icon.ms_keyboard_tab:before{content:"\eab7"}.font-icon.ms_keyboard_tab_rtl:before{content:"\eab8"}.font-icon.ms_lab_profile:before{content:"\eab9"}.font-icon.ms_labs:before{content:"\eaba"}.font-icon.ms_language:before{content:"\eabb"}.font-icon.ms_left_panel_close:before{content:"\eabc"}.font-icon.ms_library_books:before{content:"\eabd"}.font-icon.ms_lightbulb_2_filled:before{content:"\eabe"}.font-icon.ms_lightbulb_2_filled{background:-webkit-linear-gradient(#F9C517,#FF7E25);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-icon.ms_link:before{content:"\eabf"}.font-icon.ms_live_tv:before{content:"\eac0"}.font-icon.ms_lock:before{content:"\eac1"}.font-icon.ms_lock_filled:before{content:"\eac2"}.font-icon.ms_logout:before{content:"\eac3"}.font-icon.ms_manage_accounts:before{content:"\eac4"}.font-icon.ms_manage_search:before{content:"\eac5"}.font-icon.ms_match_case:before{content:"\eac6"}.font-icon.ms_memory:before{content:"\eac7"}.font-icon.ms_menu:before{content:"\eac8"}.font-icon.ms_mic:before{content:"\eac9"}.font-icon.ms_more_horiz:before{content:"\eaca"}.font-icon.ms_more_vert:before{content:"\eacb"}.font-icon.ms_mouse:before{content:"\eacc"}.font-icon.ms_my_location:before{content:"\eacd"}.font-icon.ms_no_sound:before{content:"\eace"}.font-icon.ms_note_add:before{content:"\eacf"}.font-icon.ms_note_stack:before{content:"\ead0"}.font-icon.ms_open_in_full:before{content:"\ead1"}.font-icon.ms_open_in_new:before{content:"\ead2"}.font-icon.ms_pause:before{content:"\ead3"}.font-icon.ms_pause_circle:before{content:"\ead4"}.font-icon.ms_pause_circle_filled_filled:before{content:"\ead5"}.font-icon.ms_pending_actions:before{content:"\ead6"}.font-icon.ms_person:before{content:"\ead7"}.font-icon.ms_photo_camera:before{content:"\ead8"}.font-icon.ms_pie_chart:before{content:"\ead9"}.font-icon.ms_play_circle:before{content:"\eada"}.font-icon.ms_play_circle_filled:before{content:"\eadb"}.font-icon.ms_play_circle-1:before{content:"\eadc"}.font-icon.ms_play_pause:before{content:"\eadd"}.font-icon.ms_post_add:before{content:"\eade"}.font-icon.ms_preview:before{content:"\eadf"}.font-icon.ms_problem:before{content:"\eae0"}.font-icon.ms_publish:before{content:"\eae1"}.font-icon.ms_quote:before{content:"\eae2"}.font-icon.ms_radio_button_checked:before{content:"\eae3"}.font-icon.ms_radio_button_unchecked:before{content:"\eae4"}.font-icon.ms_receipt_long:before{content:"\eae5"}.font-icon.ms_recordinng_start:before{content:"\eae6"}.font-icon.ms_recordinng_start{color:#d22d2d}.font-icon.ms_redo:before{content:"\eae7"}.font-icon.ms_refresh:before{content:"\eae8"}.font-icon.ms_remove:before{content:"\eae9"}.font-icon.ms_right_panel_close:before{content:"\eaea"}.font-icon.ms_rocket_launch:before{content:"\eaeb"}.font-icon.ms_save:before{content:"\eaec"}.font-icon.ms_screenshot_monitor:before{content:"\eaed"}.font-icon.ms_search:before{content:"\eaee"}.font-icon.ms_search_activity:before{content:"\eaef"}.font-icon.ms_segment:before{content:"\eaf0"}.font-icon.ms_select_window_2:before{content:"\eaf1"}.font-icon.ms_send:before{content:"\eaf2"}.font-icon.ms_sentiment_dissatisfied:before{content:"\eaf3"}.font-icon.ms_settings:before{content:"\eaf4"}.font-icon.ms_shapes:before{content:"\eaf5"}.font-icon.ms_space_dashboard:before{content:"\eaf6"}.font-icon.ms_speed:before{content:"\eaf7"}.font-icon.ms_stack_hexagon:before{content:"\eaf8"}.font-icon.ms_star_shine:before{content:"\eaf9"}.font-icon.ms_stop_circle:before{content:"\eafa"}.font-icon.ms_strikethrough_s:before{content:"\eafb"}.font-icon.ms_stylus_fountain_pen:before{content:"\eafc"}.font-icon.ms_supervisor_account:before{content:"\eafd"}.font-icon.ms_swap_horiz:before{content:"\eafe"}.font-icon.ms_sync_saved_locally:before{content:"\eaff"}.font-icon.ms_system_update_alt:before{content:"\eb00"}.font-icon.ms_system_update_alt-1:before{content:"\eb01"}.font-icon.ms_tab_close:before{content:"\eb02"}.font-icon.ms_table_edit:before{content:"\eb03"}.font-icon.ms_tabs:before{content:"\eb04"}.font-icon.ms_terminal:before{content:"\eb05"}.font-icon.ms_text_ad:before{content:"\eb06"}.font-icon.ms_text_decrease:before{content:"\eb07"}.font-icon.ms_text_fields:before{content:"\eb08"}.font-icon.ms_text_increase:before{content:"\eb09"}.font-icon.ms_timelapse:before{content:"\eb0a"}.font-icon.ms_timer:before{content:"\eb0b"}.font-icon.ms_title:before{content:"\eb0c"}.font-icon.ms_top_panel_close:before{content:"\eb0d"}.font-icon.ms_topic:before{content:"\eb0e"}.font-icon.ms_undo:before{content:"\eb0f"}.font-icon.ms_unfold_less:before{content:"\eb10"}.font-icon.ms_unfold_More:before{content:"\eb11"}.font-icon.ms_update:before{content:"\eb12"}.font-icon.ms_upload:before{content:"\eb13"}.font-icon.ms_video_file:before{content:"\eb14"}.font-icon.ms_videocam:before{content:"\eb15"}.font-icon.ms_view_list:before{content:"\eb16"}.font-icon.ms_view_timeline:before{content:"\eb17"}.font-icon.ms_visibility:before{content:"\eb18"}.font-icon.ms_visibility_off:before{content:"\eb19"}.font-icon.ms_volume_down:before{content:"\eb1a"}.font-icon.ms_volume_up:before{content:"\eb1b"}.font-icon.ms_wand_shine:before{content:"\eb1c"}.font-icon.ms_warning:before{content:"\eb1d"}.font-icon.ms_warning_filled:before{content:"\eb1e"}.font-icon.ms_web_traffic:before{content:"\eb1f"}.font-icon.ms_wifi_off:before{content:"\eb20"}.font-icon.ms_zoom_in:before{content:"\eb21"}.font-icon.ms_zoom_out:before{content:"\eb22"}[class^=sprite-icon-]{background-image:url(/_next/static/media/sprite-icons-TN2GAOZP.9b74603b.svg);background-repeat:no-repeat;display:inline-block;width:24px;height:24px}[class^=sprite-icon-].disabled{opacity:.5;cursor:unset}[class^=sprite-icon-].clickable{cursor:pointer}.sprite-icon-ms_add{background-position:-24px -24px}.sprite-icon-ms_add_circle{background-position:-64px -24px}.sprite-icon-ms_add_photo_alternate{background-position:-104px -24px}.sprite-icon-ms_manage_accounts{background-position:-144px -24px}.sprite-icon-ms_app_registration{background-position:-184px -24px}.sprite-icon-ms_arrow_left_alt{background-position:-224px -24px}.sprite-icon-ms_arrow_right_alt{background-position:-264px -24px}.sprite-icon-ms_arrow_upward_alt{background-position:-304px -24px}.sprite-icon-ms_assignment{background-position:-344px -24px}.sprite-icon-ms_attach_file{background-position:-384px -24px}.sprite-icon-ms_auto_read_play{background-position:-424px -24px}.sprite-icon-ms_automation{background-position:-464px -24px}.sprite-icon-ms_autorenew{background-position:-504px -24px}.sprite-icon-ms_block{background-position:-544px -24px}.sprite-icon-ms_bolt{background-position:-584px -24px}.sprite-icon-ms_book_2{background-position:-624px -24px}.sprite-icon-ms_calculate{background-position:-664px -24px}.sprite-icon-ms_calendar_month{background-position:-704px -24px}.sprite-icon-ms_calendar_view_week{background-position:-744px -24px}.sprite-icon-ms_cancel{background-position:-24px -64px}.sprite-icon-ms_chat{background-position:-64px -64px}.sprite-icon-ms_check{background-position:-104px -64px}.sprite-icon-ms_check_box{background-position:-144px -64px}.sprite-icon-ms_check_circle{background-position:-184px -64px}.sprite-icon-ms_checkbook{background-position:-224px -64px}.sprite-icon-ms_check_box_outline_blank{background-position:-264px -64px}.sprite-icon-ms_chevron_backward{background-position:-304px -64px}.sprite-icon-ms_chevron_forward{background-position:-344px -64px}.sprite-icon-ms_close{background-position:-384px -64px}.sprite-icon-ms_cloud{background-position:-424px -64px}.sprite-icon-ms_cloud_done{background-position:-464px -64px}.sprite-icon-ms_code_blocks{background-position:-504px -64px}.sprite-icon-ms_content_paste{background-position:-544px -64px}.sprite-icon-ms_contract_edit{background-position:-584px -64px}.sprite-icon-ms_corporate_fare{background-position:-624px -64px}.sprite-icon-ms_create_new_folder{background-position:-664px -64px}.sprite-icon-ms_crop_3_2{background-position:-704px -64px}.sprite-icon-ms_database{background-position:-744px -64px}.sprite-icon-ms_delete{background-position:-24px -104px}.sprite-icon-ms_deployed code{background-position:-64px -104px}.sprite-icon-ms_deployed_code_update{background-position:-104px -104px}.sprite-icon-ms_description{background-position:-144px -104px}.sprite-icon-ms_desktop_cloud{background-position:-184px -104px}.sprite-icon-ms_do_not_disturb_on{background-position:-224px -104px}.sprite-icon-ms_docs{background-position:-264px -104px}.sprite-icon-ms_document_search{background-position:-304px -104px}.sprite-icon-ms_download{background-position:-344px -104px}.sprite-icon-ms_draft{background-position:-384px -104px}.sprite-icon-ms_drag_indicator{background-position:-424px -104px}.sprite-icon-ms_drive_file_move{background-position:-464px -104px}.sprite-icon-ms_edit{background-position:-504px -104px}.sprite-icon-ms_edit_note{background-position:-544px -104px}.sprite-icon-ms_filter{background-position:-584px -104px}.sprite-icon-ms_flag_2{background-position:-624px -104px}.sprite-icon-ms_folder{background-position:-664px -104px}.sprite-icon-ms_folder_copy{background-position:-704px -104px}.sprite-icon-ms_groups{background-position:-744px -104px}.sprite-icon-ms_help{background-position:-24px -144px}.sprite-icon-ms_history{background-position:-64px -144px}.sprite-icon-ms_imagesmode{background-position:-104px -144px}.sprite-icon-ms_indeterminate_check_box{background-position:-144px -144px}.sprite-icon-ms_info{background-position:-184px -144px}.sprite-icon-ms_instant_mix{background-position:-224px -144px}.sprite-icon-ms_integration_instructions{background-position:-264px -144px}.sprite-icon-ms_keep{background-position:-304px -144px}.sprite-icon-ms_keyboard_arrow_down{background-position:-344px -144px}.sprite-icon-ms_keyboard_arrow_up{background-position:-384px -144px}.sprite-icon-ms_keyboard_tab{background-position:-424px -144px}.sprite-icon-ms_labs{background-position:-464px -144px}.sprite-icon-ms_library_books{background-position:-504px -144px}.sprite-icon-ms_link{background-position:-544px -144px}.sprite-icon-ms_live_tv{background-position:-584px -144px}.sprite-icon-ms_logout{background-position:-624px -144px}.sprite-icon-ms_manage_search{background-position:-664px -144px}.sprite-icon-ms_menu{background-position:-704px -144px}.sprite-icon-ms_mouse{background-position:-744px -144px}.sprite-icon-ms_my_location{background-position:-24px -184px}.sprite-icon-ms_note_add{background-position:-64px -184px}.sprite-icon-ms_note_stack{background-position:-104px -184px}.sprite-icon-ms_open_in_new{background-position:-144px -184px}.sprite-icon-ms_open_in_new{background-position:-184px -184px}.sprite-icon-ms_pending actions{background-position:-224px -184px}.sprite-icon-ms_person{background-position:-264px -184px}.sprite-icon-ms_photo_camera{background-position:-304px -184px}.sprite-icon-ms_post_add{background-position:-344px -184px}.sprite-icon-ms_preview{background-position:-384px -184px}.sprite-icon-ms_problem{background-position:-424px -184px}.sprite-icon-ms_radio_button_checked{background-position:-464px -184px}.sprite-icon-ms_radio_button_unchecked{background-position:-504px -184px}.sprite-icon-ms_receipt_long{background-position:-544px -184px}.sprite-icon-ms_redo{background-position:-584px -184px}.sprite-icon-ms_rocket_launch{background-position:-624px -184px}.sprite-icon-ms_save{background-position:-664px -184px}.sprite-icon-ms_screenshot_monitor{background-position:-704px -184px}.sprite-icon-ms_segment{background-position:-744px -184px}.sprite-icon-ms_sentiment_dissatisfied{background-position:-24px -224px}.sprite-icon-ms_settings{background-position:-64px -224px}.sprite-icon-ms_space_dashboard{background-position:-104px -224px}.sprite-icon-ms_speed{background-position:-144px -224px}.sprite-icon-ms_stack_hexagon{background-position:-184px -224px}.sprite-icon-ms_star_shine{background-position:-224px -224px}.sprite-icon-ms_stylus_fountain_pen{background-position:-264px -224px}.sprite-icon-ms_supervisor_account{background-position:-304px -224px}.sprite-icon-ms_swap_horiz{background-position:-344px -224px}.sprite-icon-ms_sync_saved_locally{background-position:-384px -224px}.sprite-icon-ms_table_edit{background-position:-424px -224px}.sprite-icon-ms_tabs{background-position:-464px -224px}.sprite-icon-ms_text_ad{background-position:-504px -224px}.sprite-icon-ms_text_decrease{background-position:-544px -224px}.sprite-icon-ms_text_fields{background-position:-584px -224px}.sprite-icon-ms_text_increase{background-position:-624px -224px}.sprite-icon-ms_timelapse{background-position:-664px -224px}.sprite-icon-ms_title{background-position:-704px -224px}.sprite-icon-ms_topic{background-position:-744px -224px}.sprite-icon-ms_wifi_off{background-position:-24px -264px}.sprite-icon-ms_undo{background-position:-64px -264px}.sprite-icon-ms_upload{background-position:-104px -264px}.sprite-icon-ms_videocam{background-position:-144px -264px}.sprite-icon-ms_view_list{background-position:-184px -264px}.sprite-icon-ms_view_timeline{background-position:-224px -264px}.sprite-icon-ms_visibility{background-position:-264px -264px}.sprite-icon-ms_visibility_off{background-position:-304px -264px}.sprite-icon-ms_warning{background-position:-344px -264px}.sprite-icon-ms_keyboard_tab_rtl{background-position:-384px -264px}.sprite-icon-bottom_panel_close{background-position:-424px -264px}.sprite-icon-custom_layout_botton{background-position:-464px -264px}.sprite-icon-custom_layout_right{background-position:-504px -264px}.sprite-icon-flat_home{background-position:-544px -264px}.sprite-icon-icon_add_card{background-position:-584px -264px}.sprite-icon-icon_add-documents{background-position:-624px -264px}.sprite-icon-icon_add-sub-section{background-position:-664px -264px}.sprite-icon-icon_arrow_circle_up{background-position:-704px -264px}.sprite-icon-icon_arrow_drop_down{background-position:-744px -264px}.sprite-icon-icon_arrow_right{background-position:-24px -304px}.sprite-icon-icon_auto{background-position:-64px -304px}.sprite-icon-ms_3p{background-position:-104px -304px}.sprite-icon-ms_search_activity{background-position:-144px -304px}.sprite-icon-ms_refresh{background-position:-184px -304px}.sprite-icon-ms_pause_circle{background-position:-224px -304px}.sprite-icon-ms_content_copy{background-position:-264px -304px}.sprite-icon-ms_language{background-position:-304px -304px}.sprite-icon-ms_stop_circle{background-position:-344px -304px}.sprite-icon-ms_play_circle{background-position:-384px -304px}.sprite-icon-ms_pause{background-position:-424px -304px}.sprite-icon-ms_extension{background-position:-464px -304px}.sprite-icon-ms_wand_shine{background-position:-504px -304px}.sprite-icon-ms_keyboard_double_arrow_right{background-position:-544px -304px}.sprite-icon-ms_keyboard_double_arrow_left{background-position:-584px -304px}.sprite-icon-icon_bug{background-position:-624px -304px}.sprite-icon-icon_celebration{background-position:-664px -304px}.sprite-icon-icon_close_fullscreen{background-position:-704px -304px}.sprite-icon-icon_code{background-position:-744px -304px}.sprite-icon-icon_color{background-position:-24px -344px}.sprite-icon-icon_cursor_grab{background-position:-64px -344px}.sprite-icon-icon_cut{background-position:-104px -344px}.sprite-icon-icon_desktop_windows{background-position:-144px -344px}.sprite-icon-icon_documentation{background-position:-184px -344px}.sprite-icon-icon_file_copy{background-position:-224px -344px}.sprite-icon-icon_file-settings{background-position:-264px -344px}.sprite-icon-icon_fill{background-position:-304px -344px}.sprite-icon-icon_fill-in{background-position:-344px -344px}.sprite-icon-icon_fold{background-position:-384px -344px}.sprite-icon-icon_format_align_center{background-position:-424px -344px}.sprite-icon-icon_format_align_justify{background-position:-464px -344px}.sprite-icon-icon_format_align_left{background-position:-504px -344px}.sprite-icon-icon_format_align_right{background-position:-544px -344px}.sprite-icon-icon_format_bold{background-position:-584px -344px}.sprite-icon-icon_format_doc{background-position:-624px -344px}.sprite-icon-icon_format_italic{background-position:-664px -344px}.sprite-icon-icon_format_list_bulleted{background-position:-704px -344px}.sprite-icon-icon_format_list_numbered{background-position:-744px -344px}.sprite-icon-icon_format_underlined{background-position:-24px -384px}.sprite-icon-icon_forum{background-position:-64px -384px}.sprite-icon-icon_Full_Screen{background-position:-104px -384px}.sprite-icon-icon_hand-w-key{background-position:-144px -384px}.sprite-icon-icon_Headphones-fill{background-position:-184px -384px}.sprite-icon-icon_image{background-position:-224px -384px}.sprite-icon-icon_import{background-position:-264px -384px}.sprite-icon-icon_lab_profile{background-position:-304px -384px}.sprite-icon-icon_lock{background-position:-344px -384px}.sprite-icon-icon_manager-dashboard{background-position:-384px -384px}.sprite-icon-icon_mapping{background-position:-424px -384px}.sprite-icon-icon_maximize{background-position:-464px -384px}.sprite-icon-icon_maximize{background-position:-504px -384px}.sprite-icon-icon_Mic{background-position:-544px -384px}.sprite-icon-icon_Mic-alt{background-position:-584px -384px}.sprite-icon-icon_minimize{background-position:-624px -384px}.sprite-icon-icon_more_horiz{background-position:-664px -384px}.sprite-icon-icon_more-v{background-position:-704px -384px}.sprite-icon-icon_organizations{background-position:-744px -384px}.sprite-icon-icon_paste{background-position:-24px -424px}.sprite-icon-icon_pie-chart{background-position:-64px -424px}.sprite-icon-icon_publish{background-position:-104px -424px}.sprite-icon-icon_quote{background-position:-144px -424px}.sprite-icon-icon_recordinng-start{background-position:-184px -424px}.sprite-icon-icon_remove{background-position:-224px -424px}.sprite-icon-icon_repository{background-position:-264px -424px}.sprite-icon-icon_restore{background-position:-304px -424px}.sprite-icon-icon_run{background-position:-344px -424px}.sprite-icon-icon_run_current_step_and_move_to_next{background-position:-384px -424px}.sprite-icon-icon_run_current_step_and_stay_on_it{background-position:-424px -424px}.sprite-icon-icon_skip_current_step{background-position:-464px -424px}.sprite-icon-icon_search{background-position:-504px -424px}.sprite-icon-icon_send{background-position:-544px -424px}.sprite-icon-icon_Sort_Down{background-position:-584px -424px}.sprite-icon-icon_Sort_Up{background-position:-624px -424px}.sprite-icon-icon_sound_mute{background-position:-664px -424px}.sprite-icon-icon_sound-max{background-position:-704px -424px}.sprite-icon-icon_sound-min{background-position:-744px -424px}.sprite-icon-icon_Stop-andplay_{background-position:-24px -464px}.sprite-icon-icon_strikethrough_s{background-position:-64px -464px}.sprite-icon-icon_terminal{background-position:-104px -464px}.sprite-icon-icon_unfold{background-position:-144px -464px}.sprite-icon-icon_user-metrics{background-position:-184px -464px}.sprite-icon-icon_Video{background-position:-224px -464px}.sprite-icon-icon_Video_file{background-position:-264px -464px}.sprite-icon-icon_wizard{background-position:-304px -464px}.sprite-icon-icon_zoom-in{background-position:-344px -464px}.sprite-icon-icon_zoom-out{background-position:-384px -464px}.sprite-icon-icon-ai-record{background-position:-424px -464px}.sprite-icon-icon-click{background-position:-464px -464px}.sprite-icon-icon-close-tab{background-position:-504px -464px}.sprite-icon-icon-hover{background-position:-544px -464px}.sprite-icon-icon-idle{background-position:-584px -464px}.sprite-icon-icon-key{background-position:-624px -464px}.sprite-icon-icon-match-case{background-position:-664px -464px}.sprite-icon-icon-record{background-position:-704px -464px}.sprite-icon-icon-wait{background-position:-744px -464px}.sprite-icon-icons_apps{background-position:-24px -504px}.sprite-icon-right_panel_close{background-position:-64px -504px}.sprite-icon-right_panel_open{background-position:-104px -504px}.sprite-icon-top_panel_close{background-position:-144px -504px}.sprite-icon-233{background-position:-184px -504px}.sprite-icon-234{background-position:-224px -504px}.sprite-icon-235{background-position:-264px -504px}.sprite-icon-236{background-position:-304px -504px}.sprite-icon-237{background-position:-344px -504px}.sprite-icon-238{background-position:-384px -504px}.sprite-icon-239{background-position:-424px -504px}.sprite-icon-240{background-position:-464px -504px}.sprite-icon-241{background-position:-504px -504px}.sprite-icon-242{background-position:-544px -504px}.sprite-icon-243{background-position:-584px -504px}.sprite-icon-244{background-position:-624px -504px}.sprite-icon-245{background-position:-664px -504px}.sprite-icon-246{background-position:-704px -504px}.sprite-icon-247{background-position:-744px -504px}[class^=sprite-filled-]{background-image:url(/_next/static/media/sprite-filled-7VRL3LSP.fd62bdae.svg);background-repeat:no-repeat;display:inline-block;width:24px;height:24px}[class^=sprite-filled-].disabled{opacity:.5;cursor:unset}[class^=sprite-filled-].clickable{cursor:pointer}.sprite-filled-ms_content_copy{background-position:-24px -24px}.sprite-filled-ms_check_circle{background-position:-56px -24px}.sprite-filled-ms_do_not_disturb_on{background-position:-88px -24px}.sprite-filled-ms_add_circle{background-position:-120px -24px}.sprite-filled-ms_cancel{background-position:-152px -24px}.sprite-filled-ms_play_circle{background-position:-184px -24px}.sprite-filled-ms_pause_circle_filled{background-position:-216px -24px}.sprite-filled-ms_info{background-position:-248px -24px}.sprite-filled-ms_info_i{background-position:-280px -24px}.sprite-filled-ms_warning{background-position:-312px -24px}.sprite-filled-ms_fiber_manual_record{background-position:-344px -24px}.sprite-filled-ms_fiber_manual_record{background-position:-376px -24px}.sprite-filled-icon_execution_pointer{background-position:-408px -24px}.sprite-filled-icon_bug{background-position:-440px -24px}.sprite-filled-icon_features{background-position:-472px -24px}.sprite-filled-icon_tasks{background-position:-504px -24px}.sprite-filled-icon_anton{background-position:-536px -24px}.sprite-filled-ms_lightbulb_2{background-position:-568px -24px}.sprite-filled-ms_filter_alt{background-position:-600px -24px}.sprite-filled-icon_checkbox-intermediate{background-position:-632px -24px}.sprite-filled-ms_check_box{background-position:-664px -24px}.sprite-filled-ms_flag_2{background-position:-696px -24px}.sprite-filled-ms_electric_bolt{background-position:-728px -24px}[class^=sprite-custom-]{background-image:url(/_next/static/media/sprite-custom-BHJIS6WI.09d2897a.svg);background-repeat:no-repeat;display:inline-block;width:24px;height:24px}[class^=sprite-custom-].disabled{opacity:.5;cursor:unset}[class^=sprite-custom-].clickable{cursor:pointer}.sprite-custom-custom_automated-test-case{background-position:0px 0px}.sprite-custom-custom_manual-test-case{background-position:-32px 0px}.sprite-custom-custom_test-run{background-position:-64px 0px}.sprite-custom-custom_t{background-position:-96px 0px}.sprite-custom-custom_tr{background-position:-128px 0px}.sprite-custom-custom_new-test-case{background-position:-160px 0px}.sprite-custom-custom_delay{background-position:-192px 0px}.sprite-custom-custom_template{background-position:-224px 0px}.sprite-custom-custom_run_remotely{background-position:-256px 0px}.sprite-custom-custom_run_locally{background-position:-288px 0px}.sprite-custom-custom_ai_symbol{background-position:-320px 0px}.sprite-custom-icon_project{background-position:-352px 0px}.sprite-custom-icon_environment{background-position:-384px 0px}.sprite-custom-icon_suite{background-position:-416px 0px}.sprite-custom-icon_windows{background-position:-448px 0px}.sprite-custom-icon_cloud_credit{background-position:-480px 0px}.sprite-custom-icon-giftbox{background-position:-512px 0px}:where(.input-field){font-family:var(--font-family-body),serif;display:flex;align-items:flex-start;gap:4px;width:100%;color:var(--color-text-default)}:where(.input-field.single-col){flex-direction:column}:where(.input-field:not(.single-col)>label){align-self:flex-start;min-height:40px}:where(.input-field:not(.single-col).small>label){min-height:32px}:where(.input-field:not(.single-col)){flex-direction:row}:where(.input-field label){font-family:var(--font-family-label),serif;font-size:var(--typography-size-label, 12px);font-style:normal;font-weight:var(--typography-weight-label, 600);line-height:var(--typography-lineHeight-label, 16px);display:flex;min-width:80px;align-items:center;gap:4px}:where(.input-field label .required){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);height:16px;width:5px;color:var(--color-text-negative-default)}:where(.input-field .input-area){width:100%;display:flex;flex-flow:column;gap:6px}:where(.input-field .input-area .input-wrapper){display:flex;flex-flow:row;align-items:stretch;box-sizing:border-box;padding:0 12px;border-radius:4px;border:1px solid var(--color-outline-subtlest);background:var(--color-bg-inverse);outline:none;width:100%}:where(.input-field .input-area .input-wrapper>i){align-self:center}:where(.input-field.small .input-area .input-wrapper){min-height:32px}:where(.input-field:not(.small) .input-area .input-wrapper){min-height:40px}:where(.input-field .input-area .input-wrapper:has(input:hover:not(:focus):not(:disabled))),:where(.input-field .input-area .input-wrapper:has(input:focus:not(:disabled))){border-color:var(--color-outline-brand-default)}:where(.input-field .input-area .input-wrapper input){color:var(--color-text-default);background:none;width:100%;border:none;outline:none;padding:0}:where(.input-field .input-area .input-wrapper input[type=number]){-moz-appearance:textfield}:where(.input-field .input-area .input-wrapper input[type=number])::-webkit-outer-spin-button,:where(.input-field .input-area .input-wrapper input[type=number])::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:where(.input-field:not(.small) .input-area .input-wrapper input){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);line-height:1}:where(.input-field.small .input-area .input-wrapper input){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);line-height:1}:where(.input-field .input-area .input-wrapper input:disabled){color:var(--color-outline-subtle)}:where(.input-field .input-area .input-wrapper input::placeholder),:where(.input-field .input-area .input-wrapper input:-ms-input-placeholder){color:var(--color-text-subtlest)}:where(.input-field .input-area .input-wrapper .font-icon:hover){color:var(--color-bg-brand-hovered)}:where(.input-field .input-area .validation-error){color:var(--color-text-negative-default);font-size:12px;font-weight:600;width:100%}:where(.input-field .input-area .input-hint){color:var(--color-text-subtle);font-size:12px;font-weight:500;width:100%}:where(.input-field .input-area .input-wrapper:has(.input-suffix-text)){padding:0}:where(.input-field .input-area .input-wrapper:has(.input-suffix-text)) input{padding:0 8px}:where(.input-field .input-area .input-suffix-text){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption1);font-weight:var(--typography-weight-caption1);line-height:var(--typography-lineHeight-caption1);display:flex;padding:0 8px;justify-content:center;align-items:center;border:1px solid var(--color-outline-subtlest);border-radius:4px 0 0 4px;background:var(--color-bg-default)}:where(.input-field .input-area .input-wrapper:has(input[type=date])){padding-right:0}:where(.input-field .input-area .input-wrapper:has(input[type=date])):after{font-family:font-icon,serif;content:"\ea5e";position:relative;right:14px;top:12px;height:12px;font-size:12px;color:var(--color-icon-subtle);pointer-events:none}:where(.input-field .input-area .input-wrapper:has(input[type=date])) input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none}:where(.input-field .input-area .input-wrapper:has(input[type=date])) input[type=date]::-webkit-calendar-picker-indicator{right:0;opacity:0;cursor:pointer}@-moz-document url-prefix(){:where(.input-field .input-area .input-wrapper:has(input[type=date])):after{display:none}}.react-contexify-profile-menu{--contexify-menu-radius: 5px;--contexify-separator-color: var(--color-outline-subtlest);--contexify-menu-padding: 0;--contexify-separator-margin: 0;--contexify-activeItem-bgColor: var(--color-bg-neutral-subtle-hovered);--contexify-activeItem-color: var(--color-text-default);--contexify-activeItem-radius: 0;--contexify-activeArrow-color: var(--color-text-default);--contexify-itemContent-padding: 8px 12px;--contexify-menu-minWidth: 150px;box-shadow:0 0 0 .5px var(--color-outline-subtlest),0 16px 32px 0 var(--elevation-shadow-level4);border:1px solid var(--color-outline-subtlest);font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-default)}.react-contexify-profile-menu .header-item{--contexify-item-color: var(--color-text-subtlest);opacity:1;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body4, 11px);line-height:var(--typography-lineHeight-body4, 16px);font-weight:var(--typography-weight-body4-medium, 500)}.react-contexify-profile-menu .header-item .contexify_itemContent{opacity:1}.react-contexify-profile-menu .contexify_itemContent{flex-grow:1}.react-contexify-profile-menu :where(.ctx-header .contexify_itemContent){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);display:flex;flex-flow:row;gap:8px;padding:4px 12px;max-width:214px}.react-contexify-profile-menu :where(.ctx-header .contexify_itemContent .ms_check){color:var(--color-icon-brand-bold)}.react-contexify-profile-menu :where(.ctx-header .contexify_itemContent>.font-icon.inactive){color:transparent}.react-contexify-profile-menu :where(.contexify_itemContent>.font-icon:first-child){margin-right:8px}.react-contexify-profile-menu .organization-item{display:flex;flex-direction:row;align-items:center;flex-grow:1}.react-contexify-profile-menu .font-icon.current-org{color:var(--color-icon-brand-default);font-size:12px;margin-right:8px}.react-contexify-profile-menu .org-name{flex-grow:1;padding-right:4px;width:150px}.react-contexify-profile-menu .contexify_itemContent:has(.organization-item) .contexify_rightSlot{margin-left:8px}.tf-logo-dark-icon{background-image:url(/_next/static/media/dark-icon-l-AEKRI4WQ.01151472.svg)}.tf-logo-dark-icon.size-XS{width:15px;height:16px}.tf-logo-dark-icon.size-S{width:22px;height:24px}.tf-logo-dark-icon.size-M{width:30px;height:32px}.tf-logo-dark-icon.size-L{width:44px;height:48px}.tf-logo-dark-icon.size-splash{width:221px;height:224px}.tf-logo-dark-wordmark{background-image:url(/_next/static/media/dark-wordmark-l-KDIMUJQK.50d0ca26.svg)}.tf-logo-dark-wordmark.size-XS{width:15px;height:16px}.tf-logo-dark-wordmark.size-S{width:62px;height:16px}.tf-logo-dark-wordmark.size-M{width:81px;height:20px}.tf-logo-dark-wordmark.size-L{width:124px;height:32px}.tf-logo-dark-wordmark.size-splash{width:240px;height:56px}.tf-logo-dark-logo{background-image:url(/_next/static/media/dark-logo-l-VHXFS67C.a9ee597b.svg)}.tf-logo-dark-logo.size-XS{width:15px;height:16px}.tf-logo-dark-logo.size-S{width:84px;height:24px}.tf-logo-dark-logo.size-M{width:111px;height:32px}.tf-logo-dark-logo.size-L{width:165px;height:48px}.tf-logo-dark-logo.size-splash{width:240px;height:56px}.tf-logo-light-icon{background-image:url(/_next/static/media/light-icon-l-LO3T4F53.5bb73e17.svg)}.tf-logo-light-icon.size-XS{width:15px;height:16px}.tf-logo-light-icon.size-S{width:22px;height:24px}.tf-logo-light-icon.size-M{width:30px;height:32px}.tf-logo-light-icon.size-L{width:44px;height:48px}.tf-logo-light-icon.size-splash{width:221px;height:224px}.tf-logo-light-wordmark{background-image:url(/_next/static/media/light-wordmark-l-PFWC52M4.796c2ee9.svg)}.tf-logo-light-wordmark.size-XS{width:15px;height:16px}.tf-logo-light-wordmark.size-S{width:62px;height:16px}.tf-logo-light-wordmark.size-M{width:81px;height:20px}.tf-logo-light-wordmark.size-L{width:124px;height:32px}.tf-logo-light-wordmark.size-splash{width:240px;height:56px}.tf-logo-light-logo{background-image:url(/_next/static/media/light-logo-l-GHHXT3NP.31cf79ed.svg)}.tf-logo-light-logo.size-XS{width:15px;height:16px}.tf-logo-light-logo.size-S{width:84px;height:24px}.tf-logo-light-logo.size-M{width:111px;height:32px}.tf-logo-light-logo.size-L{width:165px;height:48px}.tf-logo-light-logo.size-splash{width:240px;height:56px}[class^=tf-logo-]{background-repeat:no-repeat;background-size:contain;display:inline-block}[class^=tf-logo-].disabled{opacity:.5;cursor:unset}[class^=tf-logo-].clickable{cursor:pointer}:where(.standard-modal){background:var(--color-bg-inverse);border:1px solid var(--color-outline-subtlest);border-radius:8px;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:400px;height:-moz-fit-content;height:fit-content;position:relative;box-sizing:border-box;display:flex;flex-direction:column}:where(.standard-modal>.busy-indicator-cover){border-radius:8px}:where(.standard-modal>.header.with-divider){border-bottom:1px solid var(--color-outline-subtlest)}:where(.standard-modal>.header.default-style){padding:15px 15px 8px;display:flex;flex-direction:row;gap:2px;align-items:center}:where(.standard-modal>.header.default-style>*){display:flex;flex-direction:row;gap:8px;align-items:center;padding:4px 0}:where(.standard-modal>.header.default-style>.right-side){flex-grow:1;flex-shrink:0;justify-content:flex-end}:where(.standard-modal>.header.default-style>.right-side>.close){display:grid;place-items:center}:where(.standard-modal>.header.default-style>.right-side>.close .font-icon){font-size:24px;color:var(--color-icon-default);cursor:pointer}:where(.standard-modal>.header.default-style>.right-side>.close .font-icon:hover){color:var(--color-icon-subtlest)}:where(.standard-modal>.header.default-style>.left-side){overflow:hidden}:where(.standard-modal>.header.default-style>.left-side>.title-block){overflow:hidden}:where(.standard-modal>.header.default-style>.left-side>.title-block>.title){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading5, 20px);font-weight:var(--typography-weight-heading5, 600);line-height:var(--typography-lineHeight-heading5, 24px);color:var(--color-text-default);min-height:24px}:where(.standard-modal>.header.default-style>.left-side>.title-block>.breadcrumb){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-default)}:where(.standard-modal>.body),:where(.standard-modal>form>.body){scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;display:grid;place-items:center;max-height:65vh;overflow:auto;padding:15px;flex-grow:1;flex-shrink:1}:where(.standard-modal>.body)::-webkit-scrollbar,:where(.standard-modal>form>.body)::-webkit-scrollbar{background:none;width:6px;height:6px}:where(.standard-modal>.body)::-webkit-scrollbar-button,:where(.standard-modal>form>.body)::-webkit-scrollbar-button{display:none}:where(.standard-modal>.body)::-webkit-scrollbar-thumb,:where(.standard-modal>form>.body)::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}:where(.standard-modal.full-bleed-gray .body){background:var(--color-bg-default);padding:12px 15px}:where(.standard-modal>form){display:flex;flex-direction:column;flex-grow:1;flex-shrink:1}:where(.standard-modal>form>.body){display:flex;flex-direction:column;align-items:stretch;gap:8px}:where(.standard-modal>.footer),:where(.standard-modal>form>.footer){padding:15px;display:flex;flex-direction:row;gap:2px}:where(.standard-modal>.footer.with-divider),:where(.standard-modal>form>.footer.with-divider){border-top:1px solid var(--color-outline-subtlest)}:where(.standard-modal>.footer>*),:where(.standard-modal>form>.footer>*){display:flex;flex-direction:row;gap:4px;flex-grow:1}:where(.standard-modal>.footer>.right),:where(.standard-modal>form>.footer>.right){flex-grow:0;flex-shrink:0}:where(.standard-modal>.footer>.right button),:where(.standard-modal>form>.footer>.right button){min-width:80px}:where(.standard-modal.standard-message-modal){max-width:560px}:where(.standard-modal.standard-message-modal>.body){padding:16px;display:flex;flex-direction:column;gap:3px}:where(.standard-modal.standard-message-modal>.body>.message){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading6, 16px);font-weight:var(--typography-weight-heading6, 600);line-height:var(--typography-lineHeight-heading6, 24px);color:var(--color-text-default);text-align:center}:where(.standard-modal.standard-message-modal>.body>.message>p){margin:0}:where(.standard-modal.standard-message-modal>.body>.details){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-subtle);text-align:center}:where(.standard-modal.standard-message-modal>.body>.message-danger){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-semibold, 600);color:var(--color-text-negative-default)}.form-select{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);background-color:var(--color-icon-inverse);border:thin solid var(--color-outline-subtlest);border-radius:4px;outline:none;position:relative;height:32px;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:2px;padding:7px 30px 7px 12px}.form-select:focus{border-color:var(--color-bg-brand-enabled);border-radius:4px 4px 0 0}.popup-content.filter-menu-content{border:unset;box-shadow:unset;padding:unset;margin:unset;width:240px}.column-filter-container{transition:all .3s ease-out;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);box-shadow:0 0 0 .5px var(--color-outline-subtlest),0 16px 32px 0 var(--elevation-shadow-level4);scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;color:var(--color-text-default);display:flex;flex-flow:column;box-sizing:border-box;padding:12px;border-radius:4px;gap:8px;pointer-events:all;max-height:70vh;overflow:auto;background:var(--color-bg-inverse)}.column-filter-container::-webkit-scrollbar{background:none;width:6px;height:6px}.column-filter-container::-webkit-scrollbar-button{display:none}.column-filter-container::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}.column-filter-container .close-button{color:var(--color-icon-default);position:absolute;right:6px;top:12px;cursor:pointer;background:#fff}.column-filter-container .close-button:hover{color:var(--color-text-subtle)}.column-filter-container .operator-selector,.column-filter-container .number-value-filter,.column-filter-container .composition-operator-selector{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);background-color:var(--color-icon-inverse);border:thin solid var(--color-outline-subtlest);border-radius:4px;outline:none;position:relative;height:32px;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:2px;padding:7px 30px 7px 12px}.column-filter-container .operator-selector:focus,.column-filter-container .number-value-filter:focus,.column-filter-container .composition-operator-selector:focus{border-color:var(--color-bg-brand-enabled);border-radius:4px 4px 0 0}.column-filter-container .text-value-filter{display:grid;grid-template-columns:1fr auto;grid-column-gap:8px}.column-filter-container .text-value-filter>input{padding:8px 10px;font-size:12px;line-height:18px;border:thin solid var(--color-outline-subtlest);font-family:var(--font-family-body);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;transition:all .3s ease-out;overflow:hidden;box-sizing:border-box}.column-filter-container .text-value-filter>input:focus{border-color:var(--color-outline-brand-default)}.column-filter-container .text-value-filter>input:disabled{pointer-events:none;color:#979797;background-color:var(--color-outline-subtle)}.column-filter-container .text-value-filter>input::placeholder{color:var(--color-text-subtlest)}.column-filter-container .text-value-filter>a{width:32px;height:32px;border:1px solid var(--color-outline-subtlest);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-default);transition:all .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-filter-container .text-value-filter>a:not(.disabled){cursor:pointer}.column-filter-container .text-value-filter>a.checked{background-color:var(--color-bg-brand-enabled)}.column-filter-container .text-value-filter>a.disabled{pointer-events:none;color:var(--color-outline-subtle);background-color:#f7f7f7}.column-filter-container .action-buttons{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px}.column-filter-container .action-buttons .clear-button{border-color:var(--color-outline-subtle)}.column-filter-container .distinct-values-section{display:flex;flex-direction:column;row-gap:8px}.column-filter-container .distinct-values-section label.select-all-checkbox{font-size:12px;display:inline-grid;grid-template-columns:auto 1fr;cursor:pointer;width:-moz-fit-content;width:fit-content}.column-filter-container .distinct-values-section label.select-all-checkbox>input{margin-right:8px}.column-filter-container .distinct-values-section label.select-all-checkbox>span{align-self:center}.column-filter-container .distinct-values-section input.search-input{padding:8px 32px 8px 10px;font-size:12px;line-height:18px;border:thin solid var(--color-outline-subtlest);font-family:var(--font-family-body);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;border-radius:4px;background-repeat:no-repeat;background-position:right 8px center;background-size:16px;background-image:url("data:image/svg+xml;utf8,          <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>          <path d='M9.31581 15.4042C7.60814 15.4042 6.16198 14.812 4.97731 13.6275C3.79281 12.4428 3.20056 10.9966 3.20056 9.28896C3.20056 7.58129 3.79281 6.13512 4.97731 4.95046C6.16198 3.76596 7.60814 3.17371 9.31581 3.17371C11.0235 3.17371 12.4696 3.76596 13.6543 4.95046C14.8388 6.13512 15.4311 7.58129 15.4311 9.28896C15.4311 10.0031 15.3112 10.6852 15.0716 11.3352C14.8317 11.9852 14.5118 12.5505 14.1118 13.0312L19.8658 18.7852C20.0043 18.9235 20.0751 19.0975 20.0783 19.3072C20.0815 19.5169 20.0106 19.6941 19.8658 19.839C19.721 19.9838 19.5453 20.0562 19.3388 20.0562C19.1325 20.0562 18.9569 19.9838 18.8121 19.839L13.0581 14.085C12.5581 14.4978 11.9831 14.8209 11.3331 15.0542C10.6831 15.2875 10.0106 15.4042 9.31581 15.4042ZM9.31581 13.9045C10.6043 13.9045 11.6956 13.4573 12.5898 12.563C13.4841 11.6688 13.9313 10.5775 13.9313 9.28896C13.9313 8.00046 13.4841 6.90912 12.5898 6.01496C11.6956 5.12062 10.6043 4.67346 9.31581 4.67346C8.02731 4.67346 6.93598 5.12062 6.04181 6.01496C5.14748 6.90912 4.70031 8.00046 4.70031 9.28896C4.70031 10.5775 5.14748 11.6688 6.04181 12.563C6.93598 13.4573 8.02731 13.9045 9.31581 13.9045Z' fill='%23a2a9b3ff'/>          </svg>")}.column-filter-container .distinct-values-section input.search-input:focus{border-color:var(--color-outline-brand-default)}.column-filter-container .distinct-values-section input.search-input:disabled{pointer-events:none;color:#979797;background-color:var(--color-outline-subtle)}.column-filter-container .distinct-values-section input.search-input::placeholder{color:var(--color-text-subtlest)}.column-filter-container .distinct-values-section ul.distinct-values{scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;overflow:auto;min-height:32px;max-height:100px;padding:4px 6px 0;border:thin solid var(--color-outline-subtlest);border-radius:4px}.column-filter-container .distinct-values-section ul.distinct-values::-webkit-scrollbar{background:none;width:6px;height:6px}.column-filter-container .distinct-values-section ul.distinct-values::-webkit-scrollbar-button{display:none}.column-filter-container .distinct-values-section ul.distinct-values::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}.column-filter-container .distinct-values-section ul.distinct-values:focus,.column-filter-container .distinct-values-section ul.distinct-values:focus-within,.column-filter-container .distinct-values-section ul.distinct-values:active{border-color:var(--color-bg-brand-enabled)}.column-filter-container .distinct-values-section ul.distinct-values>li{overflow-x:hidden;white-space:nowrap;padding:6px 0}.column-filter-container .distinct-values-section ul.distinct-values>li>label{display:inline-grid;grid-template-columns:auto 1fr;width:100%;cursor:pointer}.column-filter-container .distinct-values-section ul.distinct-values>li>label>input{margin-right:8px}.column-filter-container .distinct-values-section ul.distinct-values>li>label>.value{font-size:12px;align-self:center}.column-filter-container .no-matches-banner{border:solid thin var(--color-outline-subtlest);font-size:12px;padding-left:34px;height:32px;line-height:30px;border-radius:4px}.column-filter-container .date-value-filter{padding:5px 8px;border:solid thin var(--color-outline-subtlest);outline:none;position:relative;align-items:center;display:flex}.column-filter-container .date-value-filter input{font-family:var(--font-family-body);font-size:12px;border:none;outline:none;flex-grow:1}.column-filter-container .date-value-filter input:focus,.column-filter-container .date-value-filter input:focus-within,.column-filter-container .date-value-filter input:active{border:none;outline:none}.column-filter-container .date-value-filter input::placeholder{font-size:12px}.column-filter-container .date-value-filter input:after{content:"\ea5e";font-family:font-icon;font-size:16px;pointer-events:none;position:absolute;right:6px;top:8px}.column-filter-container .date-value-filter input::-webkit-calendar-picker-indicator{position:relative;height:16px;opacity:0;cursor:pointer}.column-filter-container .date-value-filter:focus,.column-filter-container .date-value-filter:focus-within,.column-filter-container .date-value-filter:active{border-color:var(--color-bg-brand-enabled)}:where(.not-found-box .standard-modal){width:90vw;max-width:400px;min-width:unset}:where(.not-found-box .standard-modal) .font-icon.empty_state{font-size:136px}:where(.not-found-box .standard-modal.standard-message-modal>.body>.details>p){margin:0}:where(.network-error-box .standard-modal){width:90vw;max-width:528px;min-width:unset}:where(.network-error-box .standard-modal) .message{display:flex;flex-flow:column;align-items:center}:where(.network-error-box .standard-modal) .message svg{margin-bottom:22px}:where(.network-error-box .standard-modal.standard-message-modal>.body>.details>p){margin:0}@keyframes appear{0%{opacity:0}to{opacity:1}}:where(.modal-root){position:absolute;z-index:10}:where(.modal-window){position:fixed;inset:0;display:grid;grid-template:1fr/1fr;place-items:center}:where(.modal-window).not-showing-yet{opacity:0}:where(.modal-window)>.overlay-part{position:fixed;inset:0;width:100%;height:100%;overflow:auto;box-sizing:border-box;background-color:#34445abf;text-align:center;z-index:unset;grid-column:1/1;grid-row:1/1;animation:.3s ease-out 0s 1 appear;padding:unset}:where(.modal-window)>.overlay-part:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}:where(.modal-window)>.content-part{grid-column:1/1;grid-row:1/1;position:relative}:where(.modal-window)>.content-part:not(:where(.modal-window)>.content-part:has(.standard-modal)){background:#fff}:where(.modal-window)>.content-part:not(:where(.modal-window)>.content-part:has(.standard-modal))>.close-modal-button{display:flex;justify-content:center;align-items:center;position:absolute;top:4px;right:4px;font-size:24px;color:var(--color-icon-default);cursor:pointer}:where(.modal-window)>.content-part:not(:where(.modal-window)>.content-part:has(.standard-modal))>.close-modal-button:hover{opacity:1}:where(.modal-window)>.content-part:has(.standard-modal)>.close-modal-button{display:none}:where(.modal-wizard-page){position:absolute;inset:0;display:grid;place-items:center;overflow:auto;background:var(--color-bg-inverse)}:where(.modal-wizard-content){position:relative;background:var(--color-bg-inverse);border:1px solid var(--color-outline-subtlest);border-radius:8px;padding:32px;box-sizing:border-box;min-width:min-content;width:560px;margin:16px;display:flex;flex-direction:column}:where(.modal-wizard-content>.busy-indicator-cover){border-radius:8px}:where(.modal-wizard-content>.modal-wizard-header){display:flex;flex-direction:column;align-items:center;gap:4px}:where(.modal-wizard-content>.modal-wizard-header>.modal-wizard-tf-logo){margin:4px}:where(.modal-wizard-content>.modal-wizard-header>.modal-wizard-title){margin-top:4px;font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading5, 20px);font-weight:var(--typography-weight-heading5, 600);line-height:var(--typography-lineHeight-heading5, 24px);display:flex;flex-direction:row;gap:4px;align-items:center}:where(.modal-wizard-content>.modal-wizard-header>.modal-wizard-description){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-subtlest)}:where(.modal-wizard-content>.modal-wizard-body){flex:1 1;display:flex;flex-direction:column;margin-top:24px}:where(.modal-wizard-content>.modal-wizard-body>.modal-wizard-text-content){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);text-align:center}:where(.modal-wizard-content>.modal-wizard-buttons){margin-top:16px;display:flex;flex-direction:row}:where(.modal-wizard-content>.modal-wizard-buttons:not(.modal-style-buttons)>button){flex-grow:1}:where(.modal-wizard-content>.modal-wizard-buttons:not(.modal-style-buttons)>a){flex-grow:1}:where(.modal-wizard-content>.modal-wizard-buttons.modal-style-buttons){gap:4px;justify-content:flex-end}:where(.nav-item){display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--color-icon-subtlest);border-radius:4px}:where(.nav-item):not(.non-actionable){cursor:pointer}:where(.nav-item).hidden{display:none}:where(.nav-item).menu-collapsed{width:32px}:where(.nav-item).menu-collapsed .icon .font-icon{font-size:24px}:where(.nav-item).menu-collapsed .icon svg{width:24px;height:24px}:where(.nav-item):not(.menu-collapsed) .icon .font-icon{font-size:16px}:where(.nav-item):not(.menu-collapsed) .icon svg{width:16px;height:16px}:where(.nav-item):not(.menu-collapsed).level-1{padding-left:24px}:where(.nav-item):not(.menu-collapsed).level-2{padding-left:40px}:where(.nav-item):not(.menu-collapsed).level-3{padding-left:56px}:where(.nav-item).selected,:where(.nav-item):hover:not(.non-actionable){color:var(--color-text-inverse);border-radius:4px}:where(.nav-item):hover:not(.selected):not(.non-actionable){background:var(--color-bg-neutral-bold-focused)}:where(.nav-item).selected{background:linear-gradient(92deg,#161d26 -92.71%,#253040 -8.08%,#015c53 93.44%)}:where(.nav-item) .label{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-semibold, 600);color:inherit}:where(.nav-item) .icon{color:inherit;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}:where(.nav-item) .icon .no-icon-but-label{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-semibold, 600);color:inherit;max-width:100%}:where(.nav-item) .expander{display:grid;place-items:center;padding-top:2px;flex-grow:1;justify-content:flex-end}:where(.nav-item) .expander.children-expanded svg{transform:rotate(90deg)}:where(.nav-item) .expander svg{margin-right:16px}.top-navigation{height:40px;display:flex;flex-direction:row;align-items:center;gap:4px;padding:0 16px 0 4px;background:linear-gradient(90deg,#161d26,#253040 71.88%,#015c53 107.12%)}.top-navigation .left-side{flex-shrink:0}.top-navigation .middle{flex-grow:1;flex-shrink:2}.top-navigation .right-side{flex-shrink:1}.top-navigation>*{display:flex;flex-direction:row;align-items:center;gap:16px}.side-navigation{flex-grow:1;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,#161d26 .19%,#253040 72.63%,#015c53 116.84%);padding:16px 8px 8px}.side-navigation.collapsed{width:-moz-fit-content;width:fit-content;padding-left:4px;padding-right:4px}.side-navigation .side-navigation-divider{border-top:1px solid var(--color-outline-subtle);border-bottom:1px solid var(--color-outline-subtle);margin:7px 0;opacity:25%}.side-navigation .top-items,.side-navigation .main-items,.side-navigation .bottom-items{display:flex;flex-direction:column}.side-navigation .top-items{grid-row:1}.side-navigation .main-items{scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;grid-row:2;overflow:auto}.side-navigation .main-items::-webkit-scrollbar{background:none;width:6px;height:6px}.side-navigation .main-items::-webkit-scrollbar-button{display:none}.side-navigation .main-items::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}.side-navigation .bottom-items{grid-row:3}.upgrade-your-plan-nav-item{height:32px;padding:0 12px;display:flex;flex-direction:row;align-items:center;gap:8px;border-radius:4px;transition:background-color .3s ease-in-out;cursor:pointer;margin-bottom:8px}.upgrade-your-plan-nav-item:hover{background:var(--color-bg-neutral-enabled)}.upgrade-your-plan-nav-item svg{width:16px;height:16px}.upgrade-your-plan-nav-item span{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-semibold, 600);background:linear-gradient(90deg,var(--palette-mint-600, #03DAC5) 0%,var(--palette-blue-600, #3697FF) 94.67%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.upgrade-your-plan-nav-item.collapsed{width:32px;height:32px;padding:0;display:grid;place-items:center}.upgrade-your-plan-nav-item.collapsed span{display:none}.upgrade-your-plan-nav-item.collapsed svg{width:24px;height:24px}.button-nav-item{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;padding:0 12px;height:32px;border-radius:4px;border:1px solid var(--color-outline-brand-bold);cursor:pointer;margin-bottom:8px;color:var(--color-text-inverse)}.button-nav-item .content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.button-nav-item .background{position:absolute;z-index:0;inset:0;border-radius:2px;background:var(--color-bg-brand-enabled);opacity:33%}.button-nav-item:hover .background{background:var(--color-bg-brand-focused);opacity:1}.button-nav-item .icon-container{display:grid;place-items:center}.button-nav-item .title{font-family:var(--font-family-body),serif;font-size:var(--typography-size-button-sm, 12px);font-weight:var(--typography-weight-button-sm, 600);line-height:var(--typography-lineHeight-button-sm, 16px)}.button-nav-item.collapsed{width:32px;padding:0}.button-nav-item.collapsed .title{display:none}:where(.page-header){font-family:var(--font-family-body);display:flex;flex-flow:row;justify-content:space-between;align-items:center;gap:8px;align-self:stretch;position:-webkit-sticky;position:sticky;top:0}:where(.page-header:has(.hamburger)+.tf-content){z-index:-1}:where(.page-header .page-title-container){display:flex;flex-flow:row;align-items:center;gap:8px}:where(.page-header .page-title-container) .title-icon{font-size:24px}:where(.page-header h1){font-size:24px;font-weight:600;padding:0;margin:0;min-width:0}:where(.page-header h1:has(.icon-left)){display:flex;align-items:center}:where(.page-header h1:has(.icon-left)) .icon-left{font-size:24px;color:var(--color-text-default, #2F3E52);margin-right:8px;cursor:pointer}:where(.page-header h1:has(.icon-left) .icon-left){font-size:24px;color:var(--color-text-default, #2F3E52);margin-right:8px;cursor:pointer}:where(.page-header .page-header-right){display:flex;align-items:center;gap:8px;flex:0 0 auto}:where(.page-header .page-header-right) .btn-tf{min-width:32px;height:32px}:where(.page-header .page-header-right) [class^=tf-btn-]{height:32px;min-width:32px}:where(.page-header .page-header-right) .btn-container{display:flex;align-items:center;gap:16px}:where(.page-header .page-header-right) .hamburgers-btn-container{display:none}:where(.page-header .page-header-right) .hamburger-btn{display:flex;flex-flow:row;align-items:center}:where(.page-header .page-header-right) .hamburger-btn .hamburger{position:absolute;top:36px;right:0;z-index:1;transition:all .3s ease-out;opacity:0;visibility:hidden;pointer-events:none;padding:20px;border:1px solid #34445A;text-align:right;background-color:#fff;display:flex;flex-flow:column wrap;gap:16px}:where(.page-header .page-header-right) .hamburger-btn .hamburger a{color:#34445a;white-space:nowrap;font-weight:600;display:block;transition:all .3s ease-out}:where(.page-header .page-header-right) .hamburger-btn .hamburger a:hover{color:#5dcdb5}:where(.page-header .page-header-right) .hamburger-btn .hamburger.show{opacity:1;visibility:visible;pointer-events:all}:where(.segmented-control.tabs-style){display:flex;flex-direction:row;gap:4px;padding:4px;border-radius:4px;background-color:var(--color-bg-neutral-enabled);width:-moz-fit-content;width:fit-content}:where(.segmented-control.tabs-style.disabled){opacity:.7}:where(.segmented-control.tabs-style .segmented-control-button){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-medium, 500);color:var(--color-text-bold);border-radius:4px;border:none;padding:8px}:where(.segmented-control.tabs-style .segmented-control-button:not(:disabled):hover){color:var(--color-text-subtle)}:where(.segmented-control.tabs-style .segmented-control-button.active){background-color:var(--color-bg-inverse)}:where(.segmented-control.tabs-style .segmented-control-button:not(.active)){background:none}:where(.segmented-control.tabs-style .segmented-control-button:focus-visible){outline:1px dashed var(--color-outline-subtle)}:where(.segmented-control.stack-buttons-brand-style){display:flex;flex-direction:row;border-radius:4px;border:1px solid var(--color-outline-subtlest);overflow:hidden}:where(.segmented-control.stack-buttons-brand-style.disabled){opacity:.7}:where(.segmented-control.stack-buttons-brand-style .segmented-control-button){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-medium, 500);border:none;padding:7px 12px}:where(.segmented-control.stack-buttons-brand-style .segmented-control-button:not(:disabled)){cursor:pointer}:where(.segmented-control.stack-buttons-brand-style .segmented-control-button:focus-visible){outline:1px dashed var(--color-outline-subtle)}:where(.segmented-control.stack-buttons-brand-style .segmented-control-button.active){background:var(--color-bg-brand-enabled);color:var(--color-text-default)}:where(.segmented-control.stack-buttons-brand-style .segmented-control-button:not(.active)){background:var(--color-bg-default);color:var(--color-text-subtle)}:where(.switch){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-medium, 500);display:flex}:where(.switch:not(.disabled)){color:var(--color-text-default)}:where(.switch.disabled){color:var(--color-text-disabled)}:where(.switch>input[type=checkbox]){width:0;margin:0}:where(.switch>input[type=checkbox]:focus-visible+label>svg){filter:drop-shadow(0px 0px 5px rgba(0,0,0,.4))}:where(.switch>label){display:inline-flex;align-items:center;vertical-align:middle}:where(.switch:not(.labelFirst)>label>svg:first-of-type){min-width:26px;min-height:16px;margin-right:8px}:where(.switch.labelFirst>label>svg:last-of-type){min-width:26px;min-height:16px;margin-left:8px}:where(.switch:not(.disabled).checked:not(.noSwitchOff)>label>svg){cursor:pointer}:where(.switch:not(.disabled):not(.checked)>label>svg){cursor:pointer}:where(.switch>label>svg>.handle){transition:all .2s ease-in-out}:where(.switch:not(.checked)>label>svg>.handle){transform:translate(-10px)}:where(.switch:not(.disabled):not(.checked)>label>svg>.background){fill:var(--color-icon-subtle)}:where(.switch:not(.disabled):not(.checked)>label>svg>.handle){fill:var(--color-icon-inverse)}:where(.switch.disabled:not(.checked)>label>svg>.background){fill:var(--color-bg-neutral-enabled)}:where(.switch.disabled:not(.checked)>label>svg>.handle){fill:var(--color-bg-disabled)}:where(.switch.disabled.checked>label>svg>.background){fill:var(--color-bg-positive-subtle-disabled)}:where(.switch.disabled.checked>label>svg>.handle){fill:#fff}:where(.tab-control){display:flex;flex-direction:column;height:100%}:where(.tab-control ul.tabs-pane){display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;padding:4px 10px 0;border-bottom:2px solid var(--color-outline-subtlest, #EBECEE);margin:0}:where(.tab-control ul.tabs-pane>li.tab-item){flex-shrink:0;cursor:pointer;color:var(--color-text-default);border:none;padding:1px;position:relative;display:flex;flex-direction:row;gap:2px;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body4, 11px);line-height:var(--typography-lineHeight-body4, 16px);font-weight:var(--typography-weight-body4-medium, 500)}:where(.tab-control ul.tabs-pane>li.tab-item:focus-visible){outline-width:1px;outline-color:var(--color-outline-subtle);outline-style:dotted;outline-offset:-1px}:where(.tab-control ul.tabs-pane>li.tab-item):after{content:"";position:absolute;left:0;right:0;bottom:-2px;border:none;border-bottom:2px solid transparent;transition:all .3s ease-out}:where(.tab-control ul.tabs-pane>li.tab-item:hover:not(.active)):after{border-bottom-color:var(--color-outline-subtle)}:where(.tab-control ul.tabs-pane>li.tab-item>img:first-child){margin-left:-2px}:where(.tab-control ul.tabs-pane>li.tab-item.active):after{border-bottom-color:var(--color-outline-bold)}:where(.tab-control ul.tabs-pane>li.tab-item.hidden){display:none}:where(.tab-control .tab-content-pane){flex-grow:1;overflow:hidden;padding:0;display:flex;flex-direction:column}:where(.tab-control .tab-content-pane>.tab-content:not([hidden])){flex-grow:1;display:flex;flex-direction:column;overflow:hidden}:where(.tab-control .tab-content-pane>.tab-content[hidden]){display:none}:where(.table-ex.table-ex-base){height:100%;position:relative;overflow-y:auto}:where(.table-ex.table-ex-base>div>table){table-layout:fixed;border-collapse:separate;width:100%;min-width:800px}:where(.table-ex.table-ex-base>div>table>thead>tr>th){box-sizing:border-box;vertical-align:middle;position:relative;display:inline-block;height:inherit;align-content:center}:where(.table-ex.table-ex-base>div>table>thead>tr>th .col-resizer){position:absolute;right:0;top:0;cursor:col-resize;height:100%;border:none;background:#1f57a4;opacity:0;transition:opacity .1s ease-out;width:6px;z-index:1;transform:translate(3px)}:where(.table-ex.table-ex-base>div>table>thead>tr>th .col-resizer).active{opacity:1}:where(.table-ex.table-ex-base>div>table>tbody>tr>td){box-sizing:border-box;overflow:hidden;vertical-align:middle;display:inline-block;align-content:center;height:inherit}:where(.table-ex.table-ex-base.no-header thead){display:none}:where(.table-ex.table-ex-base.non-virtualized){height:auto}:where(.table-ex.table-ex-base.non-virtualized.no-header>div>table){height:auto;min-height:30px}:where(.table-ex.table-ex-base.non-virtualized:not(.no-header)>div>table){height:auto;min-height:60px}:where(.table-ex.table-ex-base.non-virtualized>div){height:auto;position:relative;top:unset}:where(.table-ex.table-ex-base.non-virtualized.table-exactly-fits>div>table>tbody>tr:last-child>td){border-bottom:none}:where(.table-ex.table-ex-default){scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;overflow:auto;outline:none;border-radius:8px 8px 0 0;border:1px solid var(--color-outline-subtlest)}:where(.table-ex.table-ex-default)::-webkit-scrollbar{background:none;width:6px;height:6px}:where(.table-ex.table-ex-default)::-webkit-scrollbar-button{display:none}:where(.table-ex.table-ex-default)::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}:where(.table-ex.table-ex-default>div>table){table-layout:fixed;border-collapse:separate;width:100%;min-width:800px;background-color:var(--color-bg-inverse)}:where(.table-ex.table-ex-default:not(.small-size)>div>table>thead>tr){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption2);font-weight:var(--typography-weight-caption2);line-height:var(--typography-lineHeight-caption2);height:32px}:where(.table-ex.table-ex-default.small-size>div>table>thead>tr){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body4, 11px);line-height:var(--typography-lineHeight-body4, 16px);font-weight:var(--typography-weight-body4-semibold, 600);height:28px}:where(.table-ex.table-ex-default>div>table>thead>tr){background:var(--color-bg-neutral-bold-enabled);color:var(--color-text-subtlest);text-align:left}:where(.table-ex.table-ex-default>div>table>thead>tr>th){border-right:1px solid var(--color-outline-subtle);padding:0 12px}:where(.table-ex.table-ex-default>div>table>thead>tr>th):last-child{border-right:none}:where(.table-ex.table-ex-default:not(.small-size)>div>table>tbody>tr){height:40px;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400)}:where(.table-ex.table-ex-default.small-size>div>table>tbody>tr){height:32px;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400)}:where(.table-ex.table-ex-default>div>table>tbody>tr){color:var(--color-text-default);text-align:left}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr):hover{background-color:var(--color-bg-brand-subtle-hovered)}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).selected{background:#8be6d0}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).dragging{background:#8be6d033}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).drag-before{box-shadow:inset 0 2px #388b7b}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).drag-before.first-child{box-shadow:inset 0 3px #388b7b}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).drag-after{box-shadow:inset 0 -3px #388b7b}:where(.table-ex.table-ex-default:not(.empty)>div>table>tbody>tr).drag-after:last-child{box-shadow:inset 0 -2px #388b7b}:where(.table-ex.table-ex-default>div>table>tbody>tr>td){border-bottom:1px solid var(--color-outline-subtlest);padding:0 8px}:where(.table-ex.table-ex-default>div>table>tbody>tr>td):last-child{border-right:none}:where(.table-ex.table-ex-default>div .empty-table){text-align:center;color:var(--color-text-default)}:where(.table-ex.table-ex-default>div .empty-table td){padding-top:30px;padding-bottom:20px;border:none;font-size:12px;height:auto}:where(.table-ex.table-ex-default .column-header){display:flex;align-items:center;justify-content:space-between;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.table-ex.table-ex-default .column-header) .column-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-clip-path:margin-box;clip-path:margin-box;transition-duration:1s;text-transform:uppercase;font-weight:600;max-width:unset;cursor:pointer}:where(.table-ex.table-ex-default .column-header) .column-name.scroll-cell{transition:all 1s ease-out}:where(.table-ex.table-ex-default .column-header) .filter-icons{display:flex;flex-flow:row;gap:12px;align-items:center;justify-content:center}:where(.table-ex.table-ex-default .column-header) .filter-indicator{cursor:pointer}:where(.table-ex.table-ex-default .column-header) .filter-indicator.active{border-radius:2px;background:var(--color-bg-selected);color:var(--color-icon-subtle)}:where(.table-ex.table-ex-default .column-header) .sort-direction{cursor:pointer}:where(.table-ex.table-ex-default .column-header).center{justify-content:center}:where(.table-ex.table-ex-default .column-header).right{justify-content:flex-end}:where(.table-ex.table-ex-default.scrollbar-vertical>div>table>tbody>tr:last-child>td){border-bottom:none}:where(.table-ex.borderless){border:none;border-radius:0}.tcl-name-cell{display:flex;flex-direction:row;align-items:center;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);color:var(--color-text-default);height:100%}:where(.tcl-name-cell.small-size){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400)}.tcl-name-cell :where(.expander){cursor:pointer}.tcl-name-cell :where(.expander.expanded){transform:rotate(90deg)}.tcl-name-cell :where(.type-icon.sprite-custom-icon){margin-left:-4px;flex-shrink:0}.tcl-name-cell :where(.type-icon.font-icon){width:20px;flex-shrink:0}:where(.tcl-name-cell:not(.expandable)).level-0{padding-left:16px}:where(.tcl-name-cell:not(.expandable)).level-1{padding-left:32px}:where(.tcl-name-cell:not(.expandable)).level-2{padding-left:48px}:where(.tcl-name-cell:not(.expandable)).level-3{padding-left:64px}:where(.tcl-name-cell:not(.expandable)).level-4{padding-left:80px}:where(.tcl-name-cell:not(.expandable)).level-5{padding-left:96px}:where(.tcl-name-cell.expandable).level-0{padding-left:0}:where(.tcl-name-cell.expandable).level-1{padding-left:16px}:where(.tcl-name-cell.expandable).level-2{padding-left:32px}:where(.tcl-name-cell.expandable).level-3{padding-left:48px}:where(.tcl-name-cell.expandable).level-4{padding-left:96px}:where(.tcl-name-cell.expandable).level-5{padding-left:120px}.tcl-name-cell :where(.test-case-info){display:flex;flex-direction:row;align-items:center;margin-right:4px}.tcl-name-cell :where(.test-case-status.draft){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;gap:2px;border-radius:2px;text-align:center;height:16px;box-sizing:border-box;padding:0 4px;background:var(--color-bg-warning-subtle-enabled);color:var(--color-text-warning-default);background:none}.tcl-name-cell :where(.test-case-status.ready){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;gap:2px;border-radius:2px;text-align:center;height:16px;box-sizing:border-box;padding:0 4px;background:var(--color-bg-brand-subtle-enabled);color:var(--color-text-brand-bold);background:none}.tcl-name-cell :where(.test-case-status){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);width:26px;padding:0}.tcl-name-cell :where(.test-case-info .type-icon.sprite-custom-icon){margin-right:-4px}.tcl-name-cell :where(.test-case-info .type-icon.font-icon){width:15px;padding-left:2px;font-size:12px}.tcl-name-cell :where(.badge){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body5, 8px);line-height:var(--typography-lineHeight-body5, 12px);font-weight:var(--typography-weight-body5-medium, 500);line-height:1.5;padding:0 4px;margin:0 4px;border-radius:100px;transform:translateY(-1px);box-sizing:border-box;min-width:14px;flex-shrink:0;text-align:center;color:var(--color-text-subtle);background-color:#2530400d}:where(.table-ex.table-ex-default.small-size) .tcl-name-cell{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400)}.move-test-case-modal-form{width:90vw;max-width:800px}.move-test-case-modal-form>.header .left-side{padding:0}.move-test-case-modal-form>.header .left-side .title-block .title{font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading5, 20px);font-weight:var(--typography-weight-heading5, 600);line-height:var(--typography-lineHeight-heading5, 24px)}.move-test-case-modal-form>.header .left-side .title-block .breadcrumb{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-subtle);margin-top:4px}.move-test-case-modal-form .table-ex{width:760px;height:380px}.glow{box-shadow:0 0 5px #8be6d0,0 0 10px #8be6d099;animation:glow-animation 1s infinite alternate}@keyframes glow-animation{0%{box-shadow:0 0 3px #8be6d0,0 0 6px #8be6d099}to{box-shadow:0 0 8px #8be6d0,0 0 12px #8be6d099}}.tf-custom-scroll{scrollbar-color:#D9D9D9 #F7F7F7;scrollbar-width:thin;overflow-y:auto}.tf-custom-scroll::-webkit-scrollbar{height:6px;width:6px;border-radius:100px}.tf-custom-scroll::-webkit-scrollbar-track{background:#d9d9d91a;border-radius:100px}.tf-custom-scroll::-webkit-scrollbar-thumb{background:#d9d9d980;border-radius:100px}.tf-custom-scroll::-webkit-scrollbar-thumb:hover{background:#d9d9d9}:where(.test-case-picker){display:flex;flex-direction:row;gap:4px;min-width:50px;border-radius:4px;border:1px solid var(--color-bg-success);align-items:center;box-sizing:content-box;background:var(--color-bg-inverse)}:where(.test-case-picker:not(.borderless)){border:1px solid var(--color-outline-subtlest);border-radius:4px;padding:7px 13px}:where(.test-case-picker>.content){overflow:hidden;flex-grow:1;flex-shrink:1;font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400)}:where(.test-case-picker>.content .name){padding-right:4px;min-width:50px;color:var(--color-text-default)}:where(.test-case-picker>.content:hover .name){color:var(--color-text-subtle)}:where(.test-case-picker>.content .not-selected-placeholder){color:var(--color-text-subtlest)}:where(.test-case-picker:has(>.content:hover) button.test-case-picker-trigger){color:var(--color-text-subtlest)}:where(.test-case-picker button.clear-selection),:where(.test-case-picker button.test-case-picker-trigger){height:20px;background:transparent;border:none;padding:0;width:16px;color:var(--color-text-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}:where(.test-case-picker button.clear-selection:hover),:where(.test-case-picker button.test-case-picker-trigger:hover){color:var(--color-text-subtlest)}:where(.test-case-picker-popup-content){width:645px;height:400px;display:flex;flex-direction:column;align-items:stretch;justify-items:stretch}:where(.test-case-picker-popup-content .standard-modal){width:auto;height:auto;flex-grow:1;box-shadow:#0000003f 0 0 30px}:where(.test-case-picker-popup-content .standard-modal>.header .title){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading5, 20px);font-weight:var(--typography-weight-heading5, 600);line-height:var(--typography-lineHeight-heading5, 24px)}:where(.test-case-picker-popup-content .standard-modal>.body){display:flex;flex-direction:column;align-items:stretch;justify-items:stretch}:where(.test-case-picker-popup-content .standard-modal>.body>.table-ex){height:auto;width:auto;flex-grow:1;flex-shrink:1}:where(.test-case-picker-popup-content .standard-modal>.body>.table-ex td){border:none}:where(.test-case-picker-popup-content .standard-modal>.body>.table-ex.empty table){height:100%;display:grid;place-items:center}:where(.text-area-field){font-family:var(--font-family-body),serif;display:flex;align-items:flex-start;gap:4px;width:100%;color:var(--color-text-default)}:where(.text-area-field.single-col){flex-direction:column}:where(.text-area-field:not(.single-col)){flex-direction:row}:where(.text-area-field:not(.single-col)>label){align-self:flex-start;min-height:40px}:where(.text-area-field:not(.single-col).small>label){min-height:32px}:where(.text-area-field label){font-family:var(--font-family-label),serif;font-size:var(--typography-size-label, 12px);font-style:normal;font-weight:var(--typography-weight-label, 600);line-height:var(--typography-lineHeight-label, 16px);display:flex;min-width:80px;align-items:center;gap:4px}:where(.text-area-field label .required){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);height:16px;width:5px;color:var(--color-text-negative-default)}:where(.text-area-field .input-area){width:100%;display:flex;flex-flow:column;gap:6px}:where(.text-area-field .input-area .input-wrapper){display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch;box-sizing:border-box;border-radius:4px;border:1px solid var(--color-outline-subtlest);background:var(--color-bg-inverse);outline:none;width:100%}:where(.text-area-field .input-area .input-wrapper:not(.allow-resize) textarea){resize:none}:where(.text-area-field .input-area .input-wrapper.allow-resize textarea){resize:vertical}:where(.text-area-field .input-area .input-wrapper:has(textarea:hover:not(:focus):not(:disabled))),:where(.text-area-field .input-area .input-wrapper:has(textarea:focus:not(:disabled))){border-color:var(--color-outline-brand-default)}:where(.text-area-field .input-area .input-wrapper textarea){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;color:var(--color-text-default);width:100%;min-height:30px;padding:5px 12px;box-sizing:border-box;border-radius:4px;border:none;outline:none}:where(.text-area-field .input-area .input-wrapper textarea)::-webkit-scrollbar{background:none;width:6px;height:6px}:where(.text-area-field .input-area .input-wrapper textarea)::-webkit-scrollbar-button{display:none}:where(.text-area-field .input-area .input-wrapper textarea)::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}:where(.text-area-field .input-area .input-wrapper textarea:disabled){color:var(--color-outline-subtle)}:where(.text-area-field .input-area .input-wrapper textarea::placeholder),:where(.text-area-field .input-area .input-wrapper textarea:-ms-input-placeholder){color:var(--color-text-subtlest)}:where(.text-area-field .input-area .input-wrapper .font-icon:hover){color:var(--color-bg-brand-hovered)}:where(.text-area-field .input-area .validation-error){color:var(--color-text-negative-default);font-size:12px;font-weight:600;width:100%}:where(.text-area-field .input-area .input-hint){color:var(--color-text-subtle);font-size:12px;font-weight:500;width:100%}:where(.tf-select){font-family:var(--font-family-body),serif;font-size:14px;display:flex;align-items:flex-start;gap:4px;width:100%;color:var(--color-text-default)}:where(.tf-select.single-col){flex-direction:column}:where(.tf-select:not(.single-col)){flex-direction:row}:where(.tf-select:not(.single-col)>label){align-self:flex-start;min-height:40px}:where(.tf-select label){font-family:var(--font-family-label),serif;font-size:var(--typography-size-label, 12px);font-style:normal;font-weight:var(--typography-weight-label, 600);line-height:var(--typography-lineHeight-label, 16px);color:var(--color-text-default);display:flex;min-width:80px;align-items:center;gap:4px}:where(.tf-select label .required){font-size:12px;height:16px;width:5px;color:var(--color-text-negative-default)}:where(.tf-select .input-area){width:100%;display:flex;flex-flow:column;gap:6px}.tf-select .input-area :where(.select-control){min-height:40px;box-sizing:border-box}:where(.tf-select .input-area .select-control){border-radius:4px;background:#fff;box-shadow:none;border:1px solid var(--color-outline-subtlest);width:100%}:where(.tf-select .input-area .select-control .tf-select__placeholder){max-width:100%;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;color:var(--color-text-subtlest)}:where(.tf-select .input-area .select-control.tf-select__control--menu-is-open),:where(.tf-select .input-area .select-control:has(input:focus)),:where(.tf-select .input-area .select-control:hover){border:1px solid var(--color-outline-brand-default)}:where(.tf-select .input-area .select-control.disabled){color:var(--color-outline-subtle)}:where(.tf-select .input-area .select-control.disabled .tf-select__single-value),:where(.tf-select .input-area .select-control.disabled .tf-select__indicators .drop-down-indicator),:where(.tf-select .input-area .select-control.disabled .tf-select__indicators .clear-indicator){color:var(--color-outline-subtle);cursor:default}:where(.tf-select .input-area .select-control.disabled .multi-values-container .multi-value-button){opacity:0}:where(.tf-select .input-area .select-control.disabled .drop-down-indicator){display:none}:where(.tf-select .input-area .select-control .tf-select__input-container){overflow:hidden}:where(.tf-select .input-area .select-control .tf-select__value-container){padding:1px 8px 1px 12px}:where(.tf-select .input-area .select-control .tf-select__value-container.tf-select__value-container--is-multi){gap:4px;margin-top:4px;margin-bottom:4px}:where(.tf-select .input-area .select-control .tf-select__indicators .dropdown-indicator),:where(.tf-select .input-area .select-control .tf-select__indicators .clear-indicator){cursor:pointer;color:var(--color-icon-subtle);margin-right:10px}:where(.tf-select .input-area .select-control .tf-select__indicators .dropdown-indicator:hover),:where(.tf-select .input-area .select-control .tf-select__indicators .clear-indicator:hover){color:var(--color-outline-brand-default)}:where(.tf-select .input-area .select-control .tf-select__indicators .dropdown-indicator){font-size:24px}:where(.tf-select .input-area .select-control .tf-select__indicators .clear-indicator){margin-right:4px}:where(.tf-select .multi-values-container){display:flex;justify-content:center;align-items:center;gap:2px;padding:4px 8px;border-radius:1000px;background:var(--color-bg-neutral-subtle-enabled)}:where(.tf-select .multi-values-container .multi-value-label){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);max-width:70px}:where(.tf-select .multi-values-container .multi-value-button){display:flex;justify-content:center;align-items:center;cursor:pointer}:where(.tf-select .multi-values-container .multi-value-button:hover){color:var(--color-outline-brand-default)}:where(.tf-select .validation-error){color:var(--color-text-negative-default);font-size:12px;font-weight:600;width:100%}div.tf-select__menu-portal,div.tf-select__menu{z-index:11}:where(.tf-select__menu-portal),:where(.tf-select__menu){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);color:var(--color-text-default)}:where(.tf-select__menu-portal .menu),:where(.tf-select__menu.menu){position:absolute;margin-top:2px;margin-bottom:8px}:where(.tf-select__menu-portal .menu.with-modal){display:none}:where(.tf-select__menu-portal .menu .menu-list),:where(.tf-select__menu.menu .menu-list){scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto;box-shadow:0 0 0 .5px var(--color-outline-subtlest),0 16px 32px 0 var(--elevation-shadow-level4_soft);overflow:auto;padding-bottom:0;padding-top:0;border-radius:4px;background-color:var(--color-bg-inverse)}:where(.tf-select__menu-portal .menu .menu-list)::-webkit-scrollbar,:where(.tf-select__menu.menu .menu-list)::-webkit-scrollbar{background:none;width:6px;height:6px}:where(.tf-select__menu-portal .menu .menu-list)::-webkit-scrollbar-button,:where(.tf-select__menu.menu .menu-list)::-webkit-scrollbar-button{display:none}:where(.tf-select__menu-portal .menu .menu-list)::-webkit-scrollbar-thumb,:where(.tf-select__menu.menu .menu-list)::-webkit-scrollbar-thumb{background:var(--color-bg-neutral-hovered);border-radius:3px;height:50%}:where(.tf-select__menu-portal .menu .menu-list .select-option),:where(.tf-select__menu.menu .menu-list .select-option){padding:8px 12px 8px 15px}:where(.tf-select__menu-portal .menu .menu-list .tf-select__group-heading),:where(.tf-select__menu.menu .menu-list .tf-select__group-heading){font-weight:500;padding:8px 12px 8px 8px}:where(.tf-select__menu-portal .menu .menu-list .tf-select__option-separator),:where(.tf-select__menu.menu .menu-list .tf-select__option-separator){border-top:1px solid var(--color-outline-subtlest);margin:8px 0}:where(.tf-select__menu-portal .menu .menu-list .select-option .tf-select-group-label),:where(.tf-select__menu.menu .menu-list .select-option .tf-select-group-label){color:var(--color-text-default, #2F3E52);font-size:12px;font-weight:600;text-transform:capitalize}:where(.tf-select__menu-portal .menu .menu-list .select-option:has(.tf-select-group-label)>div),:where(.tf-select__menu.menu .menu-list .select-option:has(.tf-select-group-label)>div){padding:6px 0}:where(.tf-select__menu-portal .no-options-text){color:var(--color-text-subtlest);display:flex;flex-flow:row;gap:8px;align-items:center;justify-self:center;padding:8px 4px;border-radius:4px;box-sizing:border-box;line-height:1.2}:where(.tf-select__menu-portal .no-options-text .no-options-icon){display:flex;flex-flow:row;gap:8px;align-items:center;justify-self:center}:where(.tf-select__menu-portal .menu .menu-list .select-option.selected),:where(.tf-select__menu.menu .menu-list .select-option.selected){background:var(--color-outline-brand-default);color:unset}:where(.tf-select__menu-portal .menu .menu-list .select-option.focused:not(.selected)),:where(.tf-select__menu.menu .menu-list .select-option.focused:not(.selected)){background-color:var(--color-bg-brand-subtle-hovered);color:unset}.Toastify__toast{min-height:32px}.Toastify__toast--success .Toastify__toast-icon svg{fill:var(--color-icon-brand-default)}.Toastify__toast--error .Toastify__toast-icon svg{fill:var(--color-icon-negative-default)}.Toastify__toast-body{font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400)}.Toastify__toast-body a{color:var(--color-text-subtle);text-decoration:underline}.Toastify__toast-body a:hover{color:var(--color-text-subtlest)}.Toastify__toast-body a:focus{outline:0}:where(.radio-field){display:flex;flex-flow:row;align-items:center;gap:8px}:where(.radio-field .radio){color:var(--color-bg-neutral-bold-enabled)}:where(.radio-field .radio:hover){color:var(--color-bg-neutral-bold-hovered)}:where(.radio-field label){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);cursor:pointer}:where(.radio-field.disabled .radio),:where(.radio-field.disabled .radio:hover),:where(.radio-field.disabled label){color:var(--color-outline-subtle);pointer-events:none}:where(.checkbox-field){display:flex;flex-flow:row;align-items:center;gap:8px}:where(.checkbox-field.reverse){flex-flow:row-reverse;justify-content:flex-end}:where(.checkbox-field input[type=checkbox].checkbox){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;position:relative;margin:0}:where(.checkbox-field input[type=checkbox].checkbox:not(:disabled)){cursor:pointer}:where(.checkbox-field input[type=checkbox].checkbox:before){content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.63215 20.0922C5.12699 20.0922 4.6994 19.9172 4.3494 19.5672C3.9994 19.2172 3.8244 18.7896 3.8244 18.2844V4.89991C3.8244 4.39475 3.9994 3.96716 4.3494 3.61716C4.6994 3.26716 5.12699 3.09216 5.63215 3.09216H19.0167C19.5218 3.09216 19.9494 3.26716 20.2994 3.61716C20.6494 3.96716 20.8244 4.39475 20.8244 4.89991V18.2844C20.8244 18.7896 20.6494 19.2172 20.2994 19.5672C19.9494 19.9172 19.5218 20.0922 19.0167 20.0922H5.63215Z" fill="%235d697b" /><path d="M5.63215 18.5922H19.0167C19.0937 18.5922 19.1642 18.5601 19.2282 18.4959C19.2923 18.4319 19.3244 18.3614 19.3244 18.2844V4.89991C19.3244 4.82291 19.2923 4.75241 19.2282 4.68841C19.1642 4.62425 19.0937 4.59216 19.0167 4.59216H5.63215C5.55515 4.59216 5.48465 4.62425 5.42065 4.68841C5.35649 4.75241 5.3244 4.82291 5.3244 4.89991V18.2844C5.3244 18.3614 5.35649 18.4319 5.42065 18.4959C5.48465 18.5601 5.55515 18.5922 5.63215 18.5922Z" fill="%23FFFFFF" /></svg>') center/contain no-repeat}:where(.checkbox-field input[type=checkbox].checkbox:checked:before){background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.63215 20.0922C5.12699 20.0922 4.6994 19.9172 4.3494 19.5672C3.9994 19.2172 3.8244 18.7896 3.8244 18.2844V4.89991C3.8244 4.39475 3.9994 3.96716 4.3494 3.61716C4.6994 3.26716 5.12699 3.09216 5.63215 3.09216H19.0167C19.5218 3.09216 19.9494 3.26716 20.2994 3.61716C20.6494 3.96716 20.8244 4.39475 20.8244 4.89991V18.2844C20.8244 18.7896 20.6494 19.2172 20.2994 19.5672C19.9494 19.9172 19.5218 20.0922 19.0167 20.0922H5.63215Z" fill="%232F3E52" /><path d="M5.63215 18.5922H19.0167C19.0937 18.5922 19.1642 18.5601 19.2282 18.4959C19.2923 18.4319 19.3244 18.3614 19.3244 18.2844V4.89991C19.3244 4.82291 19.2923 4.75241 19.2282 4.68841C19.1642 4.62425 19.0937 4.59216 19.0167 4.59216H5.63215C5.55515 4.59216 5.48465 4.62425 5.42065 4.68841C5.35649 4.75241 5.3244 4.82291 5.3244 4.89991V18.2844C5.3244 18.3614 5.35649 18.4319 5.42065 18.4959C5.48465 18.5601 5.55515 18.5922 5.63215 18.5922Z" fill="%232F3E52" /><path d="M10.9244 13.3384L8.6014 11.0152C8.4629 10.8768 8.28882 10.806 8.07915 10.8027C7.86965 10.7995 7.6924 10.8703 7.5474 11.0152C7.40257 11.1602 7.33015 11.3358 7.33015 11.5422C7.33015 11.7485 7.40257 11.9242 7.5474 12.0692L10.2917 14.8134C10.4725 14.9941 10.6834 15.0844 10.9244 15.0844C11.1654 15.0844 11.3763 14.9941 11.5572 14.8134L17.1207 9.24991C17.259 9.11141 17.3298 8.93733 17.3332 8.72766C17.3363 8.51816 17.2655 8.34091 17.1207 8.19591C16.9757 8.05108 16.8 7.97866 16.5937 7.97866C16.3873 7.97866 16.2117 8.05108 16.0667 8.19591L10.9244 13.3384Z" fill="%23FFFFFF" /></svg>') center/contain no-repeat}:where(.checkbox-field label){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400)}:where(.number-field){font-family:var(--font-family-body),serif;display:flex;align-items:flex-start;gap:4px;width:100%;color:var(--color-text-default)}:where(.number-field.single-col){flex-direction:column}:where(.number-field:not(.single-col)>label){align-self:flex-start;min-height:40px}:where(.number-field:not(.single-col)){flex-direction:row}:where(.number-field label){font-family:var(--font-family-label),serif;font-size:var(--typography-size-label, 12px);font-style:normal;font-weight:var(--typography-weight-label, 600);line-height:var(--typography-lineHeight-label, 16px);display:flex;min-width:80px;align-items:center;gap:4px}:where(.number-field label .required){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);height:16px;width:5px;color:var(--color-text-negative-default)}:where(.number-field .input-area){width:100%;display:flex;flex-flow:column;gap:6px}:where(.number-field .input-area .input-wrapper){display:flex;flex-flow:row;align-items:stretch;box-sizing:border-box;border-radius:4px;border:1px solid var(--color-outline-subtlest);background:var(--color-bg-default);outline:none;padding:3px 8px;overflow:hidden;width:100%;max-width:90px;min-height:40px}:where(.number-field .input-area .input-wrapper>i){align-self:center}:where(.number-field .input-area .input-wrapper:has(input:hover:not(:focus):not(:disabled))),:where(.number-field .input-area .input-wrapper:has(input:focus:not(:disabled))){border-color:var(--color-outline-brand-default)}:where(.number-field .input-area .input-wrapper input){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-medium, 500);border-radius:4px;border:1px solid var(--color-outline-subtlest);background:var(--color-bg-inverse);text-align:center;color:var(--color-text-default);padding:0 8px;width:100%;outline:none;-moz-appearance:textfield}:where(.number-field .input-area .input-wrapper input)::-webkit-outer-spin-button,:where(.number-field .input-area .input-wrapper input)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:where(.number-field .input-area .input-wrapper input):disabled{color:var(--color-outline-subtle)}:where(.number-field .input-area .input-wrapper .font-icon:hover){color:var(--color-bg-brand-hovered)}:where(.number-field .input-area .validation-error){color:var(--color-text-negative-default);font-size:12px;font-weight:600;width:100%}:where(.number-field .input-area .input-hint){color:var(--color-text-subtle);font-size:12px;font-weight:500;width:100%}:where(.number-field .input-area .input-number-container){display:flex;flex-flow:row;align-items:center;gap:8px}.number-field>.input-area>.input-number-container .tf-btn-s-text-neutral.btn-add-remove{padding:0}:where(.pricing-plan-cards){display:flex;align-self:stretch;gap:16px;align-items:stretch}:where(.pricing-plan-cards .pricing-plan-card){box-shadow:0 0 0 .5px var(--color-outline-subtlest),0 16px 32px 0 var(--elevation-shadow-level4_soft);color:var(--color-text-default);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;min-width:268px;box-sizing:border-box;flex:1 0;padding:16px;gap:24px;border-radius:8px;border:1px solid var(--color-outline-subtlest);background:var(--color-bg-inverse)}:where(.pricing-plan-cards .pricing-plan-card .text-content){display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .text-content .top-bar){display:flex;justify-content:space-between;align-items:center;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .plan-type.plan-type-free){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;text-align:center;border-radius:2px;padding:1px 4px;border:1px solid var(--color-outline-brand-bold);color:var(--color-text-brand-default)}:where(.pricing-plan-cards .pricing-plan-card .plan-type.plan-type-plus){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;text-align:center;border-radius:2px;background:linear-gradient(90deg,var(--palette-mint-600, #03DAC5) 0%,var(--palette-blue-600, #3697FF) 94.67%);color:var(--color-text-inverse);padding:2px 4px}:where(.pricing-plan-cards .pricing-plan-card .plan-type.plan-type-pro){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;text-align:center;border-radius:2px;background:linear-gradient(90deg,var(--palette-mint-600, #03DAC5) 0%,var(--palette-blue-600, #3697FF) 94.67%);color:var(--color-text-inverse);padding:2px 4px}:where(.pricing-plan-cards .pricing-plan-card .plan-type.plan-type-ultimate){font-family:var(--font-family-caption);font-style:normal;text-transform:uppercase;font-size:var(--typography-size-caption3);font-weight:var(--typography-weight-caption3);line-height:var(--typography-lineHeight-caption3);display:inline-flex;align-items:center;text-align:center;border-radius:2px;background:linear-gradient(90deg,var(--palette-neutral-900, #161D26) 0%,var(--palette-neutral-700, #253040) 37.87%,var(--palette-mint-1000, #015C53) 94.67%);color:var(--color-text-inverse);padding:2px 4px}:where(.pricing-plan-cards .pricing-plan-card .text-content .top-bar .plan-type){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading6, 16px);font-weight:var(--typography-weight-heading6, 600);line-height:var(--typography-lineHeight-heading6, 24px);display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px;border-radius:4px}:where(.pricing-plan-cards .pricing-plan-card .text-content .price-row){display:flex;align-items:center;gap:8px}:where(.pricing-plan-cards .pricing-plan-card .text-content .price-row .original){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading4, 24px);font-weight:var(--typography-weight-heading4, 600);line-height:var(--typography-lineHeight-heading4, 32px);color:var(--color-text-subtlest);text-align:center}:where(.pricing-plan-cards .pricing-plan-card .text-content .price-row .discount){font-family:var(--font-family-heading),serif;font-style:normal;font-size:var(--typography-size-heading3, 32px);font-weight:var(--typography-weight-heading3, 600);line-height:var(--typography-lineHeight-heading3, 40px);color:var(--color-text-bold);text-align:center}:where(.pricing-plan-cards .pricing-plan-card .text-content .price-row .description){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-regular, 400);color:var(--color-text-subtle);text-align:center}:where(.pricing-plan-cards .pricing-plan-card .divider){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid var(--color-outline-subtlest)}:where(.pricing-plan-cards .pricing-plan-card .price-detail){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body3, 12px);line-height:var(--typography-lineHeight-body3, 16px);font-weight:var(--typography-weight-body3-regular, 400);color:var(--color-text-subtle);display:flex;min-height:40px;padding:0;align-items:flex-start;gap:0;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .features){display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .features .feature-title){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-semibold, 600);display:flex;min-height:20px;align-items:center;gap:4px;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .features .feature-list){font-family:var(--font-family-body),serif;font-style:normal;font-size:var(--typography-size-body2, 14px);line-height:var(--typography-lineHeight-body2, 20px);font-weight:var(--typography-weight-body2-medium, 500);color:var(--color-text-subtle);display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}:where(.pricing-plan-cards .pricing-plan-card .features .feature-list .feature-item){display:flex;align-items:center;gap:8px;align-self:stretch}:where(.pricing-plan-cards .pricing-plan-card .features .feature-list .feature-item .font-icon){font-size:20px}:where(.pricing-plan-cards .pricing-plan-card .features .feature-list .feature-item .feature-item-text){width:100%}:where(.pricing-plan-cards .pricing-plan-card .features .feature-list .feature-item .feature-tooltip){font-size:16px;color:var(--color-icon-subtle)}:where(.pricing-plan-cards .pricing-plan-card .plan-actions-btn){font-weight:600;width:100%}:where(.pricing-plan-cards .pricing-plan-card.highlight-background){background:linear-gradient(180deg,#8dbfff,#1d1d68 30.44%,#7300c0);color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .period-type-switch){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .divider){border-bottom:1px solid var(--color-outline-subtle)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .price-row .discount){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .price-row .description){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .feature-title){font-weight:500}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .feature-list){font-weight:400}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .price-detail){color:var(--color-text-subtlest)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .feature-list){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .feature-list .font-icon){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-background .feature-list .feature-item .feature-tooltip){color:var(--color-text-inverse)}:where(.pricing-plan-cards .pricing-plan-card.highlight-border){border:2px solid var(--color-outline-brand-default);background:var(--color-bg-inverse, #FFF);box-shadow:0 0 32px 4px #5dcdb54d}
/*# sourceMappingURL=index.css.map */
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@firstcall-qa/tf-rich-text-editor/dist/styles/index.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* legacy colors */
/* end of legacy colors */
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.TfRteTheme__ltr {
  text-align: left;
}

.TfRteTheme__rtl {
  text-align: right;
}

.ContentEditable__root .TfRteTheme__paragraph {
  margin: 0;
  position: relative;
  font-size: var(--typography-size-body2);
}
.ContentEditable__root .TfRteTheme__paragraph:not(:last-child) {
  margin-bottom: unset;
}
.ContentEditable__root .TfRteTheme__quote {
  font-family: var(--font-family-body);
  font-style: normal;
  margin: 0;
  margin-left: 20px;
  font-size: var(--typography-size-body2);
  color: rgb(101, 103, 107);
  border-left-color: rgb(206, 208, 212);
  border-left-width: 4px;
  border-left-style: solid;
  padding-left: 16px;
}
.ContentEditable__root .TfRteTheme__quote:before {
  content: "";
}
.ContentEditable__root .TfRteTheme__quote:not(:has(+ .TfRteTheme__quote)) {
  margin-bottom: 10px;
}
.ContentEditable__root .TfRteTheme__h1 {
  font-size: 24px;
  line-height: 1.16667;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
.ContentEditable__root .TfRteTheme__h1:not(:first-child) {
  margin-top: 1.667em;
}
.ContentEditable__root .TfRteTheme__h2 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.008em;
  margin-top: 1.8em;
  margin-bottom: 0;
}
.ContentEditable__root .TfRteTheme__h3 {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 0;
}
.ContentEditable__root .TfRteTheme__indent {
  --lexical-indent-base-value: 40px;
}
.ContentEditable__root .TfRteTheme__textBold {
  font-weight: 600;
}
.ContentEditable__root .TfRteTheme__paragraph mark {
  background-color: unset;
}
.ContentEditable__root .TfRteTheme__textHighlight {
  background: rgba(255, 212, 0, 0.14);
  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
}
.ContentEditable__root .TfRteTheme__textItalic {
  font-style: italic;
}
.ContentEditable__root .TfRteTheme__textUnderline {
  text-decoration: underline;
}
.ContentEditable__root .TfRteTheme__textStrikethrough {
  text-decoration: line-through;
}
.ContentEditable__root .TfRteTheme__textUnderlineStrikethrough {
  text-decoration: underline line-through;
}
.ContentEditable__root .TfRteTheme__tabNode {
  position: relative;
  text-decoration: none;
}
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textUnderline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.15em;
  border-bottom: 0.1em solid currentColor;
}
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textStrikethrough::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.69em;
  border-top: 0.1em solid currentColor;
}
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textUnderlineStrikethrough::before,
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textUnderlineStrikethrough::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textUnderlineStrikethrough::before {
  top: 0.69em;
  border-top: 0.1em solid currentColor;
}
.ContentEditable__root .TfRteTheme__tabNode.TfRteTheme__textUnderlineStrikethrough::after {
  bottom: 0.05em;
  border-bottom: 0.1em solid currentColor;
}
.ContentEditable__root .TfRteTheme__textSubscript {
  font-size: 0.8em;
  vertical-align: sub !important;
}
.ContentEditable__root .TfRteTheme__textSuperscript {
  font-size: 0.8em;
  vertical-align: super;
}
.ContentEditable__root .TfRteTheme__textCode {
  background-color: rgb(240, 242, 245);
  padding: 1px 0.25rem;
  font-size: 94%;
}
.ContentEditable__root .TfRteTheme__textLowercase {
  text-transform: lowercase;
}
.ContentEditable__root .TfRteTheme__textUppercase {
  text-transform: uppercase;
}
.ContentEditable__root .TfRteTheme__textCapitalize {
  text-transform: capitalize;
}
.ContentEditable__root .TfRteTheme__hashtag {
  background-color: rgba(88, 144, 255, 0.15);
  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
}
.ContentEditable__root .TfRteTheme__link {
  color: #5DCDB5;
  text-decoration: underline;
}
.ContentEditable__root .TfRteTheme__link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.ContentEditable__root .TfRteTheme__blockCursor {
  display: block;
  pointer-events: none;
  position: absolute;
}
.ContentEditable__root .TfRteTheme__blockCursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: CursorBlink 1.1s steps(2, start) infinite;
}
@keyframes CursorBlink {
  to {
    visibility: hidden;
  }
}
.ContentEditable__root .TfRteTheme__code {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  background-color: rgb(240, 242, 245);
  display: block;
  padding: 8px 8px 8px 52px;
  line-height: 1.53;
  font-size: 12px;
  margin: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow-x: auto;
  position: relative;
  -moz-tab-size: 2;
       tab-size: 2;
}
.ContentEditable__root .TfRteTheme__code::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.ContentEditable__root .TfRteTheme__code::-webkit-scrollbar-button {
  display: none;
}
.ContentEditable__root .TfRteTheme__code::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.ContentEditable__root .TfRteTheme__code:before {
  content: attr(data-gutter);
  position: absolute;
  background-color: #eee;
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  padding: 8px;
  color: #777;
  white-space: pre-wrap;
  text-align: right;
  min-width: 25px;
}
.ContentEditable__root .TfRteTheme__characterLimit {
  display: inline;
  background-color: #ffbbbb !important;
}
.ContentEditable__root .TfRteTheme__ol1 {
  padding: 0;
  margin: 0;
  list-style-position: outside;
  list-style: decimal;
}
.ContentEditable__root .TfRteTheme__ol2 {
  padding: 0;
  margin: 0;
  list-style-type: upper-alpha;
  list-style-position: outside;
  list-style: decimal;
}
.ContentEditable__root .TfRteTheme__ol3 {
  padding: 0;
  margin: 0;
  list-style-type: lower-alpha;
  list-style-position: outside;
  list-style: decimal;
}
.ContentEditable__root .TfRteTheme__ol4 {
  padding: 0;
  margin: 0;
  list-style-type: upper-roman;
  list-style-position: outside;
  list-style: decimal;
}
.ContentEditable__root .TfRteTheme__ol5 {
  padding: 0;
  margin: 0;
  list-style-type: lower-roman;
  list-style-position: outside;
  list-style: decimal;
}
.ContentEditable__root .TfRteTheme__ul {
  padding: 0;
  margin: 0;
  list-style-position: outside;
  list-style: disc;
}
.ContentEditable__root .TfRteTheme__listItem {
  margin: 0 32px;
}
.ContentEditable__root .TfRteTheme__listItem::marker {
  font-feature-settings: normal;
  font-variant-numeric: normal;
}
.ContentEditable__root .TfRteTheme__listItemChecked,
.ContentEditable__root .TfRteTheme__listItemUnchecked {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 24px;
  padding-right: 24px;
  list-style-type: none;
  outline: none;
}
.ContentEditable__root .TfRteTheme__listItemChecked {
  text-decoration: line-through;
}
.ContentEditable__root .TfRteTheme__listItemUnchecked:before,
.ContentEditable__root .TfRteTheme__listItemChecked:before {
  content: "";
  width: 16px;
  height: 16px;
  top: 2px;
  left: 0;
  cursor: pointer;
  display: block;
  background-size: cover;
  position: absolute;
}
.ContentEditable__root .TfRteTheme__listItemUnchecked[dir=rtl]:before,
.ContentEditable__root .TfRteTheme__listItemChecked[dir=rtl]:before {
  left: auto;
  right: 0;
}
.ContentEditable__root .TfRteTheme__listItemUnchecked:focus:before,
.ContentEditable__root .TfRteTheme__listItemChecked:focus:before {
  box-shadow: 0 0 0 2px #a6cdfe;
  border-radius: 2px;
}
.ContentEditable__root .TfRteTheme__listItemUnchecked:before {
  border: 1px solid #999;
  border-radius: 2px;
}
.ContentEditable__root .TfRteTheme__listItemChecked:before {
  border: 1px solid rgb(61, 135, 245);
  border-radius: 2px;
  background-color: #3d87f5;
  background-repeat: no-repeat;
}
.ContentEditable__root .TfRteTheme__listItemChecked:after {
  content: "";
  cursor: pointer;
  border-color: #fff;
  border-style: solid;
  position: absolute;
  display: block;
  top: 6px;
  width: 3px;
  left: 7px;
  right: 7px;
  height: 6px;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
}
.ContentEditable__root .TfRteTheme__nestedListItem {
  list-style-type: none;
}
.ContentEditable__root .TfRteTheme__nestedListItem:before,
.ContentEditable__root .TfRteTheme__nestedListItem:after {
  display: none;
}
.ContentEditable__root .TfRteTheme__tokenComment {
  color: slategray;
}
.ContentEditable__root .TfRteTheme__tokenPunctuation {
  color: #999;
}
.ContentEditable__root .TfRteTheme__tokenProperty {
  color: #905;
}
.ContentEditable__root .TfRteTheme__tokenSelector {
  color: #690;
}
.ContentEditable__root .TfRteTheme__tokenOperator {
  color: #9a6e3a;
}
.ContentEditable__root .TfRteTheme__tokenAttr {
  color: #07a;
}
.ContentEditable__root .TfRteTheme__tokenVariable {
  color: #e90;
}
.ContentEditable__root .TfRteTheme__tokenFunction {
  color: #dd4a68;
}
.ContentEditable__root .TfRteTheme__mark {
  background: rgba(255, 212, 0, 0.14);
  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
  padding-bottom: 2px;
}
.ContentEditable__root .TfRteTheme__markOverlap {
  background: rgba(255, 212, 0, 0.3);
  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
}
.ContentEditable__root .TfRteTheme__mark.selected {
  background: rgba(255, 212, 0, 0.5);
  border-bottom: 2px solid rgb(255, 212, 0);
}
.ContentEditable__root .TfRteTheme__markOverlap.selected {
  background: rgba(255, 212, 0, 0.7);
  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
}
.ContentEditable__root .TfRteTheme__embedBlock {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ContentEditable__root .twitter-container {
  display: inline-block;
  max-width: 400px;
  width: 100%;
}
.ContentEditable__root .TfRteTheme__embedBlockFocus {
  outline: 1px solid rgb(60, 132, 244);
}
.ContentEditable__root .TfRteTheme__layoutContainer {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin: 10px 0;
  font-size: 12px;
}
.ContentEditable__root .TfRteTheme__layoutItem {
  border: 1px dashed #222;
  padding: 2px 6px;
  min-width: 0;
  max-width: 100%;
}
.ContentEditable__root .TfRteTheme__autocomplete {
  color: #ccc;
}
.ContentEditable__root .TfRteTheme__hr {
  padding: 2px 2px;
  border: none;
  margin: 1em 0;
  cursor: pointer;
}
.ContentEditable__root .TfRteTheme__hr:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #ccc;
  line-height: 2px;
}
.ContentEditable__root .TfRteTheme__hr.TfRteTheme__hrSelected {
  outline: 1px solid rgb(60, 132, 244);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ContentEditable__root .TfRteTheme__specialText {
  background-color: yellow;
  font-weight: bold;
}

.editor {
  /*
    A firefox workaround to allow scrolling of overflowing table cell
    ref: https://bugzilla.mozilla.org/show_bug.cgi?id=1904159
  */
}
.editor .TfRteTheme__tableScrollableWrapper {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow-x: auto;
  margin: 0px 25px 30px 0px;
}
.editor .TfRteTheme__tableScrollableWrapper::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.editor .TfRteTheme__tableScrollableWrapper::-webkit-scrollbar-button {
  display: none;
}
.editor .TfRteTheme__tableScrollableWrapper::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.editor .TfRteTheme__tableScrollableWrapper > .TfRteTheme__table {
  /* Remove the table's vertical margin and put it on the wrapper */
  margin-top: 0;
  margin-bottom: 0;
}
.editor .TfRteTheme__tableAlignmentCenter {
  margin-left: auto;
  margin-right: auto;
}
.editor .TfRteTheme__tableAlignmentRight {
  margin-left: auto;
}
.editor .TfRteTheme__table {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-y: scroll;
  overflow-x: scroll;
  table-layout: fixed;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 25px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: column;
}
.editor .TfRteTheme__table::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.editor .TfRteTheme__table::-webkit-scrollbar-button {
  display: none;
}
.editor .TfRteTheme__table::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.editor .TfRteTheme__tableScrollableWrapper.TfRteTheme__tableFrozenRow {
  /* position:sticky needs overflow:clip or visible
     https://github.com/w3c/csswg-drafts/issues/865#issuecomment-350585274 */
  overflow-x: clip;
}
.editor .TfRteTheme__tableFrozenRow tr:nth-of-type(1) > td {
  overflow: clip;
  background-color: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 44px;
}
.editor .TfRteTheme__tableFrozenRow tr:nth-of-type(1) > th {
  overflow: clip;
  background-color: #f2f3f5;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  top: 44px;
}
.editor .TfRteTheme__tableFrozenRow tr:nth-of-type(1) > th:after,
.editor .TfRteTheme__tableFrozenRow tr:nth-of-type(1) > td:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #bbb;
}
.editor .TfRteTheme__tableFrozenColumn tr > td:first-child {
  background-color: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  left: 0;
}
.editor .TfRteTheme__tableFrozenColumn tr > th:first-child {
  background-color: #f2f3f5;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  left: 0;
}
.editor .TfRteTheme__tableFrozenColumn tr > :first-child::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid #bbb;
}
.editor .TfRteTheme__tableRowStriping tr:nth-child(even) {
  background-color: #f2f5fb;
}
.editor .TfRteTheme__tableSelection *::selection {
  background-color: transparent;
}
.editor .TfRteTheme__tableSelected {
  outline: 1px solid rgb(60, 132, 244);
}
.editor .TfRteTheme__tableCell {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  border: 1px solid #bbb;
  width: 75px;
  vertical-align: top;
  text-align: start;
  padding: 6px 8px;
  position: relative;
  outline: none;
}
.editor .TfRteTheme__tableCell::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.editor .TfRteTheme__tableCell::-webkit-scrollbar-button {
  display: none;
}
.editor .TfRteTheme__tableCell::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.editor .TfRteTheme__tableCell > * {
  overflow: inherit;
}
.editor .TfRteTheme__tableCellResizer {
  position: absolute;
  right: -4px;
  height: 100%;
  width: 8px;
  cursor: ew-resize;
  z-index: 10;
  top: 0;
}
.editor .TfRteTheme__tableCellHeader {
  background-color: #f2f3f5;
  text-align: start;
  font-weight: 500;
}
.editor .TfRteTheme__tableCellSelected {
  caret-color: transparent;
}
.editor .TfRteTheme__tableCellSelected::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: highlight;
  mix-blend-mode: multiply;
  content: "";
  pointer-events: none;
}
.editor .TfRteTheme__tableAddColumns {
  position: absolute;
  background-color: #eee;
  height: 100%;
  animation: table-controls 0.2s ease;
  border: 0;
  cursor: pointer;
}
.editor .TfRteTheme__tableAddColumns:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cyI+PHBhdGggZD0iTTggNGEuNS41IDAgMCAxIC41LjV2M2gzYS41LjUgMCAwIDEgMCAxaC0zdjNhLjUuNSAwIDAgMS0xIDB2LTNoLTNhLjUuNSAwIDAgMSAwLTFoM3YtM0EuNS41IDAgMCAxIDggNHoiLz48L3N2Zz4=");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.editor .TfRteTheme__tableAddColumns:hover,
.editor .TfRteTheme__tableAddRows:hover {
  background-color: #c9dbf0;
}
.editor .TfRteTheme__tableAddRows {
  position: absolute;
  width: calc(100% - 25px);
  background-color: #eee;
  animation: table-controls 0.2s ease;
  border: 0;
  cursor: pointer;
}
.editor .TfRteTheme__tableAddRows:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cyI+PHBhdGggZD0iTTggNGEuNS41IDAgMCAxIC41LjV2M2gzYS41LjUgMCAwIDEgMCAxaC0zdjNhLjUuNSAwIDAgMS0xIDB2LTNoLTNhLjUuNSAwIDAgMSAwLTFoM3YtM0EuNS41IDAgMCAxIDggNHoiLz48L3N2Zz4=");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
@keyframes table-controls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.editor .TfRteTheme__tableCellResizeRuler {
  display: block;
  position: absolute;
  width: 1px;
  background-color: var(--color-icon-positive-default);
  height: 100%;
  top: 0;
}
.editor .TfRteTheme__tableCellActionButtonContainer {
  display: block;
  right: 5px;
  top: 6px;
  position: absolute;
  z-index: 4;
  width: 20px;
  height: 20px;
}
.editor .TfRteTheme__tableCellActionButton {
  background-color: #eee;
  display: block;
  border: 0;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  color: #222;
  cursor: pointer;
}
.editor .TfRteTheme__tableCellActionButton:hover {
  background-color: #ddd;
}
.editor .TfRteTheme__mention {
  color: #55bba5;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.CommentEditorTheme__paragraph {
  margin: 0;
  position: "relative";
}

:where(.busy-indicator-root:has(.rich-text-editor)) .busy-indicator-cover .animation svg {
  width: 32px;
  height: 32px;
}

:where(.rich-text-editor) {
  font-family: var(--font-family-body);
  font-size: var(--typography-size-body2);
}

:where(.rich-text-editor.no-border .editor-shell) {
  border-color: transparent;
}
:where(.rich-text-editor.no-border .editor-shell) .ContentEditable__root {
  padding: 4px 0;
}

:where(.rich-text-editor.full-width) {
  width: 100%;
}

:where(.rich-text-editor:focus-visible) {
  outline: none;
}

:where(.rich-text-editor:focus-visible .editor-shell:not(.focused)) {
  border-color: var(--color-outline-brand-default);
}
:where(.rich-text-editor:focus-visible .editor-shell:not(.focused)) .toolbar.is-pinned {
  border-top: 1px solid var(--color-outline-brand-default);
}

:where(.rich-text-editor:has(.toolbar.is-pinned) .editor-container) {
  padding-top: 34px;
}

:where(.rich-text-editor.rich-text-dropdown) {
  z-index: 100;
  display: block;
  position: fixed;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  min-height: 40px;
  background-color: #fff;
}
:where(.rich-text-editor.rich-text-dropdown) .item {
  margin: 0;
  width: 100%;
  padding: 8px 12px 8px 8px;
  color: var(--color-text-default);
  cursor: pointer;
  line-height: 16px;
  font-size: 11px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  border: 0;
  max-width: 264px;
  min-width: 100px;
}
:where(.rich-text-editor.rich-text-dropdown) .item.wide {
  align-items: center;
  width: 116px;
}
:where(.rich-text-editor.rich-text-dropdown) .item.wide .icon-text-container {
  display: flex;
}
:where(.rich-text-editor.rich-text-dropdown) .item .shortcut {
  color: var(--color-text-subtle);
  align-self: flex-end;
}
:where(.rich-text-editor.rich-text-dropdown) .item .active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
:where(.rich-text-editor.rich-text-dropdown) .item:first-child {
  margin-top: 8px;
}
:where(.rich-text-editor.rich-text-dropdown) .item:last-child {
  margin-bottom: 8px;
}
:where(.rich-text-editor.rich-text-dropdown) .item:hover {
  background-color: var(--color-bg-brand-subtle-hovered);
}
:where(.rich-text-editor.rich-text-dropdown) .item .text {
  display: flex;
  flex-grow: 1;
  margin-left: 5px;
}
:where(.rich-text-editor.rich-text-dropdown) .item .icon {
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 2px;
  line-height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
:where(.rich-text-editor.rich-text-dropdown) .item .divider {
  width: auto;
  background-color: #eee;
  margin: 4px 8px;
  height: 1px;
}

:where(.rich-text-editor .toolbar) {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  position: relative;
  z-index: 3;
  display: flex;
  margin-bottom: 1px;
  background: #fff;
  padding: 4px;
  vertical-align: middle;
  min-height: 24px;
  overflow-y: hidden;
  border-bottom: thin solid var(--color-outline-subtlest);
  border-top: none;
  flex-wrap: wrap;
  gap: 8px 2px;
  z-index: 1;
}
:where(.rich-text-editor .toolbar)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.rich-text-editor .toolbar)::-webkit-scrollbar-button {
  display: none;
}
:where(.rich-text-editor .toolbar)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
:where(.rich-text-editor .toolbar).is-pinned {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid var(--color-outline-subtlest);
  border-radius: 4px;
}

:where(.rich-text-editor) .editor-shell {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  position: relative;
  line-height: 1.7;
}
:where(.rich-text-editor) .editor-shell:has(.ContentEditable__root:focus), :where(.rich-text-editor) .editor-shell:has(.ImageNode__contentEditable:focus), :where(.rich-text-editor) .editor-shell:has(.toolbar-item:focus), :where(.rich-text-editor) .editor-shell:has(.toolbar-item:active), :where(.rich-text-editor) .editor-shell:has(.toolbar-item:focus-within) {
  border: 1px solid var(--color-outline-brand-default);
}
:where(.rich-text-editor) .editor-shell:has(.ContentEditable__root:focus) .toolbar.is-pinned, :where(.rich-text-editor) .editor-shell:has(.ImageNode__contentEditable:focus) .toolbar.is-pinned, :where(.rich-text-editor) .editor-shell:has(.toolbar-item:focus) .toolbar.is-pinned, :where(.rich-text-editor) .editor-shell:has(.toolbar-item:active) .toolbar.is-pinned, :where(.rich-text-editor) .editor-shell:has(.toolbar-item:focus-within) .toolbar.is-pinned {
  border-top: 1px solid var(--color-outline-brand-default);
}
:where(.rich-text-editor) .editor-shell:not(:has(.toolbar.is-pinned)) .editor-container {
  padding-top: 0 !important;
  min-height: unset !important;
}
:where(.rich-text-editor) .editor-shell .editor-container {
  position: relative;
  display: block;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 0;
}
:where(.rich-text-editor) .editor-shell .editor-container.tree-view {
  border-radius: 0;
}
:where(.rich-text-editor) .editor-shell .editor-container .ContentEditable__root {
  box-sizing: border-box;
  min-height: 30px;
}
:where(.rich-text-editor) .editor-scroller {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  max-width: 100%;
  border: 0;
  display: flex;
  position: relative;
  outline: 0;
  resize: vertical;
  z-index: 0;
  max-height: 94px;
  resize: none;
}
:where(.rich-text-editor) .editor-scroller::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.rich-text-editor) .editor-scroller::-webkit-scrollbar-button {
  display: none;
}
:where(.rich-text-editor) .editor-scroller::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
:where(.rich-text-editor) .editor {
  flex: auto;
  max-width: 100%;
  position: relative;
  resize: vertical;
  z-index: -1;
}
:where(.rich-text-editor) pre {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  line-height: 1.1;
  background: #222;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-size: var(--typography-size-body2);
  max-height: 400px;
}
:where(.rich-text-editor) pre::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.rich-text-editor) pre::-webkit-scrollbar-button {
  display: none;
}
:where(.rich-text-editor) pre::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
:where(.rich-text-editor) .tree-view-output {
  display: block;
  background: #222;
  color: #fff;
  padding: 0;
  font-size: var(--typography-size-body2);
  margin: 1px auto 10px auto;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
:where(.rich-text-editor) pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
:where(.rich-text-editor) pre::-webkit-scrollbar-thumb {
  background: #999;
}
:where(.rich-text-editor) .editor-dev-button {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  font-size: var(--typography-size-body2);
  border-radius: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  background-color: #444;
}
:where(.rich-text-editor) .editor-dev-button::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  background-size: contain;
  filter: invert(1);
}
:where(.rich-text-editor) .editor-dev-button:hover {
  background-color: #555;
}
:where(.rich-text-editor) .editor-dev-button.active {
  background-color: rgb(233, 35, 35);
}
:where(.rich-text-editor) .test-recorder-toolbar {
  display: flex;
}
:where(.rich-text-editor) #options-button {
  position: fixed;
  left: 20px;
  bottom: 20px;
}
:where(.rich-text-editor) #paste-log-button {
  position: fixed;
  left: 120px;
  bottom: 20px;
}
:where(.rich-text-editor) #docs-button {
  position: fixed;
  left: 170px;
  bottom: 20px;
}
:where(.rich-text-editor) #options-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciI+PHBhdGggZD0iTTggNC43NTRhMy4yNDYgMy4yNDYgMCAxIDAgMCA2LjQ5MiAzLjI0NiAzLjI0NiAwIDAgMCAwLTYuNDkyek01Ljc1NCA4YTIuMjQ2IDIuMjQ2IDAgMSAxIDQuNDkyIDAgMi4yNDYgMi4yNDYgMCAwIDEtNC40OTIgMHoiLz48cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MmwtLjA5NC0uMzE5em0tMi42MzMuMjgzYy4yNDYtLjgzNSAxLjQyOC0uODM1IDEuNjc0IDBsLjA5NC4zMTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTMgMS4xMTVsLjI5MS0uMTZjLjc2NC0uNDE1IDEuNi40MiAxLjE4NCAxLjE4NWwtLjE1OS4yOTJhMS44NzMgMS44NzMgMCAwIDAgMS4xMTYgMi42OTJsLjMxOC4wOTRjLjgzNS4yNDYuODM1IDEuNDI4IDAgMS42NzRsLS4zMTkuMDk0YTEuODczIDEuODczIDAgMCAwLTEuMTE1IDIuNjkzbC4xNi4yOTFjLjQxNS43NjQtLjQyIDEuNi0xLjE4NSAxLjE4NGwtLjI5MS0uMTU5YTEuODczIDEuODczIDAgMCAwLTIuNjkzIDEuMTE2bC0uMDk0LjMxOGMtLjI0Ni44MzUtMS40MjguODM1LTEuNjc0IDBsLS4wOTQtLjMxOWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5Mi0xLjExNWwtLjI5Mi4xNmMtLjc2NC40MTUtMS42LS40Mi0xLjE4NC0xLjE4NWwuMTU5LS4yOTFBMS44NzMgMS44NzMgMCAwIDAgMS45NDUgOC45M2wtLjMxOS0uMDk0Yy0uODM1LS4yNDYtLjgzNS0xLjQyOCAwLTEuNjc0bC4zMTktLjA5NEExLjg3MyAxLjg3MyAwIDAgMCAzLjA2IDQuMzc3bC0uMTYtLjI5MmMtLjQxNS0uNzY0LjQyLTEuNiAxLjE4NS0xLjE4NGwuMjkyLjE1OWExLjg3MyAxLjg3MyAwIDAgMCAyLjY5Mi0xLjExNWwuMDk0LS4zMTl6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) #test-recorder-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktam91cm5hbC1jb2RlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjY0NiA1LjY0NmEuNS41IDAgMCAxIC43MDggMGwyIDJhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDgtLjcwOEwxMC4yOTMgOCA4LjY0NiA2LjM1NGEuNS41IDAgMCAxIDAtLjcwOHptLTEuMjkyIDBhLjUuNSAwIDAgMC0uNzA4IDBsLTIgMmEuNS41IDAgMCAwIDAgLjcwOGwyIDJhLjUuNSAwIDAgMCAuNzA4LS43MDhMNS43MDcgOGwxLjY0Ny0xLjY0NmEuNS41IDAgMCAwIDAtLjcwOHoiLz48cGF0aCBkPSJNMyAwaDEwYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgzYTIgMiAwIDAgMS0yLTJ2LTFoMXYxYTEgMSAwIDAgMCAxIDFoMTBhMSAxIDAgMCAwIDEtMVYyYTEgMSAwIDAgMC0xLTFIM2ExIDEgMCAwIDAtMSAxdjFIMVYyYTIgMiAwIDAgMSAyLTJ6Ii8+PHBhdGggZD0iTTEgNXYtLjVhLjUuNSAwIDAgMSAxIDBWNWguNWEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxIDAtMUgxem0wIDN2LS41YS41LjUgMCAwIDEgMSAwVjhoLjVhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMSAwLTFIMXptMCAzdi0uNWEuNS41IDAgMCAxIDEgMHYuNWguNWEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxIDAtMUgxeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) #paste-log-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xpcGJvYXJkIj48cGF0aCBkPSJNNCAxLjVIM2EyIDIgMCAwIDAtMiAyVjE0YTIgMiAwIDAgMCAyIDJoMTBhMiAyIDAgMCAwIDItMlYzLjVhMiAyIDAgMCAwLTItMmgtMXYxaDFhMSAxIDAgMCAxIDEgMVYxNGExIDEgMCAwIDEtMSAxSDNhMSAxIDAgMCAxLTEtMVYzLjVhMSAxIDAgMCAxIDEtMWgxdi0xeiIvPjxwYXRoIGQ9Ik05LjUgMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTNhLjUuNSAwIDAgMS0uNS0uNXYtMWEuNS41IDAgMCAxIC41LS41aDN6bS0zLTFBMS41IDEuNSAwIDAgMCA1IDEuNXYxQTEuNSAxLjUgMCAwIDAgNi41IDRoM0ExLjUgMS41IDAgMCAwIDExIDIuNXYtMUExLjUgMS41IDAgMCAwIDkuNSAwaC0zeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) #docs-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1lYXJtYXJrLXRleHQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuNSA3YS41LjUgMCAwIDAgMCAxaDVhLjUuNSAwIDAgMCAwLTFoLTV6TTUgOS41YS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41em0wIDJhLjUuNSAwIDAgMSAuNS0uNWgyYS41LjUgMCAwIDEgMCAxaC0yYS41LjUgMCAwIDEtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTkuNSAwSDRhMiAyIDAgMCAwLTIgMnYxMmEyIDIgMCAwIDAgMiAyaDhhMiAyIDAgMCAwIDItMlY0LjVMOS41IDB6bTAgMXYyQTEuNSAxLjUgMCAwIDAgMTEgNC41aDJWMTRhMSAxIDAgMCAxLTEgMUg0YTEgMSAwIDAgMS0xLTFWMmExIDEgMCAwIDEgMS0xaDUuNXoiLz4KPC9zdmc+");
}
:where(.rich-text-editor) #test-recorder-button-snapshot {
  margin-right: auto;
}
:where(.rich-text-editor) #test-recorder-button-snapshot::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2FtZXJhIj48cGF0aCBkPSJNMTUgMTJhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTFWNmExIDEgMCAwIDEgMS0xaDEuMTcyYTMgMyAwIDAgMCAyLjEyLS44NzlsLjgzLS44MjhBMSAxIDAgMCAxIDYuODI3IDNoMi4zNDRhMSAxIDAgMCAxIC43MDcuMjkzbC44MjguODI4QTMgMyAwIDAgMCAxMi44MjggNUgxNGExIDEgMCAwIDEgMSAxdjZ6TTIgNGEyIDIgMCAwIDAtMiAydjZhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMmgtMS4xNzJhMiAyIDAgMCAxLTEuNDE0LS41ODZsLS44MjgtLjgyOEEyIDIgMCAwIDAgOS4xNzIgMkg2LjgyOGEyIDIgMCAwIDAtMS40MTQuNTg2bC0uODI4LjgyOEEyIDIgMCAwIDEgMy4xNzIgNEgyeiIvPjxwYXRoIGQ9Ik04IDExYTIuNSAyLjUgMCAxIDEgMC01IDIuNSAyLjUgMCAwIDEgMCA1em0wIDFhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDd6TTMgNi41YS41LjUgMCAxIDEtMSAwIC41LjUgMCAwIDEgMSAweiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) #test-recorder-button-copy::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xpcGJvYXJkIj48cGF0aCBkPSJNNCAxLjVIM2EyIDIgMCAwIDAtMiAyVjE0YTIgMiAwIDAgMCAyIDJoMTBhMiAyIDAgMCAwIDItMlYzLjVhMiAyIDAgMCAwLTItMmgtMXYxaDFhMSAxIDAgMCAxIDEgMVYxNGExIDEgMCAwIDEtMSAxSDNhMSAxIDAgMCAxLTEtMVYzLjVhMSAxIDAgMCAxIDEtMWgxdi0xeiIvPjxwYXRoIGQ9Ik05LjUgMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTNhLjUuNSAwIDAgMS0uNS0uNXYtMWEuNS41IDAgMCAxIC41LS41aDN6bS0zLTFBMS41IDEuNSAwIDAgMCA1IDEuNXYxQTEuNSAxLjUgMCAwIDAgNi41IDRoM0ExLjUgMS41IDAgMCAwIDExIDIuNXYtMUExLjUgMS41IDAgMCAwIDkuNSAwaC0zeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) #test-recorder-button-download::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZG93bmxvYWQiPjxwYXRoIGQ9Ik0uNSA5LjlhLjUuNSAwIDAgMSAuNS41djIuNWExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF2LTIuNWEuNS41IDAgMCAxIDEgMHYyLjVhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ2LTIuNWEuNS41IDAgMCAxIC41LS41eiIvPjxwYXRoIGQ9Ik03LjY0NiAxMS44NTRhLjUuNSAwIDAgMCAuNzA4IDBsMy0zYS41LjUgMCAwIDAtLjcwOC0uNzA4TDguNSAxMC4yOTNWMS41YS41LjUgMCAwIDAtMSAwdjguNzkzTDUuMzU0IDguMTQ2YS41LjUgMCAxIDAtLjcwOC43MDhsMyAzeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .component-picker-menu {
  width: 200px;
}
:where(.rich-text-editor) .auto-embed-menu {
  width: 150px;
}
:where(.rich-text-editor) .emoji-menu {
  width: 200px;
}
:where(.rich-text-editor) i.palette {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGFsZXR0ZSI+PHBhdGggZD0iTTggNWExLjUgMS41IDAgMSAwIDAtMyAxLjUgMS41IDAgMCAwIDAgM3ptNCAzYTEuNSAxLjUgMCAxIDAgMC0zIDEuNSAxLjUgMCAwIDAgMCAzek01LjUgN2ExLjUgMS41IDAgMSAxLTMgMCAxLjUgMS41IDAgMCAxIDMgMHptLjUgNmExLjUgMS41IDAgMSAwIDAtMyAxLjUgMS41IDAgMCAwIDAgM3oiLz48cGF0aCBkPSJNMTYgOGMwIDMuMTUtMS44NjYgMi41ODUtMy41NjcgMi4wN0MxMS40MiA5Ljc2MyAxMC40NjUgOS40NzMgMTAgMTBjLS42MDMuNjgzLS40NzUgMS44MTktLjM1MSAyLjkyQzkuODI2IDE0LjQ5NSA5Ljk5NiAxNiA4IDE2YTggOCAwIDEgMSA4LTh6bS04IDdjLjYxMSAwIC42NTQtLjE3MS42NTUtLjE3Ni4wNzgtLjE0Ni4xMjQtLjQ2NC4wNy0xLjExOS0uMDE0LS4xNjgtLjAzNy0uMzctLjA2MS0uNTkxLS4wNTItLjQ2NC0uMTEyLTEuMDA1LS4xMTgtMS40NjItLjAxLS43MDcuMDgzLTEuNjEuNzA0LTIuMzE0LjM2OS0uNDE3Ljg0NS0uNTc4IDEuMjcyLS42MTguNDA0LS4wMzguODEyLjAyNiAxLjE2LjEwNC4zNDMuMDc3LjcwMi4xODYgMS4wMjUuMjg0bC4wMjguMDA4Yy4zNDYuMTA1LjY1OC4xOTkuOTUzLjI2Ni42NTMuMTQ4LjkwNC4wODMuOTkxLjAyNEMxNC43MTcgOS4zOCAxNSA5LjE2MSAxNSA4YTcgNyAwIDEgMC03IDd6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) i.bucket {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGFpbnQtYnVja2V0Ij48cGF0aCBkPSJNNi4xOTIgMi43OGMtLjQ1OC0uNjc3LS45MjctMS4yNDgtMS4zNS0xLjY0M2EyLjk3MiAyLjk3MiAwIDAgMC0uNzEtLjUxNWMtLjIxNy0uMTA0LS41Ni0uMjA1LS44ODItLjAyLS4zNjcuMjEzLS40MjcuNjMtLjQzLjg5Ni0uMDAzLjMwNC4wNjQuNjY0LjE3MyAxLjA0NC4xOTYuNjg3LjU1NiAxLjUyOCAxLjAzNSAyLjQwMkwuNzUyIDguMjJjLS4yNzcuMjc3LS4yNjkuNjU2LS4yMTguOTE4LjA1NS4yODMuMTg3LjU5My4zNi45MDMuMzQ4LjYyNy45MiAxLjM2MSAxLjYyNiAyLjA2OC43MDcuNzA3IDEuNDQxIDEuMjc4IDIuMDY4IDEuNjI2LjMxLjE3My42Mi4zMDUuOTAzLjM2LjI2Mi4wNS42NC4wNTkuOTE4LS4yMThsNS42MTUtNS42MTVjLjExOC4yNTcuMDkyLjUxMi4wNS45MzktLjAzLjI5Mi0uMDY4LjY2NS0uMDczIDEuMTc2di4xMjNoLjAwM2ExIDEgMCAwIDAgMS45OTMgMEgxNHYtLjA1N2ExLjAxIDEuMDEgMCAwIDAtLjAwNC0uMTE3Yy0uMDU1LTEuMjUtLjctMi43MzgtMS44Ni0zLjQ5NGE0LjMyMiA0LjMyMiAwIDAgMC0uMjExLS40MzRjLS4zNDktLjYyNi0uOTItMS4zNi0xLjYyNy0yLjA2Ny0uNzA3LS43MDctMS40NDEtMS4yNzktMi4wNjgtMS42MjctLjMxLS4xNzItLjYyLS4zMDQtLjkwMy0uMzYtLjI2Mi0uMDUtLjY0LS4wNTgtLjkxOC4yMTlsLS4yMTcuMjE2ek00LjE2IDEuODY3Yy4zODEuMzU2Ljg0NC45MjIgMS4zMTEgMS42MzJsLS43MDQuNzA1Yy0uMzgyLS43MjctLjY2LTEuNDAyLS44MTMtMS45MzhhMy4yODMgMy4yODMgMCAwIDEtLjEzMS0uNjczYy4wOTEuMDYxLjIwNC4xNS4zMzcuMjc0em0uMzk0IDMuOTY1Yy41NC44NTIgMS4xMDcgMS41NjcgMS42MDcgMi4wMzNhLjUuNSAwIDEgMCAuNjgyLS43MzJjLS40NTMtLjQyMi0xLjAxNy0xLjEzNi0xLjU2NC0yLjAyN2wxLjA4OC0xLjA4OGMuMDU0LjEyLjExNS4yNDMuMTgzLjM2NS4zNDkuNjI3LjkyIDEuMzYxIDEuNjI3IDIuMDY4LjcwNi43MDcgMS40NCAxLjI3OCAyLjA2OCAxLjYyNi4xMjIuMDY4LjI0NC4xMy4zNjUuMTgzbC00Ljg2MSA0Ljg2MmEuNTcxLjU3MSAwIDAgMS0uMDY4LS4wMWMtLjEzNy0uMDI3LS4zNDItLjEwNC0uNjA4LS4yNTItLjUyNC0uMjkyLTEuMTg2LS44LTEuODQ2LTEuNDYtLjY2LS42Ni0xLjE2OC0xLjMyLTEuNDYtMS44NDYtLjE0Ny0uMjY1LS4yMjUtLjQ3LS4yNTEtLjYwN2EuNTczLjU3MyAwIDAgMS0uMDEtLjA2OGwzLjA0OC0zLjA0N3ptMi44Ny0xLjkzNWEyLjQ0IDIuNDQgMCAwIDEtLjI0MS0uNTYxYy4xMzUuMDMzLjMyNC4xMS41NjIuMjQxLjUyNC4yOTIgMS4xODYuOCAxLjg0NiAxLjQ2LjQ1LjQ1LjgzLjkwMSAxLjExOCAxLjMxYTMuNDk3IDMuNDk3IDAgMCAwLTEuMDY2LjA5MSAxMS4yNyAxMS4yNyAwIDAgMS0uNzYtLjY5NGMtLjY2LS42Ni0xLjE2Ny0xLjMyMi0xLjQ1OC0xLjg0N3oiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.bold {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTY0NDUgMTUuMjA5NlY0Ljc5Mjk3SDEwLjA2MjhDMTAuODU4OCA0Ljc5Mjk3IDExLjU2MTIgNS4wNDQwMSAxMi4xNzAxIDUuNTQ2MDlDMTIuNzc5MSA2LjA0ODMyIDEzLjA4MzYgNi43MDE2NSAxMy4wODM2IDcuNTA2MDlDMTMuMDgzNiA4LjA0MzQ1IDEyLjk0MjYgOC41MTM4IDEyLjY2MDUgOC45MTcxNEMxMi4zNzg0IDkuMzIwNDcgMTIuMDI5IDkuNjE2MTYgMTEuNjEyNCA5LjgwNDIyQzEyLjExOTkgOS45NDYzIDEyLjU1MDcgMTAuMjQ0NCAxMi45MDQ5IDEwLjY5ODRDMTMuMjU5IDExLjE1MjQgMTMuNDM2MSAxMS43IDEzLjQzNjEgMTIuMzQxMUMxMy40MzYxIDEzLjIzNTMgMTMuMTAyMyAxMy45MzY5IDEyLjQzNDcgMTQuNDQ2MUMxMS43NjY5IDE0Ljk1NTEgMTEuMDMxOCAxNS4yMDk2IDEwLjIyOTUgMTUuMjA5Nkg2LjU2NDQ1Wk03LjYyNjk1IDE0LjIyMjZIMTAuMTc4MkMxMC44MjM1IDE0LjIyMjYgMTEuMzQ0NiAxNC4wMjgzIDExLjc0MTUgMTMuNjM5OEMxMi4xMzgzIDEzLjI1MTUgMTIuMzM2NyAxMi43OTk0IDEyLjMzNjcgMTIuMjgzNEMxMi4zMzY3IDExLjc2NzMgMTIuMTM4MyAxMS4zMTUxIDExLjc0MTUgMTAuOTI2N0MxMS4zNDQ2IDEwLjUzODQgMTAuODE4NyAxMC4zNDQyIDEwLjE2MzggMTAuMzQ0Mkg3LjYyNjk1VjE0LjIyMjZaTTcuNjI2OTUgOS4zNzYzSDEwLjAxMzJDMTAuNTY3NiA5LjM3NjMgMTEuMDM3MiA5LjIwNDg0IDExLjQyMTcgOC44NjE5M0MxMS44MDYzIDguNTE5MDEgMTEuOTk4NiA4LjA4OTUgMTEuOTk4NiA3LjU3MzM5QzExLjk5ODYgNy4wNDc4MyAxMS44MDMxIDYuNjE2NzIgMTEuNDEyMiA2LjI4MDA1QzExLjAyMTIgNS45NDM1MiAxMC41NTgxIDUuNzc1MjYgMTAuMDIyOCA1Ljc3NTI2SDcuNjI2OTVWOS4zNzYzWiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) i.italic {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODI0MjIgMTcuMjA5NlYxNi4yODAxSDkuODUyOTdMMTIuNzUzNiA3LjcyMjU1SDkuNzI0ODRWNi43OTI5N0gxNi42NDhWNy43MjI1NUgxMy43MTUzTDEwLjgxNDYgMTYuMjgwMUgxMy43NDczVjE3LjIwOTZINi44MjQyMloiIGZpbGw9IiMyRjNFNTIiLz4KPC9zdmc+Cg==");
}
:where(.rich-text-editor) i.clear {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHJhc2giPjxwYXRoIGQ9Ik01LjUgNS41QS41LjUgMCAwIDEgNiA2djZhLjUuNSAwIDAgMS0xIDBWNmEuNS41IDAgMCAxIC41LS41em0yLjUgMGEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLTEgMFY2YS41LjUgMCAwIDEgLjUtLjV6bTMgLjVhLjUuNSAwIDAgMC0xIDB2NmEuNS41IDAgMCAwIDEgMFY2eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjUgM2ExIDEgMCAwIDEtMSAxSDEzdjlhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWNGgtLjVhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTFINmExIDEgMCAwIDEgMS0xaDJhMSAxIDAgMCAxIDEgMWgzLjVhMSAxIDAgMCAxIDEgMXYxek00LjExOCA0IDQgNC4wNTlWMTNhMSAxIDAgMCAwIDEgMWg2YTEgMSAwIDAgMCAxLTFWNC4wNTlMMTEuODgyIDRINC4xMTh6TTIuNSAzVjJoMTF2MWgtMTF6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) i.code {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZSI+PHBhdGggZD0iTTUuODU0IDQuODU0YS41LjUgMCAxIDAtLjcwOC0uNzA4bC0zLjUgMy41YS41LjUgMCAwIDAgMCAuNzA4bDMuNSAzLjVhLjUuNSAwIDAgMCAuNzA4LS43MDhMMi43MDcgOGwzLjE0Ny0zLjE0NnptNC4yOTIgMGEuNS41IDAgMCAxIC43MDgtLjcwOGwzLjUgMy41YS41LjUgMCAwIDEgMCAuNzA4bC0zLjUgMy41YS41LjUgMCAwIDEtLjcwOC0uNzA4TDEzLjI5MyA4bC0zLjE0Ny0zLjE0NnoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.underline {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzQ0MTQgMTguMDRWMTcuMjA2N0gxNy4yNTcxVjE4LjA0SDYuNzQ0MTRaTTEyLjAwMDYgMTUuMzc5OEMxMC44MTE0IDE1LjM3OTggOS44Nzg3MiAxNS4wMzA0IDkuMjAyNDcgMTQuMzMxN0M4LjUyNjIyIDEzLjYzMjkgOC4xODgxIDEyLjY4NDIgOC4xODgxIDExLjQ4NTRWNS4xODc1SDkuMTMyMDZWMTEuNTE0NEM5LjEzMjA2IDEyLjQyMDMgOS4zODUyNSAxMy4xMzc4IDkuODkxNjQgMTMuNjY2N0MxMC4zOTggMTQuMTk1NCAxMS4xMDEgMTQuNDU5OCAxMi4wMDA2IDE0LjQ1OThDMTIuOTAwMiAxNC40NTk4IDEzLjYwMzIgMTQuMTk1NCAxNC4xMDk2IDEzLjY2NjdDMTQuNjE1OSAxMy4xMzc4IDE0Ljg2OTEgMTIuNDIwMyAxNC44NjkxIDExLjUxNDRWNS4xODc1SDE1LjgxMzFWMTEuNDg1NEMxNS44MTMxIDEyLjY4NDIgMTUuNDc1IDEzLjYzMjkgMTQuNzk4NyAxNC4zMzE3QzE0LjEyMjUgMTUuMDMwNCAxMy4xODk4IDE1LjM3OTggMTIuMDAwNiAxNS4zNzk4WiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) i.uppercase {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxwaGFiZXQtdXBwZXJjYXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xLjIyNiAxMC44OEgwbDIuMDU2LTYuMjZoMS40MmwyLjA0NyA2LjI2aC0xLjI5bC0uNDgtMS42MUgxLjcwN2wtLjQ4IDEuNjFaTTIuNzYgNS44MThoLS4wNTRsLS43NSAyLjUzMkgzLjUxem0zLjIxNyA1LjA2MlY0LjYyaDIuNTZjMS4wOSAwIDEuODA4LjU4MiAxLjgwOCAxLjU0IDAgLjc2Mi0uNDQ0IDEuMjItMS4wNSAxLjM3MnYuMDU1Yy43MzYuMDc0IDEuMzY1LjU4NyAxLjM2NSAxLjUyOCAwIDEuMTE5LS44OSAxLjc2Ni0yLjEzMyAxLjc2NnpNNy4xOCA1LjU1djEuNjc1aC44Yy44MTIgMCAxLjE3MS0uMzA4IDEuMTcxLS44NTMgMC0uNTEtLjMyOC0uODIyLS44OTgtLjgyMnptMCAyLjUzN1Y5Ljk1aC45MDNjLjk1MSAwIDEuMzQyLS4zMTIgMS4zNDItLjkwOSAwLS41OTEtLjM4Mi0uOTU0LTEuMDk1LS45NTR6bTUuMDg5LS43MTF2Ljc3NWMwIDEuMTU2LjQ5IDEuODAzIDEuMzQ3IDEuODAzLjcwNSAwIDEuMTYzLS40NTQgMS4yMTItMS4wOTZIMTZ2LjEyQzE1Ljk0MiAxMC4xNzMgMTQuOTUgMTEgMTMuNjA3IDExYy0xLjY0OCAwLTIuNTczLTEuMDczLTIuNTczLTIuODQ5di0uNzhjMC0xLjc3NS45MzQtMi44NzEgMi41NzMtMi44NzEgMS4zNDcgMCAyLjM0Ljg0OSAyLjM5MyAyLjA4N3YuMTE1aC0xLjE3MmMtLjA1LS42NjUtLjUxNi0xLjE1Ni0xLjIxMi0xLjE1Ni0uODQ5IDAtMS4zNDcuNjctMS4zNDcgMS44MyIvPgo8L3N2Zz4=");
}
:where(.rich-text-editor) i.lowercase {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxwaGFiZXQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuMjA0IDExLjA3OGMuNzY3IDAgMS4yMDEtLjM1NiAxLjQwNi0uNzM3aC4wNTlWMTFoMS4yMTZWNy41MTljMC0xLjMxNC0uOTQ3LTEuNzgzLTIuMTEtMS43ODNDMS4zNTUgNS43MzYuNzUgNi40Mi42OSA3LjI3aDEuMjE2Yy4wNjQtLjMyMy4zMTMtLjU1Mi44NC0uNTUycy44NjQuMjQ5Ljg2NC43NzF2LjQ2NEgyLjM0NkMxLjE0NSA3Ljk1My41IDguNTY4LjUgOS40OTZjMCAuOTc3LjY5MyAxLjU4MiAxLjcwNCAxLjU4Mm0uNDItLjk0N2MtLjQ0IDAtLjg0NS0uMjM1LS44NDUtLjcxOCAwLS4zOTUuMjY5LS42ODQuODQtLjY4NGguOTkxdi41MzhjMCAuNTAzLS40NDQuODY0LS45ODYuODY0bTUuNTkzLjkzN2MxLjIxNiAwIDEuOTQ4LS44NjkgMS45NDgtMi4zMXYtLjcwMmMwLTEuNDQtLjcyNy0yLjMwNS0xLjkyOS0yLjMwNS0uNzQyIDAtMS4zMjguMzQ3LTEuNDk5Ljg4OWgtLjA2M1YzLjk4M2gtMS4yOVYxMWgxLjI3di0uNzkxaC4wNjRjLjIxLjUzMi43NzYuODYgMS40OTkuODZabS0uNDMtMS4wMjVjLS42NiAwLTEuMTEzLS41MTgtMS4xMTMtMS4yOFY4LjEyYzAtLjgyNS40Mi0xLjM0MyAxLjA5OC0xLjM0My42ODQgMCAxLjA3NS41MTggMS4wNzUgMS40MTZ2LjQ1YzAgLjg4OC0uMzg2IDEuNDAxLTEuMDYgMS40MDFabTIuODM0LTEuMzI4YzAgMS40Ny44NyAyLjM3OCAyLjMwNSAyLjM3OCAxLjQxNiAwIDIuMTM5LS43NzcgMi4xNTgtMS43NjNoLTEuMTg2Yy0uMDYuNDI1LS4zMTMuNzMyLS45MzMuNzMyLS42NiAwLTEuMDUtLjUxMi0xLjA1LTEuMzUydi0uNjI1YzAtLjgxLjM3MS0xLjMyOCAxLjA0NS0xLjMyOC42MzUgMCAuODc5LjQyNS45MTguNzc2aDEuMTg3Yy0uMDItLjk4Ni0uNzg3LTEuODA2LTIuMTQtMS44MDYtMS40MSAwLTIuMzA0LjkxOC0yLjMwNCAyLjMzOHoiLz4KPC9zdmc+");
}
:where(.rich-text-editor) i.capitalize {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTguNiAxNy43NVY4LjZoLTNWN2g3Ljd2MS42aC0zdjkuMTV6bTguNi4yNXEtMS4xIDAtMS43MjUtLjYzOFQxNC44NSAxNS42di00LjA1SDEzLjVWMTAuMWgxLjM1VjcuOTI1aDEuNjVWMTAuMWgxLjg1djEuNDVIMTYuNXYzLjdxMCAuNTc1LjI2My45dC43MTIuMzI1cS4yMjUgMCAuNDYyLS4wODh0LjQ2My0uMjM3djEuNjI1cS0uMjUuMTI1LS41NS4xNzV0LS42NS4wNSIvPjwvc3ZnPgo=");
}
:where(.rich-text-editor) i.strikethrough {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjEyNTcgMTguMTUzN0MxMS4yMTk3IDE4LjE1MzcgMTAuNDIxMSAxNy45MTA2IDkuNzI5ODIgMTcuNDI0NUM5LjAzODU3IDE2LjkzODQgOC41MjMwOCAxNi4yNzEzIDguMTgzMzYgMTUuNDIzMUw5LjAyMzE1IDE1LjA2NDFDOS4yOTIzMiAxNS42OTg3IDkuNjg1MTYgMTYuMjIwNiAxMC4yMDE3IDE2LjYyOTdDMTAuNzE4NCAxNy4wMzg5IDExLjM2MjkgMTcuMjQzNSAxMi4xMzUyIDE3LjI0MzVDMTIuODQ2OCAxNy4yNDM1IDEzLjUxMzQgMTcuMDU2NSAxNC4xMzUyIDE2LjY4MjdDMTQuNzU3IDE2LjMwODggMTUuMDY3OSAxNS43MjAxIDE1LjA2NzkgMTQuOTE2NkMxNS4wNjc5IDE0LjUzODQgMTUuMDE2NyAxNC4yMjM4IDE0LjkxNDIgMTMuOTcyN0MxNC44MTE2IDEzLjcyMTcgMTQuNjYwOSAxMy40ODA4IDE0LjQ2MjEgMTMuMjQ5OUgxNS41NDU0QzE1LjY3OTEgMTMuNDIzIDE1Ljc4NDYgMTMuNjUwMyAxNS44NjIxIDEzLjkzMThDMTUuOTM5NSAxNC4yMTM0IDE1Ljk3ODIgMTQuNTQxNiAxNS45NzgyIDE0LjkxNjZDMTUuOTc4MiAxNS45NTA4IDE1LjU5MzggMTYuNzQ4OCAxNC44MjUyIDE3LjMxMDhDMTQuMDU2NSAxNy44NzI3IDEzLjE1NjYgMTguMTUzNyAxMi4xMjU3IDE4LjE1MzdaTTQuMDgzOTggMTEuNTgzM1YxMC43NDk5SDE5LjkxNzNWMTEuNTgzM0g0LjA4Mzk4Wk0xMi4wNDIzIDUuNzg1MTZDMTIuNzg4IDUuNzg1MTYgMTMuNDI3MiA1Ljk0NDExIDEzLjk1OTggNi4yNjIwM0MxNC40OTIzIDYuNTc5ODEgMTQuOTQ2MSA3LjA3MDQzIDE1LjMyMTEgNy43MzM5MUwxNC40OTc1IDguMTEzN0MxNC4yODcgNy43MzIzMSAxMy45Nzk1IDcuNDAwNTcgMTMuNTc1MiA3LjExODQ5QzEzLjE3MDggNi44MzY0MSAxMi42NjMgNi42OTUzNiAxMi4wNTE5IDYuNjk1MzZDMTEuMTk0IDYuNjk1MzYgMTAuNTI0MSA2LjkzMzM1IDEwLjA0MjMgNy40MDkzMkM5LjU2MDUxIDcuODg1MyA5LjM1NzUzIDguNDQzMjggOS40MzMzNiA5LjA4MzI4SDguNTIzMTVDOC40MzM0MyA4LjIzMTc1IDguNzE1NzIgNy40NjkxOCA5LjM3MDAzIDYuNzk1NTdDMTAuMDI0NSA2LjEyMTk2IDEwLjkxNTIgNS43ODUxNiAxMi4wNDIzIDUuNzg1MTZaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) i.subscript {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjM1NCAxNC41di0uNjY1bDEuNTUzLTEuNDM4Yy4xMzItLjEyOC4yNDMtLjI0My4zMzItLjM0NS4wOTEtLjEwMi4xNi0uMjAzLjIwNy0uMy4wNDctLjEuMDctLjIwNy4wNy0uMzIyYS41NzQuNTc0IDAgMCAwLS4zMjYtLjU0Ni43NDguNzQ4IDAgMCAwLS4zNDMtLjA3Ny43MjEuNzIxIDAgMCAwLS4zNS4wODIuNTU3LjU1NyAwIDAgMC0uMjMuMjMyLjc1My43NTMgMCAwIDAtLjA4LjM2aC0uODc2YzAtLjI4Ni4wNjUtLjUzNC4xOTQtLjc0NC4xMy0uMjEuMzEtLjM3My41NDMtLjQ4OC4yMzMtLjExNS41MDItLjE3Mi44MDYtLjE3Mi4zMTIgMCAuNTg0LjA1NS44MTYuMTY2LjIzMy4xMS40MTQuMjYxLjU0My40NTYuMTMuMTk0LjE5NC40MTguMTk0LjY2OSAwIC4xNjUtLjAzMy4zMjctLjA5OC40ODgtLjA2NC4xNi0uMTc4LjMzOS0uMzQzLjUzNWE3LjkxOCA3LjkxOCAwIDAgMS0uNjk3LjdsLS42MzcuNjI1di4wM2gxLjgzMnYuNzU0aC0zLjExWk01LjA0IDQuMjczIDYuOTYgNy40NjloLjA2OGwxLjkzLTMuMTk2aDEuODAzTDguMDczIDguNjM2IDEwLjgwNSAxM0g4Ljk3Mkw3LjAzIDkuODI1aC0uMDY4TDUuMDE4IDEzSDMuMTk0bDIuNzU3LTQuMzY0LTIuNzIzLTQuMzYzSDUuMDRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.superscript {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjM1NCA2di0uNjY1bDEuNTUzLTEuNDM4Yy4xMzItLjEyOC4yNDMtLjI0My4zMzItLjM0NWExLjMxIDEuMzEgMCAwIDAgLjIwNy0uM2MuMDQ3LS4xLjA3LS4yMDcuMDctLjMyMmEuNTc0LjU3NCAwIDAgMC0uMzI2LS41NDUuNzQ4Ljc0OCAwIDAgMC0uMzQzLS4wNzcuNzIxLjcyMSAwIDAgMC0uMzUuMDguNTU3LjU1NyAwIDAgMC0uMjMuMjMzLjc1My43NTMgMCAwIDAtLjA4LjM2aC0uODc2YzAtLjI4Ni4wNjUtLjUzNC4xOTQtLjc0NC4xMy0uMjEuMzEtLjM3My41NDMtLjQ4OC4yMzMtLjExNS41MDItLjE3Mi44MDYtLjE3Mi4zMTIgMCAuNTg0LjA1NS44MTYuMTY2LjIzMy4xMS40MTQuMjYxLjU0My40NTYuMTMuMTk0LjE5NC40MTcuMTk0LjY2OSAwIC4xNjUtLjAzMy4zMjctLjA5OC40ODgtLjA2NC4xNi0uMTc4LjMzOS0uMzQzLjUzNWE3LjkyIDcuOTIgMCAwIDEtLjY5Ny43bC0uNjM3LjYyNXYuMDNoMS44MzJWNmgtMy4xMVpNNS4wNCA0LjI3MyA2Ljk2IDcuNDY5aC4wNjhsMS45My0zLjE5NmgxLjgwM0w4LjA3MyA4LjYzNiAxMC44MDUgMTNIOC45NzJMNy4wMyA5LjgyNWgtLjA2OEw1LjAxOCAxM0gzLjE5NGwyLjc1Ny00LjM2NC0yLjcyMy00LjM2M0g1LjA0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+");
}
:where(.rich-text-editor) i.highlight {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaGlnaGxpZ2h0ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMDk2LjY0NGEyIDIgMCAwIDEgMi43OTEuMDM2bDEuNDMzIDEuNDMzYTIgMiAwIDAgMSAuMDM1IDIuNzkxbC0uNDEzLjQzNS04LjA3IDguOTk1YS41LjUgMCAwIDEtLjM3Mi4xNjZoLTNhLjUuNSAwIDAgMS0uMjM0LS4wNThsLS40MTIuNDEyQS41LjUgMCAwIDEgMi41IDE1aC0yYS41LjUgMCAwIDEtLjM1NC0uODU0bDEuNDEyLTEuNDEyQS41LjUgMCAwIDEgMS41IDEyLjV2LTNhLjUuNSAwIDAgMSAuMTY2LS4zNzJsOC45OTUtOC4wN3ptLS4xMTUgMS40N0wyLjcyNyA5LjUybDMuNzUzIDMuNzUzIDcuNDA2LTguMjU0em0zLjU4NSAyLjE3LjA2NC0uMDY4YTEgMSAwIDAgMC0uMDE3LTEuMzk2TDEzLjE4IDEuMzg3YTEgMSAwIDAgMC0xLjM5Ni0uMDE4bC0uMDY4LjA2NXpNNS4yOTMgMTMuNSAyLjUgMTAuNzA3djEuNTg2TDMuNzA3IDEzLjV6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) i.link {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg0NjMgMTUuMzk2Nkg3Ljg5NzVDNi45NTc1IDE1LjM5NjYgNi4xNTYyNSAxNS4wNjU0IDUuNDkzNzUgMTQuNDAzQzQuODMxMjUgMTMuNzQwNyA0LjUgMTIuOTM5NiA0LjUgMTEuOTk5OUM0LjUgMTEuMDYwMiA0LjgzMTI1IDEwLjI1ODkgNS40OTM3NSA5LjU5NTk0QzYuMTU2MjUgOC45MzMwMiA2Ljk1NzUgOC42MDE1NiA3Ljg5NzUgOC42MDE1NkgxMC44NDYzVjkuNDM0OUg3Ljg5NzVDNy4xOTIzNiA5LjQzNDkgNi41ODg2OCA5LjY4NjAxIDYuMDg2NDYgMTAuMTg4MkM1LjU4NDM3IDEwLjY5MDMgNS4zMzMzMyAxMS4yOTM5IDUuMzMzMzMgMTEuOTk5MUM1LjMzMzMzIDEyLjcwNDIgNS41ODQzNyAxMy4zMDc4IDYuMDg2NDYgMTMuODA5OUM2LjU4ODY4IDE0LjMxMjEgNy4xOTIzNiAxNC41NjMyIDcuODk3NSAxNC41NjMySDEwLjg0NjNWMTUuMzk2NlpNOS4wODMzMyAxMi40MTU3VjExLjU4MjRIMTQuOTE2N1YxMi40MTU3SDkuMDgzMzNaTTEzLjE1MzggMTUuMzk2NlYxNC41NjMySDE2LjEwMjVDMTYuODA3NiAxNC41NjMyIDE3LjQxMTMgMTQuMzEyMSAxNy45MTM1IDEzLjgwOTlDMTguNDE1NiAxMy4zMDc4IDE4LjY2NjcgMTIuNzA0MiAxOC42NjY3IDExLjk5OTFDMTguNjY2NyAxMS4yOTM5IDE4LjQxNTYgMTAuNjkwMyAxNy45MTM1IDEwLjE4ODJDMTcuNDExMyA5LjY4NjAxIDE2LjgwNzYgOS40MzQ5IDE2LjEwMjUgOS40MzQ5SDEzLjE1MzhWOC42MDE1NkgxNi4xMDI1QzE3LjA0MjUgOC42MDE1NiAxNy44NDM4IDguOTMyNzQgMTguNTA2MyA5LjU5NTFDMTkuMTY4OCAxMC4yNTc1IDE5LjUgMTEuMDU4NSAxOS41IDExLjk5ODJDMTkuNSAxMi45MzggMTkuMTY4OCAxMy43MzkzIDE4LjUwNjMgMTQuNDAyMkMxNy44NDM4IDE1LjA2NTEgMTcuMDQyNSAxNS4zOTY2IDE2LjEwMjUgMTUuMzk2NkgxMy4xNTM4WiIgZmlsbD0iIzFiMWYyMyIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) i.horizontal-rule {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1icmVhayI+PHBhdGggZD0iTTAgMTAuNWEuNS41IDAgMCAxIC41LS41aDE1YS41LjUgMCAwIDEgMCAxSC41YS41LjUgMCAwIDEtLjUtLjV6TTEyIDBINGEyIDIgMCAwIDAtMiAydjdoMVYyYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAwIDEgMSAxdjdoMVYyYTIgMiAwIDAgMC0yLTJ6bTIgMTJoLTF2MmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMXYtMkgydjJhMiAyIDAgMCAwIDIgMmg4YTIgMiAwIDAgMCAyLTJ2LTJ6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .icon.plus {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cyI+PHBhdGggZD0iTTggNGEuNS41IDAgMCAxIC41LjV2M2gzYS41LjUgMCAwIDEgMCAxaC0zdjNhLjUuNSAwIDAgMS0xIDB2LTNoLTNhLjUuNSAwIDAgMSAwLTFoM3YtM0EuNS41IDAgMCAxIDggNHoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.caret-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2FyZXQtcmlnaHQtZmlsbCI+PHBhdGggZD0ibTEyLjE0IDguNzUzLTUuNDgyIDQuNzk2Yy0uNjQ2LjU2Ni0xLjY1OC4xMDYtMS42NTgtLjc1M1YzLjIwNGExIDEgMCAwIDEgMS42NTktLjc1M2w1LjQ4IDQuNzk2YTEgMSAwIDAgMSAwIDEuNTA2eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.dropdown-more {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNjQ4IDQuNDc1IDEuODI0IDEyLjI1SC42N2wzLjI1Mi04LjUzMWguNzQ0bC0uMDE4Ljc1NlptMi4zNjggNy43NzUtMi44My03Ljc3NS0uMDE4LS43NTZoLjc0NGwzLjI2NCA4LjUzMWgtMS4xNlptLS4xNDctMy4xNTh2LjkyNkgyLjA3NnYtLjkyNkg2Ljg3Wm02LjAyNCAyLjA3NFY3LjkwMmMwLS4yNS0uMDUxLS40NjYtLjE1My0uNjVhLjk5Ny45OTcgMCAwIDAtLjQ0NS0uNDM0Yy0uMi0uMTAxLS40NDUtLjE1Mi0uNzM4LS4xNTItLjI3NCAwLS41MTQuMDQ3LS43MjEuMTRhMS4yNTUgMS4yNTUgMCAwIDAtLjQ4LjM3LjgwOS44MDkgMCAwIDAtLjE3LjQ5Mkg5LjEwMWMwLS4yMjcuMDU4LS40NTEuMTc1LS42NzQuMTE4LS4yMjMuMjg2LS40MjQuNTA0LS42MDMuMjIzLS4xODQuNDg5LS4zMjkuNzk3LS40MzQuMzEzLS4xMS42Ni0uMTY0IDEuMDQzLS4xNjQuNDYxIDAgLjg2Ny4wNzggMS4yMTkuMjM0LjM1NS4xNTcuNjMzLjM5My44MzIuNzEuMjAzLjMxMi4zMDUuNzA0LjMwNSAxLjE3N3YyLjk1M2MwIC4yMTEuMDE3LjQzNi4wNTIuNjc0LjA0LjIzOC4wOTYuNDQzLjE3LjYxNXYuMDk0aC0xLjEzYTIuMDIyIDIuMDIyIDAgMCAxLS4xMy0uNDk4IDQuMDExIDQuMDExIDAgMCAxLS4wNDYtLjU4NlptLjE4Ny0yLjc2LjAxMi43NjJoLTEuMDk2Yy0uMzA5IDAtLjU4NC4wMjUtLjgyNi4wNzZhMS44OSAxLjg5IDAgMCAwLS42MS4yMTcuOTc5Ljk3OSAwIDAgMC0uNTA0Ljg3OWMwIC4yLjA0Ni4zOC4xMzUuNTQ1YS45OC45OCAwIDAgMCAuNDA1LjM5MmMuMTgzLjA5NC40MDguMTQxLjY3NC4xNDEuMzMyIDAgLjYyNS0uMDcuODc4LS4yMTFhMS44MyAxLjgzIDAgMCAwIC42MDQtLjUxNmMuMTUyLS4yMDMuMjM0LS40LjI0Ni0uNTkxbC40NjMuNTIxYTEuNTcyIDEuNTcyIDAgMCAxLS4yMjMuNTQ1IDIuNjA3IDIuNjA3IDAgMCAxLTEuMiAxLjAyNSAyLjMyOCAyLjMyOCAwIDAgMS0uOTI3LjE3NmMtLjQzIDAtLjgwNi0uMDg0LTEuMTMtLjI1MmExLjkzMyAxLjkzMyAwIDAgMS0uNzUtLjY3NCAxLjc4NCAxLjc4NCAwIDAgMS0uMjY0LS45NTVjMC0uMzQuMDY2LS42MzguMTk5LS44OTZhMS43MyAxLjczIDAgMCAxIC41NzQtLjY1Yy4yNS0uMTc2LjU1MS0uMzEuOTAzLS4zOTlhNC43NiA0Ljc2IDAgMCAxIDEuMTc3LS4xMzVoMS4yNloiIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.font-color {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiM3NzciIGQ9Ik0yMjEuNjMxIDEwOSAxMDkuOTIgMzkyaDU4LjA1NWwyNC4wNzktNjFoMTI3Ljg5MmwyNC4wNzkgNjFoNTguMDU1TDI5MC4zNjkgMTA5Wm0tOC4yNjEgMTY4TDI1NiAxNjlsNDIuNjMgMTA4WiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.font-family {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZm9udHMiPjxwYXRoIGQ9Ik0xMi4yNTggM2gtOC41MWwtLjA4MyAyLjQ2aC40NzljLjI2LTEuNTQ0Ljc1OC0xLjc4MyAyLjY5My0xLjg0NWwuNDI0LS4wMTN2Ny44MjdjMCAuNjYzLS4xNDQuODItMS4zLjkyM3YuNTJoNC4wODJ2LS41MmMtMS4xNjItLjEwMy0xLjMwNi0uMjYtMS4zMDYtLjkyM1YzLjYwMmwuNDMxLjAxM2MxLjkzNC4wNjIgMi40MzQuMzAxIDIuNjkzIDEuODQ2aC40NzlMMTIuMjU4IDN6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .icon.bg-color {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzk5MzIgMS43MTQ5N0w0Ljg2MjE1IDEuMjMwNDdMMTAuMjg0IDYuNjUyMTRDMTAuNDk2OCA2Ljg2NTAyIDEwLjYwMzIgNy4xMjE4NiAxMC42MDMyIDcuNDIyNjRDMTAuNjAzMiA3LjcyMzUyIDEwLjQ5NjggNy45ODA0MSAxMC4yODQgOC4xOTMzTDcuNjgxNDggMTAuODIxNUM3LjQ3NzE1IDExLjAyNTcgNy4yMjQ1NCAxMS4xMjc4IDYuOTIzNjUgMTEuMTI3OEM2LjYyMjg3IDExLjEyNzggNi4zNzAzMiAxMS4wMjU3IDYuMTY1OTggMTAuODIxNUwzLjU2MzQ4IDguMTkzM0MzLjM1MDYgNy45ODA0MSAzLjI0NDE1IDcuNzIzNTIgMy4yNDQxNSA3LjQyMjY0QzMuMjQ0MTUgNy4xMjE4NiAzLjM1MDYgNi44NjUwMiAzLjU2MzQ4IDYuNjUyMTRMNi40NjA5OCAzLjc3NjQ3TDQuMzk5MzIgMS43MTQ5N1pNNi45MzY0OCA0LjI1MjE0TDQuMDA5NjUgNy4xNTM0N0MzLjk2Njg3IDcuMTk2MjUgMy45MzkxIDcuMjQxMTQgMy45MjYzMiA3LjI4ODE0QzMuOTEzNDMgNy4zMzUxNCAzLjkwNjk4IDcuMzg0MjUgMy45MDY5OCA3LjQzNTQ3SDkuOTQwMzJDOS45NDAzMiA3LjM4NDI1IDkuOTMzOTMgNy4zMzUxNCA5LjkyMTE1IDcuMjg4MTRDOS45MDgzNyA3LjI0MTE0IDkuODgwNiA3LjE5NjI1IDkuODM3ODIgNy4xNTM0N0w2LjkzNjQ4IDQuMjUyMTRaTTEyLjM4NTMgMTEuNzk0NUMxMi4xMDQxIDExLjc5NDUgMTEuODY3MSAxMS42OTgxIDExLjY3NDMgMTEuNTA1NUMxMS40ODE3IDExLjMxMjcgMTEuMzg1MyAxMS4wNzU3IDExLjM4NTMgMTAuNzk0NUMxMS4zODUzIDEwLjU5NTQgMTEuNDM3NyAxMC4zOTg4IDExLjU0MjMgMTAuMjA0OEMxMS42NDcgMTAuMDEwOCAxMS43NTcgOS44MjcwMiAxMS44NzI1IDkuNjUzNDdDMTEuOTU1NCA5LjUzNzI1IDEyLjAzOTUgOS40MjQwMiAxMi4xMjUgOS4zMTM4QzEyLjIxMDQgOS4yMDM0NyAxMi4yOTcyIDkuMDkwMTkgMTIuMzg1MyA4Ljk3Mzk3QzEyLjQ3MzMgOS4wOTAxOSAxMi41NiA5LjIwMzQ3IDEyLjY0NTUgOS4zMTM4QzEyLjczMDkgOS40MjQwMiAxMi44MTUyIDkuNTM3MjUgMTIuODk4MiA5LjY1MzQ3QzEzLjAxMzUgOS44MjcwMiAxMy4xMjM1IDEwLjAxMDggMTMuMjI4MiAxMC4yMDQ4QzEzLjMzMjkgMTAuMzk4OCAxMy4zODUzIDEwLjU5NTQgMTMuMzg1MyAxMC43OTQ1QzEzLjM4NTMgMTEuMDc1NyAxMy4yODg5IDExLjMxMjcgMTMuMDk2MiAxMS41MDU1QzEyLjkwMzQgMTEuNjk4MSAxMi42NjY0IDExLjc5NDUgMTIuMzg1MyAxMS43OTQ1Wk0xLjMzMzk4IDE1Ljk5OTZWMTQuNjY2M0gxNC42NjczVjE1Ljk5OTZIMS4zMzM5OFoiIGZpbGw9IiMyRjNFNTIiLz4KPC9zdmc+Cg==");
}
:where(.rich-text-editor) .icon.table {
  background-color: #6c757d;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiPjxwYXRoIGQ9Ik0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJ6bTE1IDJoLTR2M2g0VjR6bTAgNGgtNHYzaDRWOHptMCA0aC00djNoM2ExIDEgMCAwIDAgMS0xdi0yem0tNSAzdi0zSDZ2M2g0em0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxaDN6bS00LTRoNFY4SDF2M3ptMC00aDRWNEgxdjN6bTUtM3YzaDRWNEg2em00IDRINnYzaDRWOHoiLz48L3N2Zz4=");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiPjxwYXRoIGQ9Ik0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJ6bTE1IDJoLTR2M2g0VjR6bTAgNGgtNHYzaDRWOHptMCA0aC00djNoM2ExIDEgMCAwIDAgMS0xdi0yem0tNSAzdi0zSDZ2M2g0em0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxaDN6bS00LTRoNFY4SDF2M3ptMC00aDRWNEgxdjN6bTUtM3YzaDRWNEg2em00IDRINnYzaDRWOHoiLz48L3N2Zz4=");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
:where(.rich-text-editor) i.image {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjgwMjMgMTguNjY1NEM2LjI5NjYyIDE4LjY2NTQgNS45NzYzNSAxOC41MzY5IDUuNzE5NCAxOC4yNzk5QzUuNDYyNDYgMTguMDIzIDUuMzMzOTggMTcuNzAyNyA1LjMzMzk4IDE3LjMxOTFWNi42NzgyOEM1LjMzMzk4IDYuMjk0NjcgNS40NjI0NiA1Ljk3NDM5IDUuNzE5NCA1LjcxNzQ1QzUuOTc2MzUgNS40NjA1IDYuMjk2NjIgNS4zMzIwMyA2LjY4MDIzIDUuMzMyMDNIMTcuMzIxMUMxNy43MDQ3IDUuMzMyMDMgMTguMDI1IDUuNDYwNSAxOC4yODE5IDUuNzE3NDVDMTguNTM4OCA1Ljk3NDM5IDE4LjY2NzMgNi4yOTQ2NyAxOC42NjczIDYuNjc4MjhWMTcuMzE5MUMxOC42NjczIDE3LjcwMjcgMTguNTM4OCAxOC4wMjMgMTguMjgxOSAxOC4yNzk5QzE4LjAyNSAxOC41MzY5IDE3LjcwNDcgMTguNjY1NCAxNy4zMjExIDE4LjY2NTRINi42ODAyM1pNNi42ODAyMyAxNy44MzJIMTcuMzIxMUMxNy40NDk0IDE3LjgzMiAxNy41NjcgMTcuNzc4NiAxNy42NzM4IDE3LjY3MThDMTcuNzgwNiAxNy41NjUgMTcuODM0IDE3LjQ0NzQgMTcuODM0IDE3LjMxOTFWNi42NzgyOEMxNy44MzQgNi41NDk5NSAxNy43ODA2IDYuNDMyMzggMTcuNjczOCA2LjMyNTU3QzE3LjU2NyA2LjIxODc3IDE3LjQ0OTQgNi4xNjUzNiAxNy4zMjExIDYuMTY1MzZINi42ODAyM0M2LjU1MTkgNi4xNjUzNiA2LjQzNDMzIDYuMjE4NzcgNi4zMjc1MyA2LjMyNTU3QzYuMjIwNzIgNi40MzIzOCA2LjE2NzMyIDYuNTQ5OTUgNi4xNjczMiA2LjY3ODI4VjE3LjMxOTFDNi4xNjczMiAxNy40NDc0IDYuMjIwNzIgMTcuNTY1IDYuMzI3NTMgMTcuNjcxOEM2LjQzNDMzIDE3Ljc3ODYgNi41NTE5IDE3LjgzMiA2LjY4MDIzIDE3LjgzMlpNOC4yNTA2NSAxNS43NDg3SDE1Ljg3ODhMMTMuNTIzMiAxMi42MDc3TDExLjM0MzYgMTUuMzY0MUw5Ljg4NTIzIDEzLjYwMTJMOC4yNTA2NSAxNS43NDg3Wk05LjA4Mzk4IDkuOTE1MzZDOS4zMTM3MSA5LjkxNTM2IDkuNTEwMDMgOS44MzM5MSA5LjY3Mjk0IDkuNjcwOTlDOS44MzU4NiA5LjUwODA3IDkuOTE3MzIgOS4zMTE3NSA5LjkxNzMyIDkuMDgyMDNDOS45MTczMiA4Ljg1MjMxIDkuODM1ODYgOC42NTU5OSA5LjY3Mjk0IDguNDkzMDdDOS41MTAwMyA4LjMzMDE2IDkuMzEzNzEgOC4yNDg3IDkuMDgzOTggOC4yNDg3QzguODU0MjYgOC4yNDg3IDguNjU3OTQgOC4zMzAxNiA4LjQ5NTAzIDguNDkzMDdDOC4zMzIxMSA4LjY1NTk5IDguMjUwNjUgOC44NTIzMSA4LjI1MDY1IDkuMDgyMDNDOC4yNTA2NSA5LjMxMTc1IDguMzMyMTEgOS41MDgwNyA4LjQ5NTAzIDkuNjcwOTlDOC42NTc5NCA5LjgzMzkxIDguODU0MjYgOS45MTUzNiA5LjA4Mzk4IDkuOTE1MzZaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) i.table {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiPjxwYXRoIGQ9Ik0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJ6bTE1IDJoLTR2M2g0VjR6bTAgNGgtNHYzaDRWOHptMCA0aC00djNoM2ExIDEgMCAwIDAgMS0xdi0yem0tNSAzdi0zSDZ2M2g0em0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxaDN6bS00LTRoNFY4SDF2M3ptMC00aDRWNEgxdjN6bTUtM3YzaDRWNEg2em00IDRINnYzaDRWOHoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0wIDI1NkMwIDExNC42IDExNC42IDAgMjU2IDBzMjU2IDExNC42IDI1NiAyNTYtMTE0LjYgMjU2LTI1NiAyNTZTMCAzOTcuNCAwIDI1NnptMTc1LTQ3LjkgNDcuMSA0N0wxNzUgMzAzYy05LjMgOS40LTkuMyAyNC42IDAgMzMuMSA5LjQgMTAuMiAyNC42IDEwLjIgMzMuMSAwbDQ3LTQ2LjIgNDcuOSA0Ni4yYzkuNCAxMC4yIDI0LjYgMTAuMiAzMy4xIDAgMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMWwtNDYuMi00Ny45IDQ2LjItNDdjMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMS04LjUtOS4zLTIzLjctOS4zLTMzLjEgMGwtNDcuOSA0Ny4xLTQ3LTQ3LjFjLTguNS05LjMtMjMuNy05LjMtMzMuMSAwLTkuMyA5LjQtOS4zIDI0LjYgMCAzMy4xeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.figma {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0xNCA5NS43OTJDMTQgNDIuODg4IDU2Ljg4OCAwIDEwOS43OTMgMGgxNjQuMzY4YzUyLjkwNSAwIDk1Ljc5MyA0Mi44ODggOTUuNzkzIDk1Ljc5MiAwIDMzLjUtMTcuMTk2IDYyLjk4NC00My4yNDMgODAuMTA1IDI2LjA0NyAxNy4xMjIgNDMuMjQzIDQ2LjYwNSA0My4yNDMgODAuMTA1IDAgNTIuOTA1LTQyLjg4OCA5NS43OTMtOTUuNzkzIDk1Ljc5M2gtMi4wOGMtMjQuODAyIDAtNDcuNDAzLTkuNDI2LTY0LjQxNS0yNC44OTF2ODguMjYzYzAgNTMuNjEtNDQuMDA5IDk2LjgzMy05Ny4zNTcgOTYuODMzQzU3LjUzNiA1MTIgMTQgNDY5LjI0MyAxNCA0MTYuMjA3YzAtMzMuNDk4IDE3LjE5NS02Mi45OCA0My4yNC04MC4xMDJDMzEuMTkzIDMxOC45ODMgMTQgMjg5LjUgMTQgMjU2LjAwMmMwLTMzLjUgMTcuMTk2LTYyLjk4MyA0My4yNDItODAuMTA1QzMxLjE5NyAxNTguNzc2IDE0IDEyOS4yOTIgMTQgOTUuNzkyWm0xNjIuMjg4IDk1Ljc5NWgtNjYuNDk1Yy0zNS41NzYgMC02NC40MTUgMjguODQtNjQuNDE1IDY0LjQxNSAwIDM1LjQzOCAyOC42MTcgNjQuMTkyIDY0LjAwMyA2NC40MTRsLjQxMi0uMDAxaDY2LjQ5NVYxOTEuNTg3Wm0zMS4zNzggNjQuNDE1YzAgMzUuNTc1IDI4LjgzOSA2NC40MTUgNjQuNDE1IDY0LjQxNWgyLjA4YzM1LjU3NiAwIDY0LjQxNS0yOC44NCA2NC40MTUtNjQuNDE1cy0yOC44MzktNjQuNDE1LTY0LjQxNS02NC40MTVoLTIuMDhjLTM1LjU3NiAwLTY0LjQxNSAyOC44NC02NC40MTUgNjQuNDE1Wm0tOTcuODczIDk1Ljc5My0uNDEyLS4wMDFjLTM1LjM4Ni4yMjEtNjQuMDAzIDI4Ljk3NS02NC4wMDMgNjQuNDEzIDAgMzUuNDQ1IDI5LjIyNSA2NC40MTUgNjQuOTMxIDY0LjQxNSAzNi4yODIgMCA2NS45NzktMjkuNDM2IDY1Ljk3OS02NS40NTV2LTYzLjM3MmgtNjYuNDk1Wm0wLTMyMC40MTdjLTM1LjU3NiAwLTY0LjQxNSAyOC44NC02NC40MTUgNjQuNDE0IDAgMzUuNTc2IDI4Ljg0IDY0LjQxNSA2NC40MTUgNjQuNDE1aDY2LjQ5NVYzMS4zNzdoLTY2LjQ5NVptOTcuODczIDEyOC44MjloNjYuNDk1YzM1LjU3NiAwIDY0LjQxNS0yOC44MzkgNjQuNDE1LTY0LjQxNSAwLTM1LjU3NS0yOC44MzktNjQuNDE0LTY0LjQxNS02NC40MTRoLTY2LjQ5NXYxMjguODI5WiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.poll {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODMzOTggMTIuOTIxOEwxNC4xNjQyIDcuNTkxNjFMMTMuNTc0NCA3LjAwMTgyTDguODMzOTggMTEuNzQyMkw2LjQ1ODk4IDkuMzY3MjRMNS44NjkxOSA5Ljk1NzAzTDguODMzOTggMTIuOTIxOFpNNC42ODAyMyAxNi42NjU0QzQuMjk2NjIgMTYuNjY1NCAzLjk3NjM1IDE2LjUzNjkgMy43MTk0IDE2LjI3OTlDMy40NjI0NiAxNi4wMjMgMy4zMzM5OCAxNS43MDI3IDMuMzMzOTggMTUuMzE5MVY0LjY3ODI4QzMuMzMzOTggNC4yOTQ2NyAzLjQ2MjQ2IDMuOTc0MzkgMy43MTk0IDMuNzE3NDVDMy45NzYzNSAzLjQ2MDUgNC4yOTY2MiAzLjMzMjAzIDQuNjgwMjMgMy4zMzIwM0gxNS4zMjExQzE1LjcwNDcgMy4zMzIwMyAxNi4wMjUgMy40NjA1IDE2LjI4MTkgMy43MTc0NUMxNi41Mzg4IDMuOTc0MzkgMTYuNjY3MyA0LjI5NDY3IDE2LjY2NzMgNC42NzgyOFYxNS4zMTkxQzE2LjY2NzMgMTUuNzAyNyAxNi41Mzg4IDE2LjAyMyAxNi4yODE5IDE2LjI3OTlDMTYuMDI1IDE2LjUzNjkgMTUuNzA0NyAxNi42NjU0IDE1LjMyMTEgMTYuNjY1NEg0LjY4MDIzWk00LjY4MDIzIDE1LjgzMkgxNS4zMjExQzE1LjQ0OTQgMTUuODMyIDE1LjU2NyAxNS43Nzg2IDE1LjY3MzggMTUuNjcxOEMxNS43ODA2IDE1LjU2NSAxNS44MzQgMTUuNDQ3NCAxNS44MzQgMTUuMzE5MVY0LjY3ODI4QzE1LjgzNCA0LjU0OTk1IDE1Ljc4MDYgNC40MzIzOCAxNS42NzM4IDQuMzI1NTdDMTUuNTY3IDQuMjE4NzcgMTUuNDQ5NCA0LjE2NTM2IDE1LjMyMTEgNC4xNjUzNkg0LjY4MDIzQzQuNTUxOSA0LjE2NTM2IDQuNDM0MzMgNC4yMTg3NyA0LjMyNzUzIDQuMzI1NTdDNC4yMjA3MiA0LjQzMjM4IDQuMTY3MzIgNC41NDk5NSA0LjE2NzMyIDQuNjc4MjhWMTUuMzE5MUM0LjE2NzMyIDE1LjQ0NzQgNC4yMjA3MiAxNS41NjUgNC4zMjc1MyAxNS42NzE4QzQuNDM0MzMgMTUuNzc4NiA0LjU1MTkgMTUuODMyIDQuNjgwMjMgMTUuODMyWiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) i.columns {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGF5b3V0LXRocmVlLWNvbHVtbnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMS41QTEuNSAxLjUgMCAwIDEgMS41IDBoMTNBMS41IDEuNSAwIDAgMSAxNiAxLjV2MTNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0xM0ExLjUgMS41IDAgMCAxIDAgMTQuNXYtMTN6TTEuNSAxYS41LjUgMCAwIDAtLjUuNXYxM2EuNS41IDAgMCAwIC41LjVINVYxSDEuNXpNMTAgMTVWMUg2djE0aDR6bTEgMGgzLjVhLjUuNSAwIDAgMCAuNS0uNXYtMTNhLjUuNSAwIDAgMC0uNS0uNUgxMXYxNHoiLz4KPC9zdmc+Cg==");
}
:where(.rich-text-editor) i.x {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNIDkuMzk4NDM4IDYuODc4OTA2IEwgMTQuODU5Mzc1IDAuNjY3OTY5IEwgMTMuNTYyNSAwLjY2Nzk2OSBMIDguODIwMzEyIDYuMDU4NTk0IEwgNS4wMzUxNTYgMC42Njc5NjkgTCAwLjY2Nzk2OSAwLjY2Nzk2OSBMIDYuMzk0NTMxIDguODIwMzEyIEwgMC42Njc5NjkgMTUuMzMyMDMxIEwgMS45NjA5MzggMTUuMzMyMDMxIEwgNi45NjQ4NDQgOS42MzY3MTkgTCAxMC45NjQ4NDQgMTUuMzMyMDMxIEwgMTUuMzMyMDMxIDE1LjMzMjAzMSBaIE0gNy42MjUgOC44OTA2MjUgTCA3LjA0Mjk2OSA4LjA3ODEyNSBMIDIuNDI1NzgxIDEuNjIxMDk0IEwgNC40MTQwNjIgMS42MjEwOTQgTCA4LjE0MDYyNSA2LjgzNTkzOCBMIDguNzE4NzUgNy42NDg0MzggTCAxMy41NjI1IDE0LjQyNTc4MSBMIDExLjU3NDIxOSAxNC40MjU3ODEgWiBNIDcuNjI1IDguODkwNjI1Ii8+PC9zdmc+");
}
:where(.rich-text-editor) i.youtube {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteW91dHViZSI+PHBhdGggZD0iTTguMDUxIDEuOTk5aC4wODljLjgyMi4wMDMgNC45ODcuMDMzIDYuMTEuMzM1YTIuMDEgMi4wMSAwIDAgMSAxLjQxNSAxLjQyYy4xMDEuMzguMTcyLjg4My4yMiAxLjQwMmwuMDEuMTA0LjAyMi4yNi4wMDguMTA0Yy4wNjUuOTE0LjA3MyAxLjc3LjA3NCAxLjk1N3YuMDc1Yy0uMDAxLjE5NC0uMDEgMS4xMDgtLjA4MiAyLjA2bC0uMDA4LjEwNS0uMDA5LjEwNGMtLjA1LjU3Mi0uMTI0IDEuMTQtLjIzNSAxLjU1OGEyLjAwNyAyLjAwNyAwIDAgMS0xLjQxNSAxLjQyYy0xLjE2LjMxMi01LjU2OS4zMzQtNi4xOC4zMzVoLS4xNDJjLS4zMDkgMC0xLjU4Ny0uMDA2LTIuOTI3LS4wNTJsLS4xNy0uMDA2LS4wODctLjAwNC0uMTcxLS4wMDctLjE3MS0uMDA3Yy0xLjExLS4wNDktMi4xNjctLjEyOC0yLjY1NC0uMjZhMi4wMDcgMi4wMDcgMCAwIDEtMS40MTUtMS40MTljLS4xMTEtLjQxNy0uMTg1LS45ODYtLjIzNS0xLjU1OEwuMDkgOS44MmwtLjAwOC0uMTA0QTMxLjQgMzEuNCAwIDAgMSAwIDcuNjh2LS4xMjNjLjAwMi0uMjE1LjAxLS45NTguMDY0LTEuNzc4bC4wMDctLjEwMy4wMDMtLjA1Mi4wMDgtLjEwNC4wMjItLjI2LjAxLS4xMDRjLjA0OC0uNTE5LjExOS0xLjAyMy4yMi0xLjQwMmEyLjAwNyAyLjAwNyAwIDAgMSAxLjQxNS0xLjQyYy40ODctLjEzIDEuNTQ0LS4yMSAyLjY1NC0uMjZsLjE3LS4wMDcuMTcyLS4wMDYuMDg2LS4wMDMuMTcxLS4wMDdBOTkuNzg4IDk5Ljc4OCAwIDAgMSA3Ljg1OCAyaC4xOTN6TTYuNCA1LjIwOXY0LjgxOGw0LjE1Ny0yLjQwOEw2LjQgNS4yMDl6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) i.undo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY5NjUxIDE3LjQ5M0M3LjY5NjUxIDE3LjY4MDMgNy44NDgyOSAxNy44MzIgOC4wMzU1MiAxNy44MzJMMTEuNzY0NiAxNy44MzJDMTQuMDExMyAxNy44MzIgMTUuODMyNyAxNi4wMTA3IDE1LjgzMjcgMTMuNzYzOUMxNS44MzI3IDExLjUxNzIgMTQuMDExMyA5LjY5NTg2IDExLjc2NDYgOS42OTU4Nkw1LjQ2Mzg4IDkuNjk1ODZMOC4yNzUyMyA2Ljg4NDUxTDcuNzk1OCA2LjQwNTA4TDQuMTY2MDEgMTAuMDM0OUw3Ljc5NTggMTMuNjY0N0w4LjI3NTIzIDEzLjE4NTJMNS40NjM4OCAxMC4zNzM5TDExLjc2NDYgMTAuMzczOUMxMy42MzY5IDEwLjM3MzkgMTUuMTU0NyAxMS44OTE3IDE1LjE1NDcgMTMuNzYzOUMxNS4xNTQ3IDE1LjYzNjIgMTMuNjM2OSAxNy4xNTQgMTEuNzY0NiAxNy4xNTRMOC4wMzU1MiAxNy4xNTRDNy44NDgyOSAxNy4xNTQgNy42OTY1MSAxNy4zMDU4IDcuNjk2NTEgMTcuNDkzWiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) i.redo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMDIyIDE3LjI1NTlDMTIuMzAyMiAxNy40NDMxIDEyLjE1MDQgMTcuNTk0OSAxMS45NjMyIDE3LjU5NDlIOC4yMzQxQzUuOTg3MzYgMTcuNTk0OSA0LjE2NjAyIDE1Ljc3MzYgNC4xNjYwMiAxMy41MjY4QzQuMTY2MDIgMTEuMjgwMSA1Ljk4NzM2IDkuNDU4NzUgOC4yMzQxIDkuNDU4NzVMMTQuNTM0OCA5LjQ1ODc1TDExLjcyMzUgNi42NDc0TDEyLjIwMjkgNi4xNjc5N0wxNS44MzI3IDkuNzk3NzZMMTIuMjAyOSAxMy40Mjc1TDExLjcyMzUgMTIuOTQ4MUwxNC41MzQ4IDEwLjEzNjhMOC4yMzQxIDEwLjEzNjhDNi4zNjE4MiAxMC4xMzY4IDQuODQ0MDMgMTEuNjU0NSA0Ljg0NDAzIDEzLjUyNjhDNC44NDQwMyAxNS4zOTkxIDYuMzYxODIgMTYuOTE2OSA4LjIzNDEgMTYuOTE2OUwxMS45NjMyIDE2LjkxNjlDMTIuMTUwNCAxNi45MTY5IDEyLjMwMjIgMTcuMDY4NyAxMi4zMDIyIDE3LjI1NTlaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) i.sticky {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2t5Ij48cGF0aCBkPSJNMi41IDFBMS41IDEuNSAwIDAgMCAxIDIuNXYxMUExLjUgMS41IDAgMCAwIDIuNSAxNWg2LjA4NmExLjUgMS41IDAgMCAwIDEuMDYtLjQ0bDQuOTE1LTQuOTE0QTEuNSAxLjUgMCAwIDAgMTUgOC41ODZWMi41QTEuNSAxLjUgMCAwIDAgMTMuNSAxaC0xMXpNMiAyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIC41LjVWOEg5LjVBMS41IDEuNSAwIDAgMCA4IDkuNVYxNEgyLjVhLjUuNSAwIDAgMS0uNS0uNXYtMTF6bTcgMTEuMjkzVjkuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzTDkgMTMuNzkzeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.mic {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWljIj48cGF0aCBkPSJNMy41IDYuNUEuNS41IDAgMCAxIDQgN3YxYTQgNCAwIDAgMCA4IDBWN2EuNS41IDAgMCAxIDEgMHYxYTUgNSAwIDAgMS00LjUgNC45NzVWMTVoM2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxIDAtMWgzdi0yLjAyNUE1IDUgMCAwIDEgMyA4VjdhLjUuNSAwIDAgMSAuNS0uNXoiLz48cGF0aCBkPSJNMTAgOGEyIDIgMCAxIDEtNCAwVjNhMiAyIDAgMSAxIDQgMHY1ek04IDBhMyAzIDAgMCAwLTMgM3Y1YTMgMyAwIDAgMCA2IDBWM2EzIDMgMCAwIDAtMy0zeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.import {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdXBsb2FkIj48cGF0aCBkPSJNLjUgOS45YS41LjUgMCAwIDEgLjUuNXYyLjVhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xdi0yLjVhLjUuNSAwIDAgMSAxIDB2Mi41YTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0ydi0yLjVhLjUuNSAwIDAgMSAuNS0uNXoiLz48cGF0aCBkPSJNNy42NDYgMS4xNDZhLjUuNSAwIDAgMSAuNzA4IDBsMyAzYS41LjUgMCAwIDEtLjcwOC43MDhMOC41IDIuNzA3VjExLjVhLjUuNSAwIDAgMS0xIDBWMi43MDdMNS4zNTQgNC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhsMy0zeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.export {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZG93bmxvYWQiPjxwYXRoIGQ9Ik0uNSA5LjlhLjUuNSAwIDAgMSAuNS41djIuNWExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF2LTIuNWEuNS41IDAgMCAxIDEgMHYyLjVhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ2LTIuNWEuNS41IDAgMCAxIC41LS41eiIvPjxwYXRoIGQ9Ik03LjY0NiAxMS44NTRhLjUuNSAwIDAgMCAuNzA4IDBsMy0zYS41LjUgMCAwIDAtLjcwOC0uNzA4TDguNSAxMC4yOTNWMS41YS41LjUgMCAwIDAtMSAwdjguNzkzTDUuMzU0IDguMTQ2YS41LjUgMCAxIDAtLjcwOC43MDhsMyAzeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.share {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2VuZCI+PHBhdGggZD0iTTE1Ljg1NC4xNDZhLjUuNSAwIDAgMSAuMTEuNTRsLTUuODE5IDE0LjU0N2EuNzUuNzUgMCAwIDEtMS4zMjkuMTI0bC0zLjE3OC00Ljk5NUwuNjQzIDcuMTg0YS43NS43NSAwIDAgMSAuMTI0LTEuMzNMMTUuMzE0LjAzN2EuNS41IDAgMCAxIC41NC4xMVpNNi42MzYgMTAuMDdsMi43NjEgNC4zMzhMMTQuMTMgMi41NzYgNi42MzYgMTAuMDdabTYuNzg3LTguMjAxTDEuNTkxIDYuNjAybDQuMzM5IDIuNzYgNy40OTQtNy40OTNaIi8+PC9zdmc+");
}
:where(.rich-text-editor) i.diagram-2 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGlhZ3JhbS0yIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDMuNUExLjUgMS41IDAgMCAxIDcuNSAyaDFBMS41IDEuNSAwIDAgMSAxMCAzLjV2MUExLjUgMS41IDAgMCAxIDguNSA2djFIMTFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0xIDBWOGgtNXYuNWEuNS41IDAgMCAxLTEgMHYtMUEuNS41IDAgMCAxIDUgN2gyLjVWNkExLjUgMS41IDAgMCAxIDYgNC41di0xek04LjUgNWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjVoLTFhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDF6TTMgMTEuNUExLjUgMS41IDAgMCAxIDQuNSAxMGgxQTEuNSAxLjUgMCAwIDEgNyAxMS41djFBMS41IDEuNSAwIDAgMSA1LjUgMTRoLTFBMS41IDEuNSAwIDAgMSAzIDEyLjV2LTF6bTEuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjVoLTF6bTQuNS41YTEuNSAxLjUgMCAwIDEgMS41LTEuNWgxYTEuNSAxLjUgMCAwIDEgMS41IDEuNXYxYTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtMUExLjUgMS41IDAgMCAxIDkgMTIuNXYtMXptMS41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNWgtMXoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.user {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0yNTYgMEMxMTQuNiAwIDAgMTE0LjYgMCAyNTZzMTE0LjYgMjU2IDI1NiAyNTYgMjU2LTExNC42IDI1Ni0yNTZTMzk3LjQgMCAyNTYgMHptMCAxMjhjMzkuNzcgMCA3MiAzMi4yNCA3MiA3MnMtMzIuMiA3Mi03MiA3MmMtMzkuNzYgMC03Mi0zMi4yNC03Mi03MnMzMi4yLTcyIDcyLTcyem0wIDMyMGMtNTIuOTMgMC0xMDAuOS0yMS41My0xMzUuNy01Ni4yOUMxMzYuNSAzNDkuOSAxNzYuNSAzMjAgMjI0IDMyMGg2NGM0Ny41NCAwIDg3LjU0IDI5Ljg4IDEwMy43IDcxLjcxQzM1Ni45IDQyNi41IDMwOC45IDQ0OCAyNTYgNDQ4eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.equation {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cy1zbGFzaC1taW51cyI+PHBhdGggZD0ibTEuODU0IDE0Ljg1NCAxMy0xM2EuNS41IDAgMCAwLS43MDgtLjcwOGwtMTMgMTNhLjUuNSAwIDAgMCAuNzA4LjcwOFpNNCAxYS41LjUgMCAwIDEgLjUuNXYyaDJhLjUuNSAwIDAgMSAwIDFoLTJ2MmEuNS41IDAgMCAxLTEgMHYtMmgtMmEuNS41IDAgMCAxIDAtMWgydi0yQS41LjUgMCAwIDEgNCAxWm01IDExYS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNUEuNS41IDAgMCAxIDkgMTJaIi8+PC9zdmc+");
}
:where(.rich-text-editor) i.gif {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZXR5cGUtZ2lmIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCA0LjVWMTRhMiAyIDAgMCAxLTIgMkg5di0xaDNhMSAxIDAgMCAwIDEtMVY0LjVoLTJBMS41IDEuNSAwIDAgMSA5LjUgM1YxSDRhMSAxIDAgMCAwLTEgMXY5SDJWMmEyIDIgMCAwIDEgMi0yaDUuNUwxNCA0LjVaTTMuMjc4IDEzLjEyNGExLjQwMyAxLjQwMyAwIDAgMC0uMTQtLjQ5MiAxLjMxNyAxLjMxNyAwIDAgMC0uMzE0LS40MDcgMS40NDcgMS40NDcgMCAwIDAtLjQ4LS4yNzUgMS44OCAxLjg4IDAgMCAwLS42MzYtLjFjLS4zNjEgMC0uNjcuMDc2LS45MjYuMjI5YTEuNDggMS40OCAwIDAgMC0uNTgzLjYzMiAyLjEzNiAyLjEzNiAwIDAgMC0uMTk5Ljk1di41MDZjMCAuMjcyLjAzNS41Mi4xMDUuNzQ1LjA3LjIyNC4xNzcuNDE3LjMyLjU4LjE0Mi4xNjIuMzIuMjg4LjUzMy4zNzcuMjE1LjA4OC40NjYuMTMyLjc1My4xMzIuMjY4IDAgLjUtLjAzNy42OTctLjExMWExLjI5IDEuMjkgMCAwIDAgLjc4OC0uNzdjLjA2NS0uMTc0LjA5Ny0uMzU4LjA5Ny0uNTUxdi0uNzk3SDEuNzE3di41ODloLjgyM3YuMjU1YzAgLjEzMi0uMDMuMjU0LS4wOS4zNjNhLjY3LjY3IDAgMCAxLS4yNzMuMjY0Ljk2Ny45NjcgMCAwIDEtLjQ1Ny4wOTYuODcuODcgMCAwIDEtLjUxOS0uMTQ2Ljg4MS44ODEgMCAwIDEtLjMwNS0uNDEzIDEuNzg1IDEuNzg1IDAgMCAxLS4wOTYtLjYxNXYtLjQ5OWMwLS4zNjUuMDc4LS42NDguMjM0LS44NS4xNTgtLjIuMzgtLjMwMS42NjUtLjMwMWEuOTYuOTYgMCAwIDEgLjMuMDQ0Yy4wOS4wMy4xNy4wNzEuMjM2LjEyNmEuNjg5LjY4OSAwIDAgMSAuMTcuMTkuNzk3Ljc5NyAwIDAgMSAuMDk3LjI1aC43NzZabTEuMzUzIDIuODAxdi0zLjk5OUgzLjg0djRoLjc5Wm0xLjQ5My0xLjU5djEuNTloLS43OTF2LTMuOTk5SDcuODh2LjY1M0g2LjEyNHYxLjExN2gxLjYwNXYuNjM4SDYuMTI0WiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.copy {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGQ9Ik03MTAgMTBIMzYwYy0zOC42IDAtNzAgMzEuNC03MCA3MHY2MzBjMCAzOC42IDMxLjQgNzAgNzAgNzBoNDkwYzM4LjYgMCA3MC0zMS40IDcwLTcwVjIyMEw3MTAgMTB6bTAgOTkgMTExIDExMUg3MTBWMTA5em0xNDAgNjAxSDM2MFY4MGgyODB2MjEwaDIxMHY0MjB6Ii8+PHBhdGggZD0iTTQzMCAzNjBoMzUwdjcwSDQzMHYtNzB6bTAgMTQwaDM1MHY3MEg0MzB2LTcweiIvPjxwYXRoIGQ9Ik02NDAgOTIwSDE1MFYyOTBoNzB2LTcwaC03MGMtMzguNiAwLTcwIDMxLjQtNzAgNzB2NjMwYzAgMzguNiAzMS40IDcwIDcwIDcwaDQ5MGMzOC42IDAgNzAtMzEuNCA3MC03MHYtNzBoLTcwdjcweiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiMyNWFlODgiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0zOCAxNSAyMiAzM2wtMTAtOCIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.prettier {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNTcxIDIzLjQyOUEuNTcxLjU3MSAwIDAgMSA4IDI0SDIuMjg2YS41NzEuNTcxIDAgMCAxIDAtMS4xNDNIOGMuMzE2IDAgLjU3MS4yNTYuNTcxLjU3MnpNOCAyMC41N0g2Ljg1N2EuNTcxLjU3MSAwIDAgMCAwIDEuMTQzSDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3ptLTUuNzE0IDEuMTQzSDQuNTdhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzek04IDE4LjI4NkgyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzSDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNMTYgMTZINS43MTRhLjU3MS41NzEgMCAwIDAgMCAxLjE0M0gxNkEuNTcxLjU3MSAwIDAgMCAxNiAxNnpNMi4yODYgMTcuMTQzaDEuMTQzYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIMi4yODZhLjU3MS41NzEgMCAwIDAgMCAxLjE0M3ptMTcuMTQzLTMuNDI5SDE2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDNoMy40MjlhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNOS4xNDMgMTQuODU3aDQuNTcxYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIOS4xNDNhLjU3MS41NzEgMCAwIDAgMCAxLjE0M3ptLTYuODU3IDBoNC41NzFhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzek0yMC41NyAxMS40M2gtOS4xNGEuNTcxLjU3MSAwIDAgMCAwIDEuMTQyaDkuMTQyYS41NzEuNTcxIDAgMCAwIDAtMS4xNDJ6TTkuNzE0IDEyYS41NzEuNTcxIDAgMCAwLS41NzEtLjU3MUg1LjcxNGEuNTcxLjU3MSAwIDAgMCAwIDEuMTQyaDMuNDI5QS41NzEuNTcxIDAgMCAwIDkuNzE0IDEyem0tNy40MjguNTcxaDEuMTQzYS41NzEuNTcxIDAgMCAwIDAtMS4xNDJIMi4yODZhLjU3MS41NzEgMCAwIDAgMCAxLjE0MnptMTkuNDI4LTMuNDI4SDE2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDNoNS43MTRhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNMi4yODYgMTAuMjg2SDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzem0xMy4xNDMtMi44NTdBLjU3LjU3IDAgMCAwIDE2IDhoNS43MTRhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gxNmEuNTcxLjU3MSAwIDAgMC0uNTcxLjU3MnptLTguNTcyLS41NzJhLjU3MS41NzEgMCAwIDAgMCAxLjE0M0g4YS41NzEuNTcxIDAgMCAwIDAtMS4xNDNINi44NTd6TTIuMjg2IDhINC41N2EuNTcxLjU3MSAwIDAgMCAwLTEuMTQzSDIuMjg2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTE2LjU3MS0yLjg1N2MwIC4zMTUuMjU2LjU3MS41NzIuNTcxaDEuMTQyYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIMTkuNDNhLjU3MS41NzEgMCAwIDAtLjU3Mi41NzJ6bS0xLjE0MyAwYS41NzEuNTcxIDAgMCAwLS41NzEtLjU3MkgxMi41N2EuNTcxLjU3MSAwIDAgMCAwIDEuMTQzaDQuNTcyYS41NzEuNTcxIDAgMCAwIC41NzEtLjU3MXptLTE1LjQyOC41NzFoOGEuNTcxLjU3MSAwIDAgMCAwLTEuMTQzaC04YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTUuMTQzLTIuODU3YzAgLjMxNi4yNTUuNTcyLjU3MS41NzJoMTEuNDI5YS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIOGEuNTcxLjU3MSAwIDAgMC0uNTcxLjU3MXptLTUuMTQzLjU3MmgzLjQyOGEuNTcxLjU3MSAwIDAgMCAwLTEuMTQzSDIuMjg2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTAtMi4yODZIMTZBLjU3MS41NzEgMCAwIDAgMTYgMEgyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.prettier-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iY29sb3I6cmVkIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNTcxIDIzLjQyOUEuNTcxLjU3MSAwIDAgMSA4IDI0SDIuMjg2YS41NzEuNTcxIDAgMCAxIDAtMS4xNDNIOGMuMzE2IDAgLjU3MS4yNTYuNTcxLjU3MnpNOCAyMC41N0g2Ljg1N2EuNTcxLjU3MSAwIDAgMCAwIDEuMTQzSDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3ptLTUuNzE0IDEuMTQzSDQuNTdhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzek04IDE4LjI4NkgyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzSDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNMTYgMTZINS43MTRhLjU3MS41NzEgMCAwIDAgMCAxLjE0M0gxNkEuNTcxLjU3MSAwIDAgMCAxNiAxNnpNMi4yODYgMTcuMTQzaDEuMTQzYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIMi4yODZhLjU3MS41NzEgMCAwIDAgMCAxLjE0M3ptMTcuMTQzLTMuNDI5SDE2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDNoMy40MjlhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNOS4xNDMgMTQuODU3aDQuNTcxYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIOS4xNDNhLjU3MS41NzEgMCAwIDAgMCAxLjE0M3ptLTYuODU3IDBoNC41NzFhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzek0yMC41NyAxMS40M2gtOS4xNGEuNTcxLjU3MSAwIDAgMCAwIDEuMTQyaDkuMTQyYS41NzEuNTcxIDAgMCAwIDAtMS4xNDJ6TTkuNzE0IDEyYS41NzEuNTcxIDAgMCAwLS41NzEtLjU3MUg1LjcxNGEuNTcxLjU3MSAwIDAgMCAwIDEuMTQyaDMuNDI5QS41NzEuNTcxIDAgMCAwIDkuNzE0IDEyem0tNy40MjguNTcxaDEuMTQzYS41NzEuNTcxIDAgMCAwIDAtMS4xNDJIMi4yODZhLjU3MS41NzEgMCAwIDAgMCAxLjE0MnptMTkuNDI4LTMuNDI4SDE2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDNoNS43MTRhLjU3MS41NzEgMCAwIDAgMC0xLjE0M3pNMi4yODYgMTAuMjg2SDhhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzem0xMy4xNDMtMi44NTdBLjU3LjU3IDAgMCAwIDE2IDhoNS43MTRhLjU3MS41NzEgMCAwIDAgMC0xLjE0M0gxNmEuNTcxLjU3MSAwIDAgMC0uNTcxLjU3MnptLTguNTcyLS41NzJhLjU3MS41NzEgMCAwIDAgMCAxLjE0M0g4YS41NzEuNTcxIDAgMCAwIDAtMS4xNDNINi44NTd6TTIuMjg2IDhINC41N2EuNTcxLjU3MSAwIDAgMCAwLTEuMTQzSDIuMjg2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTE2LjU3MS0yLjg1N2MwIC4zMTUuMjU2LjU3MS41NzIuNTcxaDEuMTQyYS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIMTkuNDNhLjU3MS41NzEgMCAwIDAtLjU3Mi41NzJ6bS0xLjE0MyAwYS41NzEuNTcxIDAgMCAwLS41NzEtLjU3MkgxMi41N2EuNTcxLjU3MSAwIDAgMCAwIDEuMTQzaDQuNTcyYS41NzEuNTcxIDAgMCAwIC41NzEtLjU3MXptLTE1LjQyOC41NzFoOGEuNTcxLjU3MSAwIDAgMCAwLTEuMTQzaC04YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTUuMTQzLTIuODU3YzAgLjMxNi4yNTUuNTcyLjU3MS41NzJoMTEuNDI5YS41NzEuNTcxIDAgMCAwIDAtMS4xNDNIOGEuNTcxLjU3MSAwIDAgMC0uNTcxLjU3MXptLTUuMTQzLjU3MmgzLjQyOGEuNTcxLjU3MSAwIDAgMCAwLTEuMTQzSDIuMjg2YS41NzEuNTcxIDAgMCAwIDAgMS4xNDN6bTAtMi4yODZIMTZBLjU3MS41NzEgMCAwIDAgMTYgMEgyLjI4NmEuNTcxLjU3MSAwIDAgMCAwIDEuMTQzeiIgZmlsbD0icmVkIi8+PC9zdmc+");
}
:where(.rich-text-editor) i.page-break,
:where(.rich-text-editor) .icon.page-break {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2Npc3NvcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEsIDAsIDAsIDEsIDAsIDApcm90YXRlKDI3MCkiPgogIDxwYXRoIGQ9Ik0zLjUgMy41Yy0uNjE0LS44ODQtLjA3NC0xLjk2Mi44NTgtMi41TDggNy4yMjYgMTEuNjQyIDFjLjkzMi41MzggMS40NzIgMS42MTYuODU4IDIuNUw4LjgxIDguNjFsMS41NTYgMi42NjFhMi41IDIuNSAwIDEgMS0uNzk0LjYzN0w4IDkuNzNsLTEuNTcyIDIuMTc3YTIuNSAyLjUgMCAxIDEtLjc5NC0uNjM3TDcuMTkgOC42MSAzLjUgMy41em0yLjUgMTBhMS41IDEuNSAwIDEgMC0zIDAgMS41IDEuNSAwIDAgMCAzIDB6bTcgMGExLjUgMS41IDAgMSAwLTMgMCAxLjUgMS41IDAgMCAwIDMgMHoiLz4KPC9zdmc+");
}
:where(.rich-text-editor) i.more-vt {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA3IDEwLjUgQyA3IDkuOTQ5MjE5IDcuNDQ5MjE5IDkuNSA4IDkuNSBDIDguNTUwNzgxIDkuNSA5IDkuOTQ5MjE5IDkgMTAuNSBDIDkgMTEuMDUwNzgxIDguNTUwNzgxIDExLjUgOCAxMS41IEMgNy40NDkyMTkgMTEuNSA3IDExLjA1MDc4MSA3IDEwLjUgWiBNIDggNiBDIDcuNDQ5MjE5IDYgNyA2LjQ0OTIxOSA3IDcgQyA3IDcuNTUwNzgxIDcuNDQ5MjE5IDggOCA4IEMgOC41NTA3ODEgOCA5IDcuNTUwNzgxIDkgNyBDIDkgNi40NDkyMTkgOC41NTA3ODEgNiA4IDYgWiBNIDggMi41IEMgNy40NDkyMTkgMi41IDcgMi45NDkyMTkgNyAzLjUgQyA3IDQuMDUwNzgxIDcuNDQ5MjE5IDQuNSA4IDQuNSBDIDguNTUwNzgxIDQuNSA5IDQuMDUwNzgxIDkgMy41IEMgOSAyLjk0OTIxOSA4LjU1MDc4MSAyLjUgOCAyLjUgWiBNIDggMi41ICIvPgo8L2c+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) .link-editor .button.active,
:where(.rich-text-editor) .toolbar .button.active {
  background-color: rgb(223, 232, 250);
}
:where(.rich-text-editor) .link-editor .link-input {
  display: block;
  width: calc(100% - 60px);
  box-sizing: border-box;
  margin: 4px;
  padding: 8px;
  border-radius: 4px;
  background-color: #eee;
  font-size: var(--typography-size-body2);
  border: 0;
  outline: 0;
  position: relative;
}
:where(.rich-text-editor) .link-editor .link-view {
  display: block;
  width: calc(100% - 8px);
  margin: 4px;
  padding: 5.5px 8px;
  font-size: var(--typography-size-body2);
  border: 0;
  outline: 0;
  position: relative;
}
:where(.rich-text-editor) .link-editor .link-view a {
  display: block;
  width: calc(100% - 40px);
}
:where(.rich-text-editor) .link-editor div.link-edit {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVuY2lsLWZpbGwiPjxwYXRoIGQ9Ik0xMi44NTQuMTQ2YS41LjUgMCAwIDAtLjcwNyAwTDEwLjUgMS43OTMgMTQuMjA3IDUuNWwxLjY0Ny0xLjY0NmEuNS41IDAgMCAwIDAtLjcwOGwtMy0zem0uNjQ2IDYuMDYxTDkuNzkzIDIuNSAzLjI5MyA5SDMuNWEuNS41IDAgMCAxIC41LjV2LjVoLjVhLjUuNSAwIDAgMSAuNS41di41aC41YS41LjUgMCAwIDEgLjUuNXYuNWguNWEuNS41IDAgMCAxIC41LjV2LjIwN2w2LjUtNi41em0tNy40NjggNy40NjhBLjUuNSAwIDAgMSA2IDEzLjVWMTNoLS41YS41LjUgMCAwIDEtLjUtLjVWMTJoLS41YS41LjUgMCAwIDEtLjUtLjVWMTFoLS41YS41LjUgMCAwIDEtLjUtLjVWMTBoLS41YS40OTkuNDk5IDAgMCAxLS4xNzUtLjAzMmwtLjE3OS4xNzhhLjUuNSAwIDAgMC0uMTEuMTY4bC0yIDVhLjUuNSAwIDAgMCAuNjUuNjVsNS0yYS41LjUgMCAwIDAgLjE2OC0uMTFsLjE3OC0uMTc4eiIvPjwvc3ZnPg==");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  vertical-align: -0.25em;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.7;
}
:where(.rich-text-editor) .link-editor div.link-edit:hover {
  opacity: 1;
}
:where(.rich-text-editor) .link-editor div.link-trash {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHJhc2giPjxwYXRoIGQ9Ik01LjUgNS41QS41LjUgMCAwIDEgNiA2djZhLjUuNSAwIDAgMS0xIDBWNmEuNS41IDAgMCAxIC41LS41em0yLjUgMGEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLTEgMFY2YS41LjUgMCAwIDEgLjUtLjV6bTMgLjVhLjUuNSAwIDAgMC0xIDB2NmEuNS41IDAgMCAwIDEgMFY2eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjUgM2ExIDEgMCAwIDEtMSAxSDEzdjlhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWNGgtLjVhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTFINmExIDEgMCAwIDEgMS0xaDJhMSAxIDAgMCAxIDEgMWgzLjVhMSAxIDAgMCAxIDEgMXYxek00LjExOCA0IDQgNC4wNTlWMTNhMSAxIDAgMCAwIDEgMWg2YTEgMSAwIDAgMCAxLTFWNC4wNTlMMTEuODgyIDRINC4xMTh6TTIuNSAzVjJoMTF2MWgtMTF6Ii8+PC9zdmc+");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.7;
}
:where(.rich-text-editor) .link-editor div.link-trash:hover {
  opacity: 1;
}
:where(.rich-text-editor) .link-editor div.link-cancel {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0wIDI1NkMwIDExNC42IDExNC42IDAgMjU2IDBzMjU2IDExNC42IDI1NiAyNTYtMTE0LjYgMjU2LTI1NiAyNTZTMCAzOTcuNCAwIDI1NnptMTc1LTQ3LjkgNDcuMSA0N0wxNzUgMzAzYy05LjMgOS40LTkuMyAyNC42IDAgMzMuMSA5LjQgMTAuMiAyNC42IDEwLjIgMzMuMSAwbDQ3LTQ2LjIgNDcuOSA0Ni4yYzkuNCAxMC4yIDI0LjYgMTAuMiAzMy4xIDAgMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMWwtNDYuMi00Ny45IDQ2LjItNDdjMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMS04LjUtOS4zLTIzLjctOS4zLTMzLjEgMGwtNDcuOSA0Ny4xLTQ3LTQ3LjFjLTguNS05LjMtMjMuNy05LjMtMzMuMSAwLTkuMyA5LjQtOS4zIDI0LjYgMCAzMy4xeiIvPjwvc3ZnPg==");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  vertical-align: -0.25em;
  margin-right: 30px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.7;
}
:where(.rich-text-editor) .link-editor div.link-cancel:hover {
  opacity: 1;
}
:where(.rich-text-editor) .link-editor .link-confirm {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiM1RENEQjUiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0zOCAxNSAyMiAzM2wtMTAtOCIvPjwvc3ZnPg0K");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  vertical-align: -0.25em;
  margin-right: 4px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  border: none;
  background-color: transparent;
}
:where(.rich-text-editor) .link-editor .link-confirm:hover {
  opacity: 1;
}
:where(.rich-text-editor) .link-editor .link-confirm:disabled {
  cursor: default;
  filter: grayscale(1);
}
:where(.rich-text-editor) .link-editor .link-input a {
  color: rgb(33, 111, 219);
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}
:where(.rich-text-editor) .link-editor .link-input a:hover {
  text-decoration: underline;
}
:where(.rich-text-editor) .link-editor .font-size-wrapper,
:where(.rich-text-editor) .link-editor .font-family-wrapper {
  display: flex;
  margin: 0 4px;
}
:where(.rich-text-editor) .link-editor select {
  padding: 6px;
  border: none;
  background-color: rgba(0, 0, 0, 0.075);
  border-radius: 4px;
}
:where(.rich-text-editor) .mention:focus {
  box-shadow: rgb(180, 213, 255) 0px 0px 0px 2px;
  outline: none;
}
:where(.rich-text-editor) .characters-limit {
  display: none;
  color: #888;
  font-size: var(--typography-size-body2);
  text-align: right;
  position: absolute;
  left: 12px;
  bottom: 5px;
}
:where(.rich-text-editor) .characters-limit.characters-limit-exceeded {
  color: red;
}
:where(.rich-text-editor) .switches {
  z-index: 6;
  position: fixed;
  left: 10px;
  bottom: 70px;
  animation: slide-in 0.4s ease;
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
:where(.rich-text-editor) .switch {
  display: block;
  color: #444;
  margin: 5px 0;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 5px 10px;
  border-radius: 10px;
}
:where(.rich-text-editor) #rich-text-switch {
  right: 0;
}
:where(.rich-text-editor) #character-count-switch {
  right: 130px;
}
:where(.rich-text-editor) .switch label {
  margin-right: 5px;
  line-height: 24px;
  width: 100px;
  font-size: var(--typography-size-body2);
  display: inline-block;
  vertical-align: middle;
}
:where(.rich-text-editor) .switch button {
  background-color: rgb(206, 208, 212);
  height: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background-color 0.1s;
  border: 2px solid transparent;
}
:where(.rich-text-editor) .switch button:focus-visible {
  border-color: blue;
}
:where(.rich-text-editor) .switch button span {
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background-color: var(--color-bg-inverse);
  transition: transform 0.2s;
}
:where(.rich-text-editor) .switch button[aria-checked=true] {
  background-color: rgb(24, 119, 242);
}
:where(.rich-text-editor) .switch button[aria-checked=true] span {
  transform: translateX(20px);
}
:where(.rich-text-editor) .editor-shell span.editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .editor-shell .editor-image img {
  max-width: 100%;
  cursor: default;
}
:where(.rich-text-editor) .editor-shell .editor-image img.focused {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .editor-shell .editor-image img.focused.draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
:where(.rich-text-editor) .editor-shell .editor-image img.focused.draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-container {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  display: block;
  position: absolute;
  bottom: 7px;
  left: 7px;
  right: 7px;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-container::-webkit-scrollbar-button {
  display: none;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-button {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 20%;
  padding: 5px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25);
  min-width: 100px;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 11px;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-caption-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}
:where(.rich-text-editor) .editor-shell .editor-image .image-edit-button {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVuY2lsLWZpbGwiPjxwYXRoIGQ9Ik0xMi44NTQuMTQ2YS41LjUgMCAwIDAtLjcwNyAwTDEwLjUgMS43OTMgMTQuMjA3IDUuNWwxLjY0Ny0xLjY0NmEuNS41IDAgMCAwIDAtLjcwOGwtMy0zem0uNjQ2IDYuMDYxTDkuNzkzIDIuNSAzLjI5MyA5SDMuNWEuNS41IDAgMCAxIC41LjV2LjVoLjVhLjUuNSAwIDAgMSAuNS41di41aC41YS41LjUgMCAwIDEgLjUuNXYuNWguNWEuNS41IDAgMCAxIC41LjV2LjIwN2w2LjUtNi41em0tNy40NjggNy40NjhBLjUuNSAwIDAgMSA2IDEzLjVWMTNoLS41YS41LjUgMCAwIDEtLjUtLjVWMTJoLS41YS41LjUgMCAwIDEtLjUtLjVWMTFoLS41YS41LjUgMCAwIDEtLjUtLjVWMTBoLS41YS40OTkuNDk5IDAgMCAxLS4xNzUtLjAzMmwtLjE3OS4xNzhhLjUuNSAwIDAgMC0uMTEuMTY4bC0yIDVhLjUuNSAwIDAgMCAuNjUuNjVsNS0yYS41LjUgMCAwIDAgLjE2OC0uMTFsLjE3OC0uMTc4eiIvPjwvc3ZnPg==");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.1);
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: var(--color-icon-positive-default);
  border: 1px solid #fff;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-ne {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-e {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-se {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-s {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-sw {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-w {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}
:where(.rich-text-editor) .editor-shell .editor-image .image-resizer.image-resizer-nw {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
:where(.rich-text-editor) .editor-shell span.inline-editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 1;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image img {
  max-width: 100%;
  cursor: default;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image img.focused.draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image img.focused.draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image .image-caption-container .tree-view-output {
  margin: 0;
  border-radius: 0;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image.position-full {
  margin: 1em 0 1em 0;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image.position-left {
  float: left;
  width: 50%;
  margin: 1em 1em 0 0;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image.position-right {
  float: right;
  width: 50%;
  margin: 1em 0 0 1em;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image .image-edit-button {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 8px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 60px;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .editor-shell .inline-editor-image .image-edit-button:hover {
  background-color: rgba(60, 132, 244, 0.5);
}
:where(.rich-text-editor) .editor-shell .inline-editor-image .image-caption-container {
  display: block;
  background-color: #f4f4f4;
  min-width: 100%;
  color: #000;
  overflow: hidden;
}
:where(.rich-text-editor) .emoji {
  color: transparent;
  caret-color: rgb(5, 5, 5);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}
:where(.rich-text-editor) .emoji-inner {
  padding: 0 0.15em;
}
:where(.rich-text-editor) .emoji-inner::selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
:where(.rich-text-editor) .emoji-inner::moz-selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}
:where(.rich-text-editor) .emoji.happysmile {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACE1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAB2bRQBAQD25CoaGAT15CqFfBdIQwwZFwTSwyTTxCStoR4KCQKGfRfz4in04yoMCwJHQgxRSw5STA7r2ijj0yeDehammhylmRwjIAYiHwbv3ikYFgR1bBQbGQV3bhRlXhGXjBpOSA355yrq2SjVxiTn1yewox776SvMvSM/OwtzahQODQJcVRACAgALCgKonB1FQAxEPwynmxxTTQ5GQQzs2yjQwSPOvyPNviNUTg62qR8kIQZPSQ3PwCO5rCB+dRW6rSDu3Sm3qh9YUg8lIgaBeBaUihmqnh2rnx3p2SiQhhmvoh4HBgHo2CgIBwHk1CeRhxlQSg6xpB6CeRZJRAySiBlXUQ9WUA/w3ynt3ChaVA+Vixl180CkAAAAU3RSTlMABfwYE47z9P75uJBWWWtt8e746+zt2djatrUWjcvIxxVs9Y8bjHcZZ/IaUHPQJ83OJHVPYPvcVdtuF1gUycoSTczxz2TzI3YEJiVodCgGTmVTUqncTiEAAALWSURBVFjD7ZfVWxtBFMUhJNkI2lIoBYoVLVaou7vvyQQIwZPgVJC2uLtDsbp7+ycWHtjsJuzsJF/7tQ85T7N3d377jdw7Z/z8fPLJp3+vgCCjISJMrw+LMBiPHfWWcvxILCQ6kaD2ArMnKRGoshS1l1SbzdUlr4psVQCnyfAQ45/CgVgGKnmRKoctBNwlf0842VnA1DjvpjkHcO4KO+eOFiuL/Jaan8GFvayc/Qfg+MHLqGkZqmtsnDSQBZ6icoIQFs5dFfnFU7VGVAyj2xeKIl5Bq9DeUOLczMJPXlHfkKu0C1Kw8l0Z9LQBeQr7mcMiz6AlaFOpoCSM8EyyI4bGUSeScTbQBOFoGRyCzzyjbAimgGIxsPmh+X5xgcks7iqN1GE3pY7pqoR8N21UIJMYJI1U9OuiZUFBsAjdije63RODXCKDCJQFGUWbumCj2wMxyCVSC40syICP0oE8dBuaM1KKXbKgg3jsnFpTgetkSyMl2CkL2oFHPLOeYLssSA8zO6gQ2/4+6I8N7bBoshVFm2wD2tlBtOU3KldZnmlDBsHGDhrCIaakVVJFmS5ePv1PYlj4sqNwiyXvEJr1iKMWNmf69/Z0v5Niarp7eoWHUWphU3NkTshRgrf2urHNx+r6D69BhHI0SS+1fho4hH92OvrW072htdlkam5tXG/2jXQKL2eRTD1FMrSYF43lZVfZpl3r73pf43wzjfQA+sGWh5km8by0WZ+1lJe3PLe2SQ7IRmQqWbVcLCuv/RRy/BlMxKoSZwHabGU7kq8ia3TOF6husRik2y7HkJvRgu48s/Wzj8lav69QpbGayPxQNCxtzZluxNnT7Lb2ag5gn3DHTM4CZy56ZNiva0FsdRWSfK8fJUjPvOyh90/VcEDZYG2p9YW58I219NPQ+ibnkgO8uI2oE3brxHcaXVzwKW8vSNGBmqjIcL0+PDIqJjDed+30yaf/QL8BILNaoYqaEPoAAAAASUVORK5CYII=");
}
:where(.rich-text-editor) .emoji.veryhappysmile {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACzVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAADqWkf///8BAAB2bRT25CoaGATw3ykyLwmFfBdIQwxHQgwJCALz4in45ir04yrMzMwBAQEZFwTTxCR3bhQMCwKtoR4kIQaonB1YUg8IBwEMDAzt3CiDehbr2ij15Cqwox5TTQ5STA7u3SlRSw62qR+4qx/OvyNFQAzQwSOSiBlEPwx+dRUOBQQEBAEDAgEjIAZDGhQ4ODh1bBQbGQUYFgTn1yfVxiSnmxylmRymmhxGQQzPwCO5rCBWUA8iHwaGfRfNviO6rSCBeBZPSQ2UihnSwyTo2Cjx4ClAGBNNHhfk1Ce+sCB6cRVJRAyCeRZqamosLCzPTz54bxTCtCHWxyUYCQcWCQczFA8WFATKTj2hlhtMHRfIyMhfJB0eHh5aWlpJSUkGBgZFRUUvLy8iIiLd3d319fWxpB6voh5aVA8TEQOVixkwEg5LRg0oJQfSUUCrnx3FtyKXjBrfzybZyiUuKgiPhRj35SqSOCzg0CaWOi3x8fFBPQv55yp8cxVJHBZOSA3UxSQGAgJeVxB/dhYGBQHZ2dkUCAa0RTdkJh7RUD+fn5/GTDyoqKgqEA2vQzUMBQQqKiohDQq9ryB4eHh+fn7aVEKFhYWjPzFVVVVIHBbR0dGCMiePj4+wRDbXyCVUIBpsKSGKNSo2FRA1FBA6OjoEBAT9/f09PT0PDw8fHAUZGRkpKSnp6el6XgltAAAAP3RSTlMABfxr+ROO9P7zF5C47FbIthnP8VkVFM1td9Ajde747dnc2/XYjY8bjE1Q8mdzJWQm+2BPblgSycsEaCgGU1L0HiQRAAADp0lEQVRYw+2X5VsUURTGYVk26BSxFVuxu+aFYRFYUBEpkVwQBEm7GxSwC1Swu7vF7u7urr/BmXEXZxd35sKjj37Y99M+Z8797XPPPefcc83MTDLJpH8vKxdrm3q1pdLa9WysO1pVlVKtQxfoqbOFZRUwTRp7AKEB/nEhMSpVTMhmf3UoIJc5VhJj7i4HHRDRl+Kp7+gAGnJ388pw2tQA4odQFTQ+AXBqQ87pqUT4VOq3mhAOZXNSTru2SBhEGZEmEpJuZJyWoIdSAppMozoJp5eE3kYJagYtIdhdTWf4UyKaBmV3MU6PGthCiWoinMSywB3hvcVBmizUEslnOaZSBEqCUjjHGyOeIlIiGglxLD3oIWSgZFouVMHVMYcilBoWAqAuiNA5qob19/VR8ZfqW8bCXqCPKULL692H7UA+fJC+JShU4WoU5IKA8mX92WUj+CADSwrsjIKseUntyy4bzgcZWKIhMwqywSb9jQyosLVfljA4GAXVx6hfofXxNQy2viUEDYyC6iKGItZI2BoFSaEiB8Wizt8H/bGtNeAFW1RCwbZBHDlI6Ph1CanZndzHKGBfnEY0IV2g5nwGAAP9Is8tv/uSf9VqFi9avvCUry4p0wRKRFe0sxEVrB0cAouz/Dh9CdRaMjGbK9pAgaJl2sho1ukg5h0ruXpv1af1a3jDSNT694/vX78wD6mszxihNsI0Nq78CzHfW6uN3zf047Rho9YyH4WszzjBxmYpp8czTn0GIur2quclH70N9PTh6pUIZA9iinCrNZMhgf27A9rdfIj6+m1dztrVa3Ny1q38vOZn4HayHtPRVPAWcVRiAuO2PwM37twKhqHo9CXIXMxdRy1EJsFaCGfTpAxLr3l5PXjx5vWrFdlvi95lZz8pffZomdeyJVjIZsIkeIqNak6IZDxPpOHiTa8KurQUx9kIxcPNnGCImMamyRzQpQv0MVcuByNlJvNxKJQEY1t7CT2DPbm555F58nA5a9fR/DPIKDvEfEqFpBnJgNRae+mcPpvBxDd9+6z8/FlF6czPjEjuGp4MRWvi0S+Ra0wFe3cU6w5sqzr1CFdxEyFpSTpEtndGVpK2VPP2DI6ISFpUoBtDJsG5mRmxWrkBickVW8iU6YBbzUoN7J5K0OqxQXxK0JhxNFp4dq3k7O8okzNNJCU6LDdPFZuXGzY3jekj8qZVedlYWtgr+PWhsLfoVNUHkqudzKGhrVRq29ChkZ2r6dlpkkn/gX4AY/8OuDJyF4EAAAAASUVORK5CYII=");
}
:where(.rich-text-editor) .emoji.unhappysmile {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACOlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD86isAAAD25Cp2bRQBAQAaGAQZFwSFfBdIQwzz4inTxCStoR5HQgz04yoMCwLv3in15CqDehYKCQJEPwxRSw7QwSNSTA5YUg9WUA82Mgl1bBQbGQV3bhQYFgTr2ijq2SjVxiTn1yewox7SwyRFQAyonB2lmRymmhynmxxGQQzOvyPo2CiGfRfNviM7NwpUTg7PwCMkIQa5rCC2qR9PSQ0lIga6rSC3qh/u3Sl+dRWBeBaUihkuKwgPDgPp2Sj76SuxpB6voh4LCgKCeRZJRAySiBkmIwYFBQEiHwZTTQ5XUQ/eziYhHwYiIAYjIAZaVA/s2yjw3ynt3CiVixlKRQ2NgxjUxSQEBAFOSA0HBgGpnR3IuSJmXxH45iohHgbWxyXRwiTy4SlAPAvm1ifZyiUGBgH55yrg0Caqnh1iWxHHuCIDAwFqoJzsAAAAUnRSTlMA/AUYjhPz9P75kLhZVmtt8vH47uzt69jZ2rUWtsvIxxWNbPWPGxl3jFAaZ3MkJ9DOdc1PYPvcVdtYFBduEsnKTczPZCYjdgTwdAYoJWhOZVNSPExHuwAAAtFJREFUWMPtl+VXG0EUxQkk2QhaaKHFpUCBonV317mbJQkQ3Cu0xaVokWJ1d3d3+d9aeg7sbtKdneS0p/2Q+23evPmdM/bmjo+PV1559e/l528yR4QajaERZtPylZ5SVqyKhkxrEnQeYOYnJQIldltjYQPPNxSetTlKAE6b5ibGN4WDYG8pJhIVt9sFcFt83eFkZgG91cRFfTXAhk3snH16DA2T32qgH8ELWDmLFqPmHlFQaS00u9k46RBGCUXHBQSxcPZrhPuEqnFBwzC7hSGwERWNQb9TjbMjC7eJquqQrXYKUjB0Vx108hZyVM4zh2HCoBHok6mgJFwlTKpCPI2jSxSq2UCdAke7wUG4QBjlQCAFFI2W6UT+gDXfwkuHyiNtiKHUMUPJzH23TFUgixQkjxScM0QqgvxhnxlmnRp2WApyijQjQBFkkhzq/KlhB6Ugp0g5tIogM87IJ3LIZWpipAjzFEFLcFRcWku+82LLI4WYqwiajSOEWccwRxFkBM8OKsOsvw/6Y1NbJllsVdEW24xGdhBt+03qVZYwHUh/OJzTP9sqrbh86cHDLueeSixlurS/9P7r92kH8fRFqayroMIQp3z916JdmvzNio+1X66f5h89e/IYr55L+1oRSy1sdknum0m8+zDdeF2PSWn17KAWNh0n9Im5E6j7JLZe1mFCbHXTS62PFjVick/9W9mq1PeIjUGkUl+RND0GWPb+BIL96A9bDvpLGR7IG8hQs2rZqFUH9SLXl8FEjKlxRqHPVLcjeRphnM65CM0eFoO01+kZcjFaMGxktn5VdxSt3zVo0llNZF4Ibo4o7PsVbFvHbmt35QJVna6Y7kFg/Wa3DPt2PQRHW4HsZLd2CAjO2Oqm90/WckBFc3lR0ym+rKup6Hxlxc8vRKqfB78RXUKMQfqnMcQGrvb0gxQZoI0KDzMaw8Kj4gPivN9Or7z6D/QDbi1VtzA+50wAAAAASUVORK5CYII=");
}
:where(.rich-text-editor) .emoji.heart {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAACrFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKBAMAAAAAAAAAAAAAAAAAAAAAAADqWkcAAAABAAACAQBtKiFrKSFqKSDfVkQaCghUIBkuEg4VCAbXU0HRUD8HAwLZU0LjV0XhVkTmWUYEAQECAQFoKB8wEg6DMihXIhqZOy6nQDPiV0RlJx8PBgXkWEXITT2YOy51LSMUCAboWUYxEw8sEQ0GAgIIAwKhPjEoEAxUIBrYU0GGNCmAMSeFMyh+MCZZIhtaIxsYCQdVIRqBMifSUUBRHxjQUD8tEQ6CMijeVUNmJx9pKCCXOi5dJByJNSkFAgJIHBY0FBDcVUOKNSokDguONys4FhEnDwzpWke4RzhNHhcXCQflWEacPC8NBQSiPjHUUkAhDQo3FRGVOS21Rje8SDnFTDzCSjsZCggLBANkJh66SDnnWUbaVEJsKiEeDAk/GBNEGhUEAgEbCwi/STofDAk8FxKePTCgPTCfPTCwRDXMTj7PUD8RBwUdGVw/AAAAdXRSTlMAs81bCHPz+j4B9TcHPcJ4+ftS/gusTXF3ZVk1aTB0isrDdYv9EixV3FFHtEUvrQk/S/Jd9F+rTMRnaK/3Nt7SUxPrDCCpXuFE1iTuvg6TSQQ0+DilCp/kFs8YBpID6Woha0A77AWadh5kG6HH5/6O/JC6ArUoUSe0AAACyklEQVRYw+2XVVcbURSFg05CIXiBtlAc6u5C3d3d3W32xLBA8BYprnV3d3d39/6RFtJCk8yduRN46EO+x71WvpU1c+eefWQyGzZsSKad3MHPP0DuY5r6yAP8/RzcHKk1jX07owbGroXib6jwsmOMqbNvNypNo+4AFx+Xod6dmQbY9/mT2gNpJXvUGXHxHKBsKu5pxiAh6wBbw7adsfBcWp26eyJ2e7Ix1R9JANNDzBMGTqNjazFoVFgrk62HSm2oS3XHOTQX+T9I2sKa8KUMTqFIqjBNTyShp+DzYTgzD8t+5daFqyrM0wKOEXpOIdCwFmgAtWWqhVLgvSNBZ/mTlMrKHMv0aBE6EEVtkcXykJrKl+5HV5LHsSN3iKVGzzmTzrgcmawE4uFGEDkgToroIJoQREHQShFp4UQQhfK9fGtEXbBZimgfOhFE7XFYiqgUcoLI1SU9kd6TmO7iSjpIrbCDXrQLdsST3RKxObSelL1oTRQp7HGMVpSLYIGvP9BDlU3nyVZ5tBG6kNyRl0/jyc+Du+ANqRiMC+fEPbrL6KUQvmsHxuBMsZjnyjUMHy12+w8agEIxUSFGjhCfR8M8uZvCntuq8LE0EzIITx8LeR7dIn6tZkzB62Sy5+VdTKKc/Y7BePOC5Cl+i+mTaVvEsjl8A8jIKyyaR19rFnpwBfyezxyzQEpBmo/y53yeD2swV1rVWoL3PHdT8keslNjZFitxb6vFpPyEVa5S29+Mqcg1Fz3D6hXSe+TECbho6rkPxs2aRjoEZVf/9Twsx3Lruu0YXNfXee48wSwrS/K4UThb+8BvXELITGvrdv++dSPzJIZOs764B7rgvNFzCr3H12cF6Of97lu158FpYvWgJAw/v7PsjyKxOizKxk0oTTGUYMPs+u43EdGoqkJ0RP03pUjn33tMZEPsXF7e3l4Ns71FRdk2WBs2/ht+ATukxXbBieGmAAAAAElFTkSuQmCC");
}
:where(.rich-text-editor) .keyword {
  color: rgb(241, 118, 94);
  font-weight: bold;
}
:where(.rich-text-editor) .actions {
  position: absolute;
  text-align: right;
  margin: 10px;
  bottom: 0;
  right: 0;
}
:where(.rich-text-editor) .actions.tree-view {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
:where(.rich-text-editor) .actions i {
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: -0.25em;
}
:where(.rich-text-editor) .actions i.indent {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1pbmRlbnQtbGVmdCI+PHBhdGggZD0iTTIgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bS42NDYgMi4xNDZhLjUuNSAwIDAgMSAuNzA4IDBsMiAyYS41LjUgMCAwIDEgMCAuNzA4bC0yIDJhLjUuNSAwIDAgMS0uNzA4LS43MDhMNC4yOTMgOCAyLjY0NiA2LjM1NGEuNS41IDAgMCAxIDAtLjcwOHpNNyA2LjVhLjUuNSAwIDAgMSAuNS0uNWg2YS41LjUgMCAwIDEgMCAxaC02YS41LjUgMCAwIDEtLjUtLjV6bTAgM2EuNS41IDAgMCAxIC41LS41aDZhLjUuNSAwIDAgMSAwIDFoLTZhLjUuNSAwIDAgMS0uNS0uNXptLTUgM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .actions i.outdent {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1pbmRlbnQtcmlnaHQiPjxwYXRoIGQ9Ik0yIDMuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0xMC42NDYgMi4xNDZhLjUuNSAwIDAgMSAuNzA4LjcwOEwxMS43MDcgOGwxLjY0NyAxLjY0NmEuNS41IDAgMCAxLS43MDguNzA4bC0yLTJhLjUuNSAwIDAgMSAwLS43MDhsMi0yek0yIDYuNWEuNS41IDAgMCAxIC41LS41aDZhLjUuNSAwIDAgMSAwIDFoLTZhLjUuNSAwIDAgMS0uNS0uNXptMCAzYS41LjUgMCAwIDEgLjUtLjVoNmEuNS41IDAgMCAxIDAgMWgtNmEuNS41IDAgMCAxLS41LS41em0wIDNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .actions i.lock {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbG9jay1maWxsIj48cGF0aCBkPSJNOCAxYTIgMiAwIDAgMSAyIDJ2NEg2VjNhMiAyIDAgMCAxIDItMnptMyA2VjNhMyAzIDAgMCAwLTYgMHY0YTIgMiAwIDAgMC0yIDJ2NWEyIDIgMCAwIDAgMiAyaDZhMiAyIDAgMCAwIDItMlY5YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .actions i.image {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjgwMjMgMTguNjY1NEM2LjI5NjYyIDE4LjY2NTQgNS45NzYzNSAxOC41MzY5IDUuNzE5NCAxOC4yNzk5QzUuNDYyNDYgMTguMDIzIDUuMzMzOTggMTcuNzAyNyA1LjMzMzk4IDE3LjMxOTFWNi42NzgyOEM1LjMzMzk4IDYuMjk0NjcgNS40NjI0NiA1Ljk3NDM5IDUuNzE5NCA1LjcxNzQ1QzUuOTc2MzUgNS40NjA1IDYuMjk2NjIgNS4zMzIwMyA2LjY4MDIzIDUuMzMyMDNIMTcuMzIxMUMxNy43MDQ3IDUuMzMyMDMgMTguMDI1IDUuNDYwNSAxOC4yODE5IDUuNzE3NDVDMTguNTM4OCA1Ljk3NDM5IDE4LjY2NzMgNi4yOTQ2NyAxOC42NjczIDYuNjc4MjhWMTcuMzE5MUMxOC42NjczIDE3LjcwMjcgMTguNTM4OCAxOC4wMjMgMTguMjgxOSAxOC4yNzk5QzE4LjAyNSAxOC41MzY5IDE3LjcwNDcgMTguNjY1NCAxNy4zMjExIDE4LjY2NTRINi42ODAyM1pNNi42ODAyMyAxNy44MzJIMTcuMzIxMUMxNy40NDk0IDE3LjgzMiAxNy41NjcgMTcuNzc4NiAxNy42NzM4IDE3LjY3MThDMTcuNzgwNiAxNy41NjUgMTcuODM0IDE3LjQ0NzQgMTcuODM0IDE3LjMxOTFWNi42NzgyOEMxNy44MzQgNi41NDk5NSAxNy43ODA2IDYuNDMyMzggMTcuNjczOCA2LjMyNTU3QzE3LjU2NyA2LjIxODc3IDE3LjQ0OTQgNi4xNjUzNiAxNy4zMjExIDYuMTY1MzZINi42ODAyM0M2LjU1MTkgNi4xNjUzNiA2LjQzNDMzIDYuMjE4NzcgNi4zMjc1MyA2LjMyNTU3QzYuMjIwNzIgNi40MzIzOCA2LjE2NzMyIDYuNTQ5OTUgNi4xNjczMiA2LjY3ODI4VjE3LjMxOTFDNi4xNjczMiAxNy40NDc0IDYuMjIwNzIgMTcuNTY1IDYuMzI3NTMgMTcuNjcxOEM2LjQzNDMzIDE3Ljc3ODYgNi41NTE5IDE3LjgzMiA2LjY4MDIzIDE3LjgzMlpNOC4yNTA2NSAxNS43NDg3SDE1Ljg3ODhMMTMuNTIzMiAxMi42MDc3TDExLjM0MzYgMTUuMzY0MUw5Ljg4NTIzIDEzLjYwMTJMOC4yNTA2NSAxNS43NDg3Wk05LjA4Mzk4IDkuOTE1MzZDOS4zMTM3MSA5LjkxNTM2IDkuNTEwMDMgOS44MzM5MSA5LjY3Mjk0IDkuNjcwOTlDOS44MzU4NiA5LjUwODA3IDkuOTE3MzIgOS4zMTE3NSA5LjkxNzMyIDkuMDgyMDNDOS45MTczMiA4Ljg1MjMxIDkuODM1ODYgOC42NTU5OSA5LjY3Mjk0IDguNDkzMDdDOS41MTAwMyA4LjMzMDE2IDkuMzEzNzEgOC4yNDg3IDkuMDgzOTggOC4yNDg3QzguODU0MjYgOC4yNDg3IDguNjU3OTQgOC4zMzAxNiA4LjQ5NTAzIDguNDkzMDdDOC4zMzIxMSA4LjY1NTk5IDguMjUwNjUgOC44NTIzMSA4LjI1MDY1IDkuMDgyMDNDOC4yNTA2NSA5LjMxMTc1IDguMzMyMTEgOS41MDgwNyA4LjQ5NTAzIDkuNjcwOTlDOC42NTc5NCA5LjgzMzkxIDguODU0MjYgOS45MTUzNiA5LjA4Mzk4IDkuOTE1MzZaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) .actions i.table {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiPjxwYXRoIGQ9Ik0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJ6bTE1IDJoLTR2M2g0VjR6bTAgNGgtNHYzaDRWOHptMCA0aC00djNoM2ExIDEgMCAwIDAgMS0xdi0yem0tNSAzdi0zSDZ2M2g0em0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxaDN6bS00LTRoNFY4SDF2M3ptMC00aDRWNEgxdjN6bTUtM3YzaDRWNEg2em00IDRINnYzaDRWOHoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .actions i.unlock {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbG9jayI+PHBhdGggZD0iTTggMWEyIDIgMCAwIDEgMiAydjRINlYzYTIgMiAwIDAgMSAyLTJ6bTMgNlYzYTMgMyAwIDAgMC02IDB2NGEyIDIgMCAwIDAtMiAydjVhMiAyIDAgMCAwIDIgMmg2YTIgMiAwIDAgMCAyLTJWOWEyIDIgMCAwIDAtMi0yek01IDhoNmExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTFWOWExIDEgMCAwIDEgMS0xeiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .actions i.left-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .actions i.center-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0yLTNhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS0yLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .actions i.right-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTQtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .actions i.justify-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .actions i.disconnect {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1ZyI+PHBhdGggZD0iTTYgMGEuNS41IDAgMCAxIC41LjVWM2gzVi41YS41LjUgMCAwIDEgMSAwVjNoMWEuNS41IDAgMCAxIC41LjV2M0EzLjUgMy41IDAgMCAxIDguNSAxMGMtLjAwMi40MzQtLjAxLjg0NS0uMDQgMS4yMi0uMDQxLjUxNC0uMTI2IDEuMDAzLS4zMTcgMS40MjRhMi4wODMgMi4wODMgMCAwIDEtLjk3IDEuMDI4QzYuNzI1IDEzLjkgNi4xNjkgMTQgNS41IDE0Yy0uOTk4IDAtMS42MS4zMy0xLjk3NC43MThBMS45MjIgMS45MjIgMCAwIDAgMyAxNkgyYzAtLjYxNi4yMzItMS4zNjcuNzk3LTEuOTY4QzMuMzc0IDEzLjQyIDQuMjYxIDEzIDUuNSAxM2MuNTgxIDAgLjk2Mi0uMDg4IDEuMjE4LS4yMTkuMjQxLS4xMjMuNC0uMy41MTQtLjU1LjEyMS0uMjY2LjE5My0uNjIxLjIzLTEuMDkuMDI3LS4zNC4wMzUtLjcxOC4wMzctMS4xNDFBMy41IDMuNSAwIDAgMSA0IDYuNXYtM2EuNS41IDAgMCAxIC41LS41aDFWLjVBLjUuNSAwIDAgMSA2IDB6TTUgNHYyLjVBMi41IDIuNSAwIDAgMCA3LjUgOWgxQTIuNSAyLjUgMCAwIDAgMTEgNi41VjRINXoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .actions i.connect {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1Zy1maWxsIj48cGF0aCBkPSJNNiAwYS41LjUgMCAwIDEgLjUuNVYzaDNWLjVhLjUuNSAwIDAgMSAxIDBWM2gxYS41LjUgMCAwIDEgLjUuNXYzQTMuNSAzLjUgMCAwIDEgOC41IDEwYy0uMDAyLjQzNC0uMDEuODQ1LS4wNCAxLjIyLS4wNDEuNTE0LS4xMjYgMS4wMDMtLjMxNyAxLjQyNGEyLjA4MyAyLjA4MyAwIDAgMS0uOTcgMS4wMjhDNi43MjUgMTMuOSA2LjE2OSAxNCA1LjUgMTRjLS45OTggMC0xLjYxLjMzLTEuOTc0LjcxOEExLjkyMiAxLjkyMiAwIDAgMCAzIDE2SDJjMC0uNjE2LjIzMi0xLjM2Ny43OTctMS45NjhDMy4zNzQgMTMuNDIgNC4yNjEgMTMgNS41IDEzYy41ODEgMCAuOTYyLS4wODggMS4yMTgtLjIxOS4yNDEtLjEyMy40LS4zLjUxNC0uNTUuMTIxLS4yNjYuMTkzLS42MjEuMjMtMS4wOS4wMjctLjM0LjAzNS0uNzE4LjAzNy0xLjE0MUEzLjUgMy41IDAgMCAxIDQgNi41di0zYS41LjUgMCAwIDEgLjUtLjVoMVYuNUEuNS41IDAgMCAxIDYgMHoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .table-cell-action-button-container {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  will-change: transform;
}
:where(.rich-text-editor) .table-cell-action-button-container.table-cell-action-button-container--active {
  pointer-events: auto;
  opacity: 1;
}
:where(.rich-text-editor) .table-cell-action-button-container.table-cell-action-button-container--inactive {
  pointer-events: none;
  opacity: 0;
}
:where(.rich-text-editor) .table-cell-action-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
:where(.rich-text-editor) i.chevron-down {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yMzYzIDYuMjM2OTVMMTEuNzY0OSA1Ljc2NTU1TDguMDAwNjMgOS41Mjk4NUw0LjIzNjMzIDUuNzY1NTVMMy43NjQ5MiA2LjIzNjk1TDguMDAwNjMgMTAuNDcyN0wxMi4yMzYzIDYuMjM2OTVaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) .action-button {
  background-color: #eee;
  border: 0;
  padding: 8px 12px;
  position: relative;
  margin-left: 5px;
  border-radius: 15px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
:where(.rich-text-editor) .action-button:hover {
  background-color: #ddd;
  color: #000;
}
:where(.rich-text-editor) .action-button-mic.active {
  animation: mic-pulsate-color 3s infinite;
}
:where(.rich-text-editor) button.action-button:disabled {
  opacity: 0.6;
  background: #eee;
  cursor: not-allowed;
}
@keyframes mic-pulsate-color {
  0% {
    background-color: #ffdcdc;
  }
  50% {
    background-color: #ff8585;
  }
  100% {
    background-color: #ffdcdc;
  }
}
:where(.rich-text-editor) .debug-timetravel-panel {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: auto;
  display: flex;
}
:where(.rich-text-editor) .debug-timetravel-panel-slider {
  padding: 0;
  flex: 8 1;
}
:where(.rich-text-editor) .debug-timetravel-panel-button {
  padding: 0;
  border: 0;
  background: none;
  flex: 1 1;
  color: #fff;
  font-size: 12px;
}
:where(.rich-text-editor) .debug-timetravel-panel-button:hover {
  text-decoration: underline;
}
:where(.rich-text-editor) .debug-timetravel-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 15px;
  position: absolute;
  background: none;
  color: #fff;
}
:where(.rich-text-editor) .debug-timetravel-button:hover {
  text-decoration: underline;
}
:where(.rich-text-editor) .debug-treetype-button {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 85px;
  position: absolute;
  background: none;
  color: #fff;
}
:where(.rich-text-editor) .debug-treetype-button:hover {
  text-decoration: underline;
}
:where(.rich-text-editor) .connecting {
  font-size: 15px;
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 10px;
  left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
:where(.rich-text-editor) .ltr {
  text-align: left;
}
:where(.rich-text-editor) .rtl {
  text-align: right;
}
:where(.rich-text-editor) button.toolbar-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 4px;
  padding: 0px 3px;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
:where(.rich-text-editor) button {
  font-family: var(--font-family-body);
}
:where(.rich-text-editor) button.toolbar-item:disabled {
  cursor: not-allowed;
}
:where(.rich-text-editor) button.toolbar-item.spaced {
  margin-right: 2px;
}
:where(.rich-text-editor) button.toolbar-item i.format {
  background-size: contain;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}
:where(.rich-text-editor) button.toolbar-item:disabled .icon,
:where(.rich-text-editor) button.toolbar-item:disabled .text,
:where(.rich-text-editor) button.toolbar-item:disabled i.format,
:where(.rich-text-editor) button.toolbar-item:disabled .chevron-down {
  opacity: 0.2;
}
:where(.rich-text-editor) button.toolbar-item.active {
  background-color: var(--color-text-subtle);
}
:where(.rich-text-editor) button.toolbar-item.active i {
  opacity: 1;
  filter: brightness(100);
}
:where(.rich-text-editor) .toolbar-item:hover:not([disabled]) {
  background-color: #eee;
}
:where(.rich-text-editor) .toolbar-item:hover:not([disabled]) i {
  filter: unset;
}
:where(.rich-text-editor) .toolbar-item.font-family .text {
  display: block;
  max-width: 40px;
}
:where(.rich-text-editor) .toolbar .code-language {
  width: 150px;
}
:where(.rich-text-editor) .toolbar-item .text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  text-align: left;
  padding-right: 10px;
}
:where(.rich-text-editor) .toolbar-item .icon {
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 2px;
  line-height: 16px;
  background-size: contain;
}
:where(.rich-text-editor) .toolbar i.chevron-down,
:where(.rich-text-editor) .toolbar-item i.chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .toolbar i.chevron-down.inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}
:where(.rich-text-editor) .toolbar .divider {
  width: 1px;
  background-color: #eee;
  margin: 0 4px;
}
:where(.rich-text-editor) .sticky-note-container {
  position: absolute;
  z-index: 9;
  width: 120px;
  display: inline-block;
}
:where(.rich-text-editor) .sticky-note {
  line-height: 1;
  text-align: left;
  width: 120px;
  margin: 25px;
  padding: 20px 10px;
  position: relative;
  border: 1px solid #e8e8e8;
  font-family: var(--font-family-body);
  font-size: 24px;
  border-bottom-right-radius: 60px 5px;
  display: block;
  cursor: move;
}
:where(.rich-text-editor) .sticky-note:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0px;
  bottom: 20px;
  width: 120px;
  height: 25px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
:where(.rich-text-editor) .sticky-note.yellow {
  border-top: 1px solid #fdfd86;
  background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
}
:where(.rich-text-editor) .sticky-note.pink {
  border-top: 1px solid #e7d1e4;
  background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1 100%);
}
:where(.rich-text-editor) .sticky-note-container.dragging {
  transition: none !important;
}
:where(.rich-text-editor) .sticky-note div {
  cursor: text;
}
:where(.rich-text-editor) .sticky-note .delete {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 10px;
  cursor: pointer;
  opacity: 0.5;
}
:where(.rich-text-editor) .sticky-note .delete:hover {
  font-weight: bold;
  opacity: 1;
}
:where(.rich-text-editor) .sticky-note .color {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 25px;
  cursor: pointer;
  opacity: 0.5;
}
:where(.rich-text-editor) .sticky-note .color:hover {
  opacity: 1;
}
:where(.rich-text-editor) .sticky-note .color i {
  display: block;
  width: 12px;
  height: 12px;
  background-size: contain;
}
:where(.rich-text-editor) .excalidraw-button {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
:where(.rich-text-editor) .excalidraw-button.selected {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) .github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0);
  }
  20%, 60% {
    transform: rotate(-25deg);
  }
  40%, 80% {
    transform: rotate(10deg);
  }
}
@media (max-width: 500px) {
  :where(.rich-text-editor) .github-corner:hover .octo-arm {
    animation: none;
  }
  :where(.rich-text-editor) .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }
}
:where(.rich-text-editor) .spacer {
  letter-spacing: -2px;
}
:where(.rich-text-editor) .editor-equation {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:where(.rich-text-editor) button.item i {
  opacity: 0.6;
}
:where(.rich-text-editor) button.item.dropdown-item-active {
  background-color: #8be6d0;
}
:where(.rich-text-editor) button.item.dropdown-item-active i {
  opacity: 1;
}
:where(.rich-text-editor) .TableNode__contentEditable {
  min-height: 20px;
  border: 0px;
  resize: none;
  cursor: text;
  display: block;
  position: relative;
  outline: 0px;
  padding: 0;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  font-size: var(--typography-size-body2);
  white-space: pre-wrap;
  word-break: break-word;
  z-index: 3;
}
:where(.rich-text-editor) .dialog-dropdown {
  background-color: #eee !important;
  margin-bottom: 10px;
  width: 100%;
}
:where(.rich-text-editor) .toolbar .block-controls {
  display: flex;
  align-items: center;
}
:where(.rich-text-editor) .toolbar .block-controls .dropdown-button-text {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
:where(.rich-text-editor) .icon.normal {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIAogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDNoMTB2Mkg5djhIN1Y1SDNWM3oiIGZpbGw9IiM5ZTllOWUiIC8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) .icon.h1 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDEiPjxwYXRoIGQ9Ik04LjYzNyAxM1YzLjY2OUg3LjM3OVY3LjYySDIuNzU4VjMuNjdIMS41VjEzaDEuMjU4VjguNzI4aDQuNjJWMTNoMS4yNTl6bTUuMzI5IDBWMy42NjloLTEuMjQ0TDEwLjUgNS4zMTZ2MS4yNjVsMi4xNi0xLjU2NWguMDYyVjEzaDEuMjQ0eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.h2 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDIiPjxwYXRoIGQ9Ik03LjYzOCAxM1YzLjY2OUg2LjM4VjcuNjJIMS43NTlWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzaDEuMjU5Wm0zLjAyMi02LjczM3YtLjA0OGMwLS44ODkuNjMtMS42NjggMS43MTYtMS42NjguOTU3IDAgMS42NzUuNjA4IDEuNjc1IDEuNTcyIDAgLjg1NS0uNTU0IDEuNTA0LTEuMDY3IDIuMDg1bC0zLjUxMyAzLjk5OVYxM0gxNS41di0xLjA5NGgtNC4yNDV2LS4wNzVsMi40ODEtMi44NDRjLjg3NS0uOTk4IDEuNTg2LTEuNzg0IDEuNTg2LTIuOTUzIDAtMS40NjMtMS4xNTUtMi41NTYtMi45MTktMi41NTYtMS45NDEgMC0yLjk2NiAxLjMyNi0yLjk2NiAyLjc0di4wNDloMS4yMjN6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .icon.h3 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDMiPjxwYXRoIGQ9Ik03LjYzNyAxM1YzLjY2OUg2LjM3OVY3LjYySDEuNzU4VjMuNjdILjVWMTNoMS4yNThWOC43MjhoNC42MlYxM2gxLjI1OXptMy42MjUtNC4yNzJoMS4wMThjMS4xNDIgMCAxLjkzNS42NyAxLjk0OSAxLjY3NC4wMTMgMS4wMDUtLjc4IDEuNzM3LTIuMDEgMS43My0xLjA4LS4wMDctMS44NTMtLjU4OC0xLjkzNS0xLjMySDkuMTA4Yy4wNjkgMS4zMjcgMS4yMjQgMi4zODYgMy4wODMgMi4zODYgMS45MzUgMCAzLjM0My0xLjE1NSAzLjMwOS0yLjc4OS0uMDI3LTEuNTEtMS4yNTEtMi4xNi0yLjAzNy0yLjI0OXYtLjA2OGMuNzA0LS4xMjMgMS43NjQtLjkxIDEuNzIzLTIuMjI5LS4wMzUtMS4zNTMtMS4xNzYtMi40LTIuOTU0LTIuMzg1LTEuODczLjAwNi0yLjg1NyAxLjE2Mi0yLjg5OCAyLjM1OGgxLjE5NmMuMDYyLS42OS43MTEtMS4yOTkgMS42OTYtMS4yOTkuOTk4IDAgMS42OTUuNjIyIDEuNjk1IDEuNTI1LjAwNy45MjItLjcxOCAxLjU5Mi0xLjY5NSAxLjU5MmgtLjk2NHYxLjA3NHoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.h4 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDEiPjxwYXRoIGQ9Ik03LjYzNyAxM1YzLjY2OUg2LjM3OVY3LjYySDEuNzU4VjMuNjdILjVWMTNoMS4yNThWOC43MjhoNC42MlYxM1ptNS4zMzcgLjJ2LTIuMzI4SDkuMTA4VjkuODI4bDMuNDQxLTYuMzVoMS42MzJ2Ni4xNDFIMTUuNXYxLjI1M2gtMS4zMTlWMTMuMlpNLjA0OCAzLjU4MWgyLjYxNVY2LjdsLTEuMzU3IDIuMDE5bC0uODcyLTEuN3oiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.h5 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDEiPjxwYXRoIGQ9Ik03LjYzNyAxM1YzLjY2OUg2LjM3OVY3LjYySDEuNzU4VjMuNjdILjVWMTNoMS4yNThWOC43MjhoNC42MlYxM1ptMi43NTUtNS43OTFhMy43NjMgMy43NjMgMCAwIDEgMi4xMTMtLjUxNyAyLjk3MyAyLjk3MyAwIDAgMSAyLjk5NSAzLjEgMy40NSAzLjQ1IDAgMCAxLS45IDIuNDQyIDMuMTExIDMuMTExIDAgMCAxLTIuMzkzLjk2OCAzLjMyNyAzLjMyNyAwIDAgMS0yLjA5NC0uNjcxIDIuNzU4IDIuNzU4IDAgMCAxLTEuMDA3LTJoMS4yODRhMS4zODcgMS4zODcgMCAwIDAgLjUxMSAxLjEgMi4zODQgMi4zODQgMCAwIDAgMS40LjQyMSAxLjgxOSAxLjgxOSAwIDAgMCAxLjQ3OS0uNjM4IDIuMDQyIDIuMDQyIDAgMCAwIC40MzctMS41MTQgMi4xNyAyLjE3IDAgMCAwLS41NjctMS41ODQgMS45NTggMS45NTggMCAwIDAtMS40NjgtLjU4IDIuMzU4IDIuMzU4IDAgMCAwLTEuNzkuNzg5SDkuMTA4VjMuNDc4aDUuOTMxVjQuNjExSDExLjQxWiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.h6 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzQyNDI0MiIgY2xhc3M9ImJpIGJpLXR5cGUtaDEiPjxwYXRoIGQ9Ik03LjYzNyAxM1YzLjY2OUg2LjM3OVY3LjYySDEuNzU4VjMuNjdILjVWMTNoMS4yNThWOC43MjhoNC42MlYxM1ptNS4wMzktNi4xM2EyLjgyMyAyLjgyMyAwIDAgMSAxLjQxOS4zNjQgMi42OSAyLjY5IDAgMCAxIDEuMDIyIDEuMDUgMy4zMjcgMy4zMjcgMCAwIDEgLjM4MyAxLjY0MiAzLjU5NCAzLjU5NCAwIDAgMS0uMzkgMS43IDIuODc4IDIuODc4IDAgMCAxLTEuMSAxLjE1OCAzLjE2NSAzLjE2NSAwIDAgMS0xLjYzNS40MTYgMi44MTIgMi44MTIgMCAwIDEtMS43MzQtLjU0NSAzLjQ5IDMuNDkgMCAwIDEgMS4zODgtMi4zODVhNi41MTUgNi41MTUgMCAwIDEtLjQtMi40MTFBNy43MjYgNy43MjYgMCAwIDEgOS41NDIgNmE0LjI4OSA0LjI4OSAwIDAgMSAxLjIzMy0xLjg1MSAyLjgzMSAyLjgzMSAwIDAgMSAxLjg4OS0uNjczQTIuNyAyLjcgMCAwIDEgMTMuOCAzLjdhMi40NjMgMi40NjMgMCAwIDEgLjgxMi41ODYgMi44ODYgMi44ODYgMCAwIDEgLjUxNC44IDIuNzY4IDIuNzY4IDAgMCAxIC4yMjMuODYxSDE0YTEuNDg4IDEuNDg4IDAgMCAwLS40NTMtLjkyMyAxLjM0NiAxLjM0NiAwIDAgMC0uOTM1LS4zMjkgMS41MDkgMS41MDkgMCAwIDAtMS4wNzIuNDI1IDIuODM5IDIuODM5IDAgMCAwLS43MSAxLjE4IDYuODA4IDYuODA4IDAgMCAwLS4zMjMgMS43NzEgMi42MzkgMi42MzkgMCAwIDEgLjkxOC0uODg5IDIuNDggMi40OCAwIDAgMSAxLjI1MS0uMzEyWm0tLjI4NSA1LjExN2ExLjYxNyAxLjYxNyAwIDAgMCAuOTEtLjI1NiAxLjc1MiAxLjc1MiAwIDAgMCAuNjE0LS43MTMgMi4zMzYgMi4zMzYgMCAwIDAgLjIyMy0xLjAzNyAyLjIxMSAyLjIxMSAwIDAgMC0uMjE3LTEuMDEgMS42IDEuNiAwIDAgMC0uNi0uNjY2IDEuNjcxIDEuNjcxIDAgMCAwLS44OTItLjIzNiAxLjgzMyAxLjgzMyAwIDAgMC0xLjE2NC4zNzcgMi40IDIuNCAwIDAgMC0uNzQzIDEuMDA5IDMuNzQ5IDMuNzQ5IDAgMCAwIC42IDEuODQ1IDEuNSAxLjUgMCAwIDAgMS4yNjkuNjg3WiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.bullet-list,
:where(.rich-text-editor) .icon.bullet {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAxMzYgMTcuNDE3VjE2LjU4MzdIMTguNjY3M1YxNy40MTdIMTAuMDEzNlpNMTAuMDEzNiAxMi40MTdWMTEuNTgzN0gxOC42NjczVjEyLjQxN0gxMC4wMTM2Wk0xMC4wMTM2IDcuNDE3MDNWNi41ODM3SDE4LjY2NzNWNy40MTcwM0gxMC4wMTM2Wk02LjQzOTgyIDE4LjEwNjJDNi4xMzU2NSAxOC4xMDYyIDUuODc1MyAxNy45OTc5IDUuNjU4NzggMTcuNzgxNEM1LjQ0MjI1IDE3LjU2NDcgNS4zMzM5OCAxNy4zMDQ0IDUuMzMzOTggMTcuMDAwNEM1LjMzMzk4IDE2LjY5NjMgNS40NDIyNSAxNi40MzYgNS42NTg3OCAxNi4yMTkzQzUuODc1MyAxNi4wMDI4IDYuMTM1NjUgMTUuODk0NSA2LjQzOTgyIDE1Ljg5NDVDNi43NDM4NSAxNS44OTQ1IDcuMDA0MTIgMTYuMDAyOCA3LjIyMDY1IDE2LjIxOTNDNy40MzcxOCAxNi40MzYgNy41NDU0NCAxNi42OTYzIDcuNTQ1NDQgMTcuMDAwNEM3LjU0NTQ0IDE3LjMwNDQgNy40MzcxOCAxNy41NjQ3IDcuMjIwNjUgMTcuNzgxNEM3LjAwNDEyIDE3Ljk5NzkgNi43NDM4NSAxOC4xMDYyIDYuNDM5ODIgMTguMTA2MlpNNi40Mzk4MiAxMy4xMDYyQzYuMTM1NjUgMTMuMTA2MiA1Ljg3NTMgMTIuOTk3OSA1LjY1ODc4IDEyLjc4MTRDNS40NDIyNSAxMi41NjQ3IDUuMzMzOTggMTIuMzA0NCA1LjMzMzk4IDEyLjAwMDRDNS4zMzM5OCAxMS42OTYzIDUuNDQyMjUgMTEuNDM2IDUuNjU4NzggMTEuMjE5M0M1Ljg3NTMgMTEuMDAyOCA2LjEzNTY1IDEwLjg5NDUgNi40Mzk4MiAxMC44OTQ1QzYuNzQzODUgMTAuODk0NSA3LjAwNDEyIDExLjAwMjggNy4yMjA2NSAxMS4yMTkzQzcuNDM3MTggMTEuNDM2IDcuNTQ1NDQgMTEuNjk2MyA3LjU0NTQ0IDEyLjAwMDRDNy41NDU0NCAxMi4zMDQ0IDcuNDM3MTggMTIuNTY0NyA3LjIyMDY1IDEyLjc4MTRDNy4wMDQxMiAxMi45OTc5IDYuNzQzODUgMTMuMTA2MiA2LjQzOTgyIDEzLjEwNjJaTTYuNDM5ODIgOC4xMDYyQzYuMTM1NjUgOC4xMDYyIDUuODc1MyA3Ljk5NzkzIDUuNjU4NzggNy43ODE0MUM1LjQ0MjI1IDcuNTY0NzQgNS4zMzM5OCA3LjMwNDM5IDUuMzMzOTggNy4wMDAzNkM1LjMzMzk4IDYuNjk2MzQgNS40NDIyNSA2LjQzNTk5IDUuNjU4NzggNi4yMTkzMkM1Ljg3NTMgNi4wMDI4IDYuMTM1NjUgNS44OTQ1MyA2LjQzOTgyIDUuODk0NTNDNi43NDM4NSA1Ljg5NDUzIDcuMDA0MTIgNi4wMDI4IDcuMjIwNjUgNi4yMTkzMkM3LjQzNzE4IDYuNDM1OTkgNy41NDU0NCA2LjY5NjM0IDcuNTQ1NDQgNy4wMDAzNkM3LjU0NTQ0IDcuMzA0MzkgNy40MzcxOCA3LjU2NDc0IDcuMjIwNjUgNy43ODE0MUM3LjAwNDEyIDcuOTk3OTMgNi43NDM4NSA4LjEwNjIgNi40Mzk4MiA4LjEwNjJaIiBmaWxsPSIjMkYzRTUyIi8+Cjwvc3ZnPgo=");
}
:where(.rich-text-editor) .icon.check-list,
:where(.rich-text-editor) .icon.check {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODMzOTggMTIuOTIxOEwxNC4xNjQyIDcuNTkxNjFMMTMuNTc0NCA3LjAwMTgyTDguODMzOTggMTEuNzQyMkw2LjQ1ODk4IDkuMzY3MjRMNS44NjkxOSA5Ljk1NzAzTDguODMzOTggMTIuOTIxOFpNNC42ODAyMyAxNi42NjU0QzQuMjk2NjIgMTYuNjY1NCAzLjk3NjM1IDE2LjUzNjkgMy43MTk0IDE2LjI3OTlDMy40NjI0NiAxNi4wMjMgMy4zMzM5OCAxNS43MDI3IDMuMzMzOTggMTUuMzE5MVY0LjY3ODI4QzMuMzMzOTggNC4yOTQ2NyAzLjQ2MjQ2IDMuOTc0MzkgMy43MTk0IDMuNzE3NDVDMy45NzYzNSAzLjQ2MDUgNC4yOTY2MiAzLjMzMjAzIDQuNjgwMjMgMy4zMzIwM0gxNS4zMjExQzE1LjcwNDcgMy4zMzIwMyAxNi4wMjUgMy40NjA1IDE2LjI4MTkgMy43MTc0NUMxNi41Mzg4IDMuOTc0MzkgMTYuNjY3MyA0LjI5NDY3IDE2LjY2NzMgNC42NzgyOFYxNS4zMTkxQzE2LjY2NzMgMTUuNzAyNyAxNi41Mzg4IDE2LjAyMyAxNi4yODE5IDE2LjI3OTlDMTYuMDI1IDE2LjUzNjkgMTUuNzA0NyAxNi42NjU0IDE1LjMyMTEgMTYuNjY1NEg0LjY4MDIzWk00LjY4MDIzIDE1LjgzMkgxNS4zMjExQzE1LjQ0OTQgMTUuODMyIDE1LjU2NyAxNS43Nzg2IDE1LjY3MzggMTUuNjcxOEMxNS43ODA2IDE1LjU2NSAxNS44MzQgMTUuNDQ3NCAxNS44MzQgMTUuMzE5MVY0LjY3ODI4QzE1LjgzNCA0LjU0OTk1IDE1Ljc4MDYgNC40MzIzOCAxNS42NzM4IDQuMzI1NTdDMTUuNTY3IDQuMjE4NzcgMTUuNDQ5NCA0LjE2NTM2IDE1LjMyMTEgNC4xNjUzNkg0LjY4MDIzQzQuNTUxOSA0LjE2NTM2IDQuNDM0MzMgNC4yMTg3NyA0LjMyNzUzIDQuMzI1NTdDNC4yMjA3MiA0LjQzMjM4IDQuMTY3MzIgNC41NDk5NSA0LjE2NzMyIDQuNjc4MjhWMTUuMzE5MUM0LjE2NzMyIDE1LjQ0NzQgNC4yMjA3MiAxNS41NjUgNC4zMjc1MyAxNS42NzE4QzQuNDM0MzMgMTUuNzc4NiA0LjU1MTkgMTUuODMyIDQuNjgwMjMgMTUuODMyWiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) .icon.numbered-list,
:where(.rich-text-editor) .icon.number {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMzOTggMTkuNVYxOC43NjI5SDcuNDE3MzJWMTcuNjI1SDYuMTY3MzJWMTYuODg3OUg3LjQxNzMyVjE1Ljc1SDUuMzMzOThWMTUuMDEyOUg3LjU3NzUzQzcuNzQxIDE1LjAxMjkgNy44NzgwMSAxNS4wNjgyIDcuOTg4NTcgMTUuMTc4N0M4LjA5OTEyIDE1LjI4OTMgOC4xNTQ0IDE1LjQyNjMgOC4xNTQ0IDE1LjU4OThWMTYuNzQzNUM4LjE1NDQgMTYuOTA3IDguMDk5MTIgMTcuMDQ0IDcuOTg4NTcgMTcuMTU0NkM3Ljg3ODAxIDE3LjI2NTEgNy43NDEgMTcuMzIwNCA3LjU3NzUzIDE3LjMyMDRDNy43NDEgMTcuMzIwNCA3Ljg3ODAxIDE3LjM3NTggNy45ODg1NyAxNy40ODY1QzguMDk5MTIgMTcuNTk3IDguMTU0NCAxNy43MzQgOC4xNTQ0IDE3Ljg5NzVWMTguOTIzMUM4LjE1NDQgMTkuMDg2NiA4LjA5OTEyIDE5LjIyMzYgNy45ODg1NyAxOS4zMzQyQzcuODc4MDEgMTkuNDQ0NyA3Ljc0MSAxOS41IDcuNTc3NTMgMTkuNUg1LjMzMzk4Wk01LjMzMzk4IDE0LjI0MzVWMTIuMjA4M0M1LjMzMzk4IDEyLjA0NDkgNS4zODkyNiAxMS45MDc4IDUuNDk5ODIgMTEuNzk3M0M1LjYxMDM3IDExLjY4NjcgNS43NDczOSAxMS42MzE1IDUuOTEwODYgMTEuNjMxNUg3LjQxNzMyVjEwLjQ5MzVINS4zMzM5OFY5Ljc1NjQ2SDcuNTc3NTNDNy43NDEgOS43NTY0NiA3Ljg3ODAxIDkuODExNzQgNy45ODg1NyA5LjkyMjI5QzguMDk5MTIgMTAuMDMyOCA4LjE1NDQgMTAuMTY5OSA4LjE1NDQgMTAuMzMzM1YxMS43OTE3QzguMTU0NCAxMS45NTUxIDguMDk5MTIgMTIuMDkyMiA3Ljk4ODU3IDEyLjIwMjdDNy44NzgwMSAxMi4zMTMzIDcuNzQxIDEyLjM2ODUgNy41Nzc1MyAxMi4zNjg1SDYuMDcxMDdWMTMuNTA2NUg4LjE1NDRWMTQuMjQzNUg1LjMzMzk4Wk02LjU4Mzk4IDguOTg3MDhWNS4yMzcwOEg1LjMzMzk4VjQuNUg3LjMyMTA3VjguOTg3MDhINi41ODM5OFpNMTAuMDEzNiAxNy40MTY3VjE2LjU4MzNIMTguNjY3M1YxNy40MTY3SDEwLjAxMzZaTTEwLjAxMzYgMTIuNDE2N1YxMS41ODMzSDE4LjY2NzNWMTIuNDE2N0gxMC4wMTM2Wk0xMC4wMTM2IDcuNDE2NjdWNi41ODMzM0gxOC42NjczVjcuNDE2NjdIMTAuMDEzNloiIGZpbGw9IiMyRjNFNTIiLz4KPC9zdmc+Cg==");
}
:where(.rich-text-editor) .icon.quote {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDg2NDggMTYuNDI0NEw5LjQ4MzM2IDEyLjk0NjdDOS4zODcyNSAxMy4wMDAxIDkuMjc1MSAxMy4wMzc2IDkuMTQ2OSAxMy4wNTlDOS4wMTg3MSAxMy4wODAzIDguODkwNTEgMTMuMDkxIDguNzYyMzIgMTMuMDkxQzcuOTg0NTQgMTMuMDkxIDcuMzMwNjUgMTIuODIxMSA2LjgwMDY1IDEyLjI4MTJDNi4yNzA3OSAxMS43NDE1IDYuMDA1ODYgMTEuMDkyNiA2LjAwNTg2IDEwLjMzNDZDNi4wMDU4NiA5LjU1NjgxIDYuMjcwNzkgOC45MDI5OSA2LjgwMDY1IDguMzczMTJDNy4zMzA2NSA3Ljg0MzEyIDcuOTg0NTQgNy41NzgxMiA4Ljc2MjMyIDcuNTc4MTJDOS41MjAyMyA3LjU3ODEyIDEwLjE2OTEgNy44NDMxMiAxMC43MDkgOC4zNzMxMkMxMS4yNDg3IDguOTAyOTkgMTEuNTE4NiA5LjU1NDkzIDExLjUxODYgMTAuMzI5QzExLjUxODYgMTAuNTk4NyAxMS40ODU3IDEwLjg1MDMgMTEuNDIgMTEuMDgzOEMxMS4zNTQzIDExLjMxNzIgMTEuMjYxMSAxMS41Mzc2IDExLjE0MDQgMTEuNzQ0OEw4LjQ0MTY5IDE2LjQyNDRINy40ODY0OFpNMTQuNzk0MiAxNi40MjQ0TDE2Ljc5MTEgMTIuOTQ2N0MxNi42OTUgMTMuMDAwMSAxNi41ODI4IDEzLjAzNzYgMTYuNDU0NiAxMy4wNTlDMTYuMzI2NCAxMy4wODAzIDE2LjE5ODIgMTMuMDkxIDE2LjA2OTggMTMuMDkxQzE1LjI5MiAxMy4wOTEgMTQuNjM4MiAxMi44MjExIDE0LjEwODQgMTIuMjgxMkMxMy41Nzg1IDExLjc0MTUgMTMuMzEzNiAxMS4wOTI2IDEzLjMxMzYgMTAuMzM0NkMxMy4zMTM2IDkuNTQ2MTEgMTMuNTc4NSA4Ljg4OTU4IDE0LjEwODQgOC4zNjVDMTQuNjM4MiA3Ljg0MDQyIDE1LjI5MiA3LjU3ODEyIDE2LjA2OTggNy41NzgxMkMxNi44Mjc5IDcuNTc4MTIgMTcuNDc2OCA3Ljg0MzEyIDE4LjAxNjcgOC4zNzMxMkMxOC41NTY0IDguOTAyOTkgMTguODI2MyA5LjU1NDkzIDE4LjgyNjMgMTAuMzI5QzE4LjgyNjMgMTAuNTk4NyAxOC43OTM0IDEwLjg1MDMgMTguNzI3NyAxMS4wODM4QzE4LjY2MiAxMS4zMTcyIDE4LjU2ODggMTEuNTM3NiAxOC40NDgyIDExLjc0NDhMMTUuNzQ5NCAxNi40MjQ0SDE0Ljc5NDJaTTguNzYyMzIgMTIuMTYxNUM5LjI2OTY4IDEyLjE2MTUgOS43MDEgMTEuOTgzOSAxMC4wNTYzIDExLjYyODdDMTAuNDExNiAxMS4yNzM1IDEwLjU4OTIgMTAuODQyMSAxMC41ODkyIDEwLjMzNDZDMTAuNTg5MiA5LjgyNzA4IDEwLjQxMTYgOS4zOTU2OSAxMC4wNTYzIDkuMDQwNDJDOS43MDEgOC42ODUyOCA5LjI2OTY4IDguNTA3NzEgOC43NjIzMiA4LjUwNzcxQzguMjU0ODIgOC41MDc3MSA3LjgyMzQzIDguNjg1MjggNy40NjgxNSA5LjA0MDQyQzcuMTEyODcgOS4zOTU2OSA2LjkzNTIzIDkuODI3MDggNi45MzUyMyAxMC4zMzQ2QzYuOTM1MjMgMTAuODQyMSA3LjExMjg3IDExLjI3MzUgNy40NjgxNSAxMS42Mjg3QzcuODIzNDMgMTEuOTgzOSA4LjI1NDgyIDEyLjE2MTUgOC43NjIzMiAxMi4xNjE1Wk0xNi4wNjk4IDEyLjE2MTVDMTYuNTc3MyAxMi4xNjE1IDE3LjAwODcgMTEuOTgzOSAxNy4zNjQgMTEuNjI4N0MxNy43MTkzIDExLjI3MzUgMTcuODk2OSAxMC44NDIxIDE3Ljg5NjkgMTAuMzM0NkMxNy44OTY5IDkuODI3MDggMTcuNzE5MyA5LjM5NTY5IDE3LjM2NCA5LjA0MDQyQzE3LjAwODcgOC42ODUyOCAxNi41NzczIDguNTA3NzEgMTYuMDY5OCA4LjUwNzcxQzE1LjU2MjUgOC41MDc3MSAxNS4xMzExIDguNjg1MjggMTQuNzc1OSA5LjA0MDQyQzE0LjQyMDYgOS4zOTU2OSAxNC4yNDI5IDkuODI3MDggMTQuMjQyOSAxMC4zMzQ2QzE0LjI0MjkgMTAuODQyMSAxNC40MjA2IDExLjI3MzUgMTQuNzc1OSAxMS42Mjg3QzE1LjEzMTEgMTEuOTgzOSAxNS41NjI1IDEyLjE2MTUgMTYuMDY5OCAxMi4xNjE1WiIgZmlsbD0iIzJGM0U1MiIvPgo8L3N2Zz4K");
}
:where(.rich-text-editor) .icon.code {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZSI+PHBhdGggZD0iTTUuODU0IDQuODU0YS41LjUgMCAxIDAtLjcwOC0uNzA4bC0zLjUgMy41YS41LjUgMCAwIDAgMCAuNzA4bDMuNSAzLjVhLjUuNSAwIDAgMCAuNzA4LS43MDhMMi43MDcgOGwzLjE0Ny0zLjE0NnptNC4yOTIgMGEuNS41IDAgMCAxIC43MDgtLjcwOGwzLjUgMy41YS41LjUgMCAwIDEgMCAuNzA4bC0zLjUgMy41YS41LjUgMCAwIDEtLjcwOC0uNzA4TDEzLjI5MyA4bC0zLjE0Ny0zLjE0NnoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.left-align,
:where(.rich-text-editor) i.left-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.center-align,
:where(.rich-text-editor) i.center-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0yLTNhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS0yLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.right-align,
:where(.rich-text-editor) i.right-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTQtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) .icon.justify-align,
:where(.rich-text-editor) i.justify-align {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+PC9zdmc+");
}
:where(.rich-text-editor) .icon.vertical-top,
:where(.rich-text-editor) i.left-align {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NTA2OTkwNTA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg3OTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik04NTkuOSAxNjhIMTY0LjFjLTQuNSAwLTguMSAzLjYtOC4xIDh2NjBjMCA0LjQgMy42IDggOC4xIDhoNjk1LjhjNC41IDAgOC4xLTMuNiA4LjEtOHYtNjBjMC00LjQtMy42LTgtOC4xLTh6TTUxOC4zIDM1NWMtMy4yLTQuMS05LjQtNC4xLTEyLjYgMGwtMTEyIDE0MS43Yy00LjEgNS4yLTAuNCAxMi45IDYuMyAxMi45aDczLjlWODQ4YzAgNC40IDMuNiA4IDggOGg2MGM0LjQgMCA4LTMuNiA4LThWNTA5LjdINjI0YzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDUxOC4zIDM1NXoiIHAtaWQ9Ijg3OTkiPjwvcGF0aD48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.vertical-middle,
:where(.rich-text-editor) i.center-align {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NTA3MDAyNDI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkwOTQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik04NTkuOSA0NzRIMTY0LjFjLTQuNSAwLTguMSAzLjYtOC4xIDh2NjBjMCA0LjQgMy42IDggOC4xIDhoNjk1LjhjNC41IDAgOC4xLTMuNiA4LjEtOHYtNjBjMC00LjQtMy42LTgtOC4xLTh6TTUwNi4zIDM5OS4zYzIuOSAzLjcgOC41IDMuNyAxMS4zIDBsMTAwLjgtMTI3LjVjMy43LTQuNyAwLjQtMTEuNy01LjctMTEuN0g1NTBWMTA0YzAtNC40LTMuNi04LTgtOGgtNjBjLTQuNCAwLTggMy42LTggOHYxNTZoLTYyLjhjLTYgMC05LjQgNy01LjcgMTEuN2wxMDAuOCAxMjcuNnpNNTE3LjcgNjI0LjdjLTIuOS0zLjctOC41LTMuNy0xMS4zIDBMNDA1LjYgNzUyLjNjLTMuNyA0LjctMC40IDExLjcgNS43IDExLjdINDc0djE1NmMwIDQuNCAzLjYgOCA4IDhoNjBjNC40IDAgOC0zLjYgOC04Vjc2NGg2Mi44YzYgMCA5LjQtNyA1LjctMTEuN0w1MTcuNyA2MjQuN3oiIHAtaWQ9IjkwOTUiPjwvcGF0aD48L3N2Zz4=");
}
:where(.rich-text-editor) .icon.vertical-bottom,
:where(.rich-text-editor) i.right-align {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NTA2OTk3NTEyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg5NDYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik04NTkuOSA3ODBIMTY0LjFjLTQuNSAwLTguMSAzLjYtOC4xIDh2NjBjMCA0LjQgMy42IDggOC4xIDhoNjk1LjhjNC41IDAgOC4xLTMuNiA4LjEtOHYtNjBjMC00LjQtMy42LTgtOC4xLTh6TTUwNS43IDY2OWMzLjIgNC4xIDkuNCA0LjEgMTIuNiAwbDExMi0xNDEuN2M0LjEtNS4yIDAuNC0xMi45LTYuMy0xMi45aC03NC4xVjE3NmMwLTQuNC0zLjYtOC04LThoLTYwYy00LjQgMC04IDMuNi04IDh2MzM4LjNINDAwYy02LjcgMC0xMC40IDcuNy02LjMgMTIuOWwxMTIgMTQxLjh6IiBwLWlkPSI4OTQ3Ij48L3BhdGg+PC9zdmc+");
}
:where(.rich-text-editor) i.indent {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1pbmRlbnQtbGVmdCI+PHBhdGggZD0iTTIgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bS42NDYgMi4xNDZhLjUuNSAwIDAgMSAuNzA4IDBsMiAyYS41LjUgMCAwIDEgMCAuNzA4bC0yIDJhLjUuNSAwIDAgMS0uNzA4LS43MDhMNC4yOTMgOCAyLjY0NiA2LjM1NGEuNS41IDAgMCAxIDAtLjcwOHpNNyA2LjVhLjUuNSAwIDAgMSAuNS0uNWg2YS41LjUgMCAwIDEgMCAxaC02YS41LjUgMCAwIDEtLjUtLjV6bTAgM2EuNS41IDAgMCAxIC41LS41aDZhLjUuNSAwIDAgMSAwIDFoLTZhLjUuNSAwIDAgMS0uNS0uNXptLTUgM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPjwvc3ZnPg==");
}
:where(.rich-text-editor) i.markdown {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWFya2Rvd24iPjxwYXRoIGQ9Ik0xNCAzYTEgMSAwIDAgMSAxIDF2OGExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVY0YTEgMSAwIDAgMSAxLTFoMTJ6TTIgMmEyIDIgMCAwIDAtMiAydjhhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0yVjRhMiAyIDAgMCAwLTItMkgyeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMTQ2IDguMTQ2YS41LjUgMCAwIDEgLjcwOCAwTDExLjUgOS43OTNsMS42NDYtMS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtMiAyYS41LjUgMCAwIDEtLjcwOCAwbC0yLTJhLjUuNSAwIDAgMSAwLS43MDh6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSA1YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00YS41LjUgMCAwIDEgLjUtLjV6Ii8+PHBhdGggZD0iTTMuNTYgMTFWNy4wMWguMDU2bDEuNDI4IDMuMjM5aC43NzRsMS40Mi0zLjI0aC4wNTZWMTFoMS4wNzNWNS4wMDFoLTEuMmwtMS43MSAzLjg5NGgtLjAzOWwtMS43MS0zLjg5NEgyLjVWMTFoMS4wNnoiLz48L3N2Zz4=");
}
:where(.rich-text-editor) i.outdent {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1pbmRlbnQtcmlnaHQiPjxwYXRoIGQ9Ik0yIDMuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0xMC42NDYgMi4xNDZhLjUuNSAwIDAgMSAuNzA4LjcwOEwxMS43MDcgOGwxLjY0NyAxLjY0NmEuNS41IDAgMCAxLS43MDguNzA4bC0yLTJhLjUuNSAwIDAgMSAwLS43MDhsMi0yek0yIDYuNWEuNS41IDAgMCAxIC41LS41aDZhLjUuNSAwIDAgMSAwIDFoLTZhLjUuNSAwIDAgMS0uNS0uNXptMCAzYS41LjUgMCAwIDEgLjUtLjVoNmEuNS41IDAgMCAxIDAgMWgtNmEuNS41IDAgMCAxLS41LS41em0wIDNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz48L3N2Zz4=");
}

:where(.rich-text-editor .validation-error) {
  margin-top: 6px;
}

:where(.rich-text-editor .buttons-section) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 10px;
  margin-top: 6px;
}
:where(.rich-text-editor .buttons-section) .button-save, :where(.rich-text-editor .buttons-section) .button-cancel {
  font-size: 12px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Button__root {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px;
  background-color: #eee;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.Button__root:hover {
  background-color: #ddd;
}

.Button__small {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
}

.Button__disabled {
  cursor: not-allowed;
}

.Button__disabled:hover {
  background-color: #eee;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.color-picker-wrapper {
  padding: 12px;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.color-picker-wrapper .Input__input {
  width: 100%;
}

.color-picker-basic-color {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.color-picker-basic-color button {
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 4px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  list-style-type: none;
}

.color-picker-basic-color button.active {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.color-picker-saturation {
  width: 100%;
  position: relative;
  height: 150px;
  background-image: linear-gradient(transparent, black), linear-gradient(to right, white, transparent);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.color-picker-saturation_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1490196078);
  box-sizing: border-box;
  transform: translate(-10px, -10px);
}

.color-picker-hue {
  width: 100%;
  position: relative;
  margin-top: 12px;
  height: 12px;
  background-image: linear-gradient(to right, rgb(255, 0, 0), rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255), rgb(255, 0, 255), rgb(255, 0, 0));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 12px;
}

.color-picker-hue_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 0.5px;
  box-sizing: border-box;
  transform: translate(-10px, -4px);
}

.color-picker-color {
  border: 1px solid var(--color-outline-subtlest);
  width: 100%;
  height: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.ContentEditable__root {
  border: 0;
  font-size: 12px;
  display: block;
  position: relative;
  outline: 0;
  padding: 4px 10px;
}
.ContentEditable__root:focus, .ContentEditable__root:focus-visible {
  outline: none;
}

.ContentEditable__placeholder {
  font-size: 15px;
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 8px;
  left: 46px;
  right: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}

@media (max-width: 1025px) {
  .ContentEditable__placeholder {
    left: 8px;
    right: 8px;
  }
}
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.DialogActions, .DialogButtonsList {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  justify-content: flex-end;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.FlashMessage__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  pointer-events: none;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.FlashMessage__alert {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  font-size: 1.5rem;
  border-radius: 1em;
  padding: 0.5em 1.5em;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Input__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.Input__label {
  display: flex;
  flex: 1 1;
  font-size: 12px;
  color: rgb(34, 34, 34);
  font-weight: 600;
  max-width: 100px;
}

.Input__input {
  display: flex;
  flex: 2 1;
  background-color: #fff;
  border: thin solid #D9D9D9;
  font-family: var(--font-family-body);
  font-size: var(--typography-size-body2);
  outline: none;
  outline-style: none;
  padding: 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 32px;
  transition: all 0.3s ease-out;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  background-color: rgba(52, 68, 90, 0.75);
  text-align: center;
  animation: 0.3s ease-out 0s 1 appear;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
}
.Modal__overlay .rte-modal {
  max-width: 500px;
  width: 80vw;
  min-width: unset;
}
.Modal__overlay .rte-modal:has(.color-picker-wrapper) {
  width: auto;
  min-width: unset;
}
.Modal__overlay .rte-modal .body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
}
.Modal__overlay .rte-modal .dialog-dropdown {
  font-family: var(--font-family-body), serif;
  border: 1px solid var(--color-outline-subtlest);
  margin-bottom: 10px;
  width: 100%;
  background: none;
  width: 100%;
  display: flex;
  padding: 7px 8px;
  cursor: pointer;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.Modal__overlay .rte-modal .dialog-dropdown:hover {
  border-color: var(--color-outline-brand-default);
}
.Modal__overlay .rte-modal .dialog-dropdown .ms_arrow_drop_down {
  font-size: 24px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}

:root {
  --select-border: #393939;
  --select-focus: #101484;
  --select-arrow: var(--select-border);
}

.select {
  min-width: 160px;
  max-width: 290px;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1rem;
  cursor: pointer;
  line-height: 1.4;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.draggable-block-menu {
  border-radius: 4px;
  padding: 2px 1px;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
  display: flex;
  gap: 2px;
  background: rgba(255, 255, 255, 0.8666666667);
  margin-left: -35px;
  border: 1px solid #ddd;
}
.draggable-block-menu:has(.icon-more) {
  margin-left: -55px;
}

.draggable-block-menu .icon {
  width: 16px;
  height: 16px;
  opacity: 0.3;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJNOC41IDEwYTIgMiAwIDEgMCAyIDIgMiAyIDAgMCAwLTItMlptMCA3YTIgMiAwIDEgMCAyIDIgMiAyIDAgMCAwLTItMlptNy0xMGEyIDIgMCAxIDAtMi0yIDIgMiAwIDAgMCAyIDJabS03LTRhMiAyIDAgMSAwIDIgMiAyIDIgMCAwIDAtMi0yWm03IDE0YTIgMiAwIDEgMCAyIDIgMiAyIDAgMCAwLTItMlptMC03YTIgMiAwIDEgMCAyIDIgMiAyIDAgMCAwLTItMloiLz48L3N2Zz4=");
}

.draggable-block-menu .icon-plus {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGx1cyI+PHBhdGggZD0iTTggNGEuNS41IDAgMCAxIC41LjV2M2gzYS41LjUgMCAwIDEgMCAxaC0zdjNhLjUuNSAwIDAgMS0xIDB2LTNoLTNhLjUuNSAwIDAgMSAwLTFoM3YtM0EuNS41IDAgMCAxIDggNHoiLz48L3N2Zz4=");
}

.draggable-block-menu .icon-more {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA3IDEwLjUgQyA3IDkuOTQ5MjE5IDcuNDQ5MjE5IDkuNSA4IDkuNSBDIDguNTUwNzgxIDkuNSA5IDkuOTQ5MjE5IDkgMTAuNSBDIDkgMTEuMDUwNzgxIDguNTUwNzgxIDExLjUgOCAxMS41IEMgNy40NDkyMTkgMTEuNSA3IDExLjA1MDc4MSA3IDEwLjUgWiBNIDggNiBDIDcuNDQ5MjE5IDYgNyA2LjQ0OTIxOSA3IDcgQyA3IDcuNTUwNzgxIDcuNDQ5MjE5IDggOCA4IEMgOC41NTA3ODEgOCA5IDcuNTUwNzgxIDkgNyBDIDkgNi40NDkyMTkgOC41NTA3ODEgNiA4IDYgWiBNIDggMi41IEMgNy40NDkyMTkgMi41IDcgMi45NDkyMTkgNyAzLjUgQyA3IDQuMDUwNzgxIDcuNDQ5MjE5IDQuNSA4IDQuNSBDIDguNTUwNzgxIDQuNSA5IDQuMDUwNzgxIDkgMy41IEMgOSAyLjk0OTIxOSA4LjU1MDc4MSAyLjUgOCAyLjUgWiBNIDggMi41ICIvPgo8L2c+Cjwvc3ZnPgo=");
}

.draggable-block-menu:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.draggable-block-menu .icon:hover {
  background-color: #efefef;
}

.draggable-block-target-line {
  pointer-events: none;
  background: deepskyblue;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  will-change: transform;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.TableCellResizer__resizer {
  position: absolute;
  touch-action: none;
}

@media (pointer: coarse) {
  .TableCellResizer__resizer {
    background-color: #adf;
    mix-blend-mode: color;
  }
}
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.code-action-menu-container {
  height: 35.8px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: row;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.code-action-menu-container .code-highlight-language {
  margin-right: 4px;
}

.code-action-menu-container button.menu-item {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}

.code-action-menu-container button.menu-item i.format {
  height: 16px;
  width: 16px;
  opacity: 0.6;
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  background-size: contain;
}

.code-action-menu-container button.menu-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}

.code-action-menu-container button.menu-item:active {
  background-color: rgb(223, 232, 250);
  border: 1px solid rgba(0, 0, 0, 0.45);
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.Collapsible__container {
  background: #fcfcfc;
  border: 1px solid #eee;
  border-radius: 2px;
  margin-bottom: 8px;
  font-size: 12px;
}

.Collapsible__title {
  cursor: pointer;
  padding: 5px 5px 5px 20px;
  position: relative;
  font-weight: 600;
  list-style: none;
  outline: none;
}

.Collapsible__title::marker,
.Collapsible__title::-webkit-details-marker {
  display: none;
}

.Collapsible__title:before {
  border-style: solid;
  border-color: transparent;
  border-width: 4px 6px 4px 6px;
  border-left-color: #000;
  display: block;
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}

.Collapsible__container[open] > .Collapsible__title:before {
  border-color: transparent;
  border-width: 6px 4px 0 4px;
  border-top-color: #000;
}

.Collapsible__content {
  padding: 0 5px 5px 20px;
}

.Collapsible__collapsed .Collapsible__content {
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.floating-text-format-popup {
  font-family: var(--font-family-body);
  display: flex;
  background: #fff;
  padding: 4px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  transition: opacity 0.5s;
  min-height: 35px;
  flex-wrap: wrap;
  will-change: transform;
}

.floating-text-format-popup button.popup-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
}

.floating-text-format-popup button.popup-item:disabled {
  cursor: not-allowed;
}

.floating-text-format-popup button.popup-item.spaced {
  margin-right: 2px;
}

.floating-text-format-popup button.popup-item i.format {
  background-size: contain;
  height: 16px;
  width: 16px;
  margin-top: 2px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}

.floating-text-format-popup button.popup-item:disabled i.format {
  opacity: 0.2;
}

.floating-text-format-popup button.popup-item.active {
  background-color: rgba(223, 232, 250, 0.3);
}

.floating-text-format-popup button.popup-item.active i {
  opacity: 1;
}

.floating-text-format-popup .popup-item:hover:not([disabled]) {
  background-color: #eee;
}

.floating-text-format-popup select.popup-item {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 70px;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
}

.floating-text-format-popup select.code-language {
  text-transform: capitalize;
  width: 130px;
}

.floating-text-format-popup .popup-item .text {
  display: flex;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  width: 70px;
  overflow: hidden;
  height: 20px;
  text-align: left;
}

.floating-text-format-popup .popup-item .icon {
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}

.floating-text-format-popup i.chevron-down {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.floating-text-format-popup i.chevron-down.inside {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}

.floating-text-format-popup .divider {
  width: 1px;
  background-color: #eee;
  margin: 0 4px;
}

@media (max-width: 1024px) {
  .floating-text-format-popup button.insert-comment {
    display: none;
  }
}
.link-editor {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 400px;
  width: 100%;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.1333333333);
  transition: opacity 0.5s;
  will-change: transform;
}

.link-editor .button {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}

.link-editor .button.hovered {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #eee;
}

.link-editor .button i,
.actions i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
.font-size-input {
  font-weight: bold;
  font-size: 14px;
  color: #777;
  border-radius: 5px;
  border-color: grey;
  height: 15px;
  padding: 2px 4px;
  text-align: center;
  width: 20px;
  align-self: center;
}

.font-size-input:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.add-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwIDE3Ij4KICAgIDxwYXRoIGZpbGw9IiIgZD0iTTEwIDdINlYzSDR2NEgwdjJoNHY0aDJWOWg0eiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
}

.minus-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTciPgogICAgPHBhdGggZD0iTTAgN2g4djJIMHoiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
}

button.font-decrement {
  padding: 0px;
  margin-right: 3px;
}

button.font-increment {
  padding: 0px;
  margin-left: 3px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.ImageNode__contentEditable {
  min-height: 24px;
  border: 0px;
  resize: none;
  cursor: text;
  caret-color: rgb(5, 5, 5);
  display: block;
  position: relative;
  outline: 0px;
  padding: 2px 10px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  font-size: 12px;
  width: calc(100% - 20px);
  white-space: pre-wrap;
  word-break: break-word;
}

.ImageNode__placeholder {
  font-size: 12px;
  color: #888;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 2px;
  left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}

.image-control-wrapper--resizing {
  touch-action: none;
}

.typeahead-popover {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.typeahead-popover.emoji-menu {
  width: 120px;
  z-index: 1;
}
.typeahead-popover.emoji-menu ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.typeahead-popover.emoji-menu ul li {
  min-width: 20px;
}
.typeahead-popover.emoji-menu ul li .text {
  min-width: 20px;
}
.typeahead-popover ul {
  padding: 8px;
  list-style: none;
  margin: 0;
  border-radius: 4px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  font-size: 12px;
}
.typeahead-popover ul::-webkit-scrollbar {
  display: none;
}
.typeahead-popover ul li {
  margin: 0;
  min-width: 100px;
  font-size: 12px;
  outline: none;
  cursor: pointer;
}
.typeahead-popover ul li.selected {
  background: #eee;
}
.typeahead-popover ul li.active {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.typeahead-popover ul li:hover {
  background-color: #eee;
}
.typeahead-popover ul li .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}
.typeahead-popover ul li .icon {
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.typeahead-popover.mentions-menu {
  width: 232px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 10px 18px 0px rgba(44, 48, 53, 0.15), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
  max-height: 200px;
  overflow: auto;
  z-index: 1;
}
.typeahead-popover.mentions-menu .mention-list-container {
  display: flex;
  gap: 8px;
  flex-flow: row;
  padding: 4px;
}
.typeahead-popover.mentions-menu .mention-list-container .mention-avatar {
  width: 24px;
}
.typeahead-popover.mentions-menu .mention-list-container .mention-detail {
  width: 100%;
  overflow: hidden;
}
.typeahead-popover.mentions-menu .mention-list-container .mention-detail .mention-email {
  color: var(--color-text-subtlest, #A2A9B3);
}

/*# sourceMappingURL=index.css.map */

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./node_modules/@progress/kendo-theme-default/scss/combobox/_index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.k-sr-only {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.k-theme-test-class,
.k-common-test-class {
  opacity: 0;
}

.k-body {
  font-size: var(--kendo-font-size, inherit);
  font-family: var(--kendo-font-family, inherit);
  line-height: var(--kendo-line-height, normal);
  font-weight: var(--kendo-font-weight, normal);
  letter-spacing: var(--kendo-letter-spacing, normal);
  color: var(--kendo-body-text, initial);
  background-color: var(--kendo-body-bg, initial);
  margin: 0;
}

.k-hstack, .k-hbox {
  display: flex;
  flex-flow: row nowrap;
}

.k-vstack, .k-vbox {
  display: flex;
  flex-flow: column nowrap;
}

.k-spacer, .k-flex {
  flex: 1 1 auto;
}

.k-spacer-sized {
  flex: none;
}

.k-float-wrap::after, .k-floatwrap::after {
  content: "";
  display: block;
  clear: both;
}

.k-flex-layout {
  display: flex;
}

.k-grid-layout {
  display: grid;
}

.k-separator {
  width: auto;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: inherit;
  display: block;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch;
}

.k-separator-horizontal,
.k-vstack > .k-separator,
.k-vbox > .k-separator {
  width: auto;
  height: 0;
  border-width: 1px 0 0;
}

.k-separator-vertical,
.k-hstack > .k-separator,
.k-hbox > .k-separator {
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
}

hr.k-separator {
  margin: 0;
  padding: 0;
}

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

.k-rtl {
  direction: rtl;
}

[hidden] {
  display: none !important;
}

script {
  display: none !important;
}

.k-disabled,
.k-widget[disabled],
.k-disabled {
  outline: none;
  cursor: default;
  color: var(--kendo-disabled-text, inherit);
  border-color: var(--kendo-disabled-border, inherit);
  pointer-events: none;
  box-shadow: none;
}
.k-disabled .k-link,
.k-widget[disabled] .k-link,
.k-disabled .k-link {
  cursor: default;
  outline: 0;
}

.k-hr {
  margin-block: 16px;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--kendo-component-border, inherit);
  display: block;
  float: none;
  clear: both;
}

.k-d-flex-row > .k-hr {
  margin: 0;
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
  flex: 0 0 auto;
}

.k-d-flex-col > .k-hr {
  margin: 0;
  flex: 0 0 auto;
}

.k-sprite {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.k-image {
  display: inline-block;
}

.k-reset {
  margin: 0;
  padding: 0;
  border-width: 0;
  outline: 0;
  text-decoration: none;
  font: inherit;
  list-style: none;
}

kendo-sortable {
  display: block;
}

.k-link,
.k-link:hover {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.k-content {
  outline: 0;
}

.k-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-no-click {
  pointer-events: none;
}

.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
  display: none !important;
}

.k-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-block-start-color: currentColor;
  border-block-end-color: transparent;
  border-inline-start-color: transparent;
  border-inline-end-color: currentColor;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.k-loading-mask,
.k-loading-image,
.k-loading-color {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.k-loading-mask *,
.k-loading-mask *::before,
.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
.k-loading-image *,
.k-loading-image *::before,
.k-loading-image *::after,
.k-loading-image::before,
.k-loading-image::after,
.k-loading-color *,
.k-loading-color *::before,
.k-loading-color *::after,
.k-loading-color::before,
.k-loading-color::after {
  box-sizing: border-box;
}

.k-loading-mask {
  z-index: 100;
}
.k-loading-mask.k-opaque .k-loading-color {
  opacity: 1;
}

.k-loading-text {
  text-indent: -4000px;
  text-align: center;
  position: absolute;
}

.k-loading-image {
  z-index: 2;
}

.k-loading-color {
  opacity: 0.3;
}

.k-i-loading {
  width: 1em;
  height: 1em;
  line-height: 1;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
}
.k-i-loading::before, .k-i-loading::after {
  box-sizing: border-box;
}

.k-i-loading::before,
.k-i-loading::after,
.k-loading-image::before,
.k-loading-image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  box-sizing: inherit;
  border-radius: 50%;
  border-width: 0.05em;
  border-style: solid;
  border-color: currentColor;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background-color: transparent;
}

.k-icon.k-i-loading::before,
.k-icon.k-i-loading::after {
  content: "";
}

.k-i-loading::before,
.k-loading-image::before {
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  animation: k-loading-animation 0.7s linear infinite;
}

.k-i-loading::after,
.k-loading-image::after {
  margin-top: -0.25em;
  margin-left: -0.25em;
  width: 0.5em;
  height: 0.5em;
  animation: k-loading-animation reverse 1.4s linear infinite;
}

.k-loading-image::before,
.k-loading-image::after {
  content: "";
  border-width: 1px;
  border-width: clamp(0.015em, 1px, 1px);
  font-size: 4em;
}

@keyframes k-loading-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.k-marquee {
  position: absolute;
  z-index: 100000;
}

.k-marquee-color,
.k-marquee-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.k-marquee-color {
  color: white;
  background-color: var(--kendo-primary-60, #ff6358);
  border-color: var(--kendo-primary-100, rgba(0, 0, 0, 0.08));
  opacity: 0.6;
}

.k-marquee-text {
  color: white;
}

:root {
  --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
  --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.k-ratio-auto {
  aspect-ratio: auto;
}

.\!k-ratio-auto {
  aspect-ratio: auto !important;
}

.k-ratio-1 {
  aspect-ratio: 1;
}

.\!k-ratio-1 {
  aspect-ratio: 1 !important;
}

.k-ratio-square {
  aspect-ratio: 1 / 1;
}

.\!k-ratio-square {
  aspect-ratio: 1 / 1 !important;
}

.k-ratio-video {
  aspect-ratio: 16 / 9;
}

.\!k-ratio-video {
  aspect-ratio: 16 / 9 !important;
}

.k-aspect-ratio-auto {
  aspect-ratio: auto;
}

.\!k-aspect-ratio-auto {
  aspect-ratio: auto !important;
}

.k-aspect-ratio-1 {
  aspect-ratio: 1;
}

.\!k-aspect-ratio-1 {
  aspect-ratio: 1 !important;
}

.k-aspect-ratio-square {
  aspect-ratio: 1 / 1;
}

.\!k-aspect-ratio-square {
  aspect-ratio: 1 / 1 !important;
}

.k-aspect-ratio-video {
  aspect-ratio: 16 / 9;
}

.\!k-aspect-ratio-video {
  aspect-ratio: 16 / 9 !important;
}

.k-box-sizing-border {
  box-sizing: border-box;
}

.\!k-box-sizing-border {
  box-sizing: border-box !important;
}

.k-box-sizing-content {
  box-sizing: content-box;
}

.\!k-box-sizing-content {
  box-sizing: content-box !important;
}

.k-clear-left {
  clear: left;
}

.\!k-clear-left {
  clear: left !important;
}

.k-clear-right {
  clear: right;
}

.\!k-clear-right {
  clear: right !important;
}

.k-clear-both {
  clear: both;
}

.\!k-clear-both {
  clear: both !important;
}

.k-clear-none {
  clear: none;
}

.\!k-clear-none {
  clear: none !important;
}

.k-columns-1 {
  columns: 1;
}

.\!k-columns-1 {
  columns: 1 !important;
}

.k-columns-2 {
  columns: 2;
}

.\!k-columns-2 {
  columns: 2 !important;
}

.k-columns-3 {
  columns: 3;
}

.\!k-columns-3 {
  columns: 3 !important;
}

.k-columns-4 {
  columns: 4;
}

.\!k-columns-4 {
  columns: 4 !important;
}

.k-columns-5 {
  columns: 5;
}

.\!k-columns-5 {
  columns: 5 !important;
}

.k-columns-6 {
  columns: 6;
}

.\!k-columns-6 {
  columns: 6 !important;
}

.k-columns-7 {
  columns: 7;
}

.\!k-columns-7 {
  columns: 7 !important;
}

.k-columns-8 {
  columns: 8;
}

.\!k-columns-8 {
  columns: 8 !important;
}

.k-columns-9 {
  columns: 9;
}

.\!k-columns-9 {
  columns: 9 !important;
}

.k-columns-10 {
  columns: 10;
}

.\!k-columns-10 {
  columns: 10 !important;
}

.k-columns-11 {
  columns: 11;
}

.\!k-columns-11 {
  columns: 11 !important;
}

.k-columns-12 {
  columns: 12;
}

.\!k-columns-12 {
  columns: 12 !important;
}

.k-columns-auto {
  columns: auto;
}

.\!k-columns-auto {
  columns: auto !important;
}

.k-d-none {
  display: none;
}

.\!k-d-none {
  display: none !important;
}

.k-d-contents {
  display: contents;
}

.\!k-d-contents {
  display: contents !important;
}

.k-d-block {
  display: block;
}

.\!k-d-block {
  display: block !important;
}

.k-d-inline {
  display: inline;
}

.\!k-d-inline {
  display: inline !important;
}

.k-d-inline-block {
  display: inline-block;
}

.\!k-d-inline-block {
  display: inline-block !important;
}

.k-d-flex, .k-d-flex-col, .k-d-flex-row {
  display: flex;
}

.\!k-d-flex, .\!k-d-flex-col, .\!k-d-flex-row {
  display: flex !important;
}

.k-d-inline-flex {
  display: inline-flex;
}

.\!k-d-inline-flex {
  display: inline-flex !important;
}

.k-d-grid {
  display: grid;
}

.\!k-d-grid {
  display: grid !important;
}

.k-d-inline-grid {
  display: inline-grid;
}

.\!k-d-inline-grid {
  display: inline-grid !important;
}

.k-d-table {
  display: table;
}

.\!k-d-table {
  display: table !important;
}

.k-d-inline-table {
  display: inline-table;
}

.\!k-d-inline-table {
  display: inline-table !important;
}

.k-d-table-row {
  display: table-row;
}

.\!k-d-table-row {
  display: table-row !important;
}

.k-d-table-cell {
  display: table-cell;
}

.\!k-d-table-cell {
  display: table-cell !important;
}

.k-d-list-item {
  display: list-item;
}

.\!k-d-list-item {
  display: list-item !important;
}

.k-display-none {
  display: none;
}

.\!k-display-none {
  display: none !important;
}

.k-display-contents {
  display: contents;
}

.\!k-display-contents {
  display: contents !important;
}

.k-display-block {
  display: block;
}

.\!k-display-block {
  display: block !important;
}

.k-display-inline {
  display: inline;
}

.\!k-display-inline {
  display: inline !important;
}

.k-display-inline-block {
  display: inline-block;
}

.\!k-display-inline-block {
  display: inline-block !important;
}

.k-display-flex {
  display: flex;
}

.\!k-display-flex {
  display: flex !important;
}

.k-display-inline-flex {
  display: inline-flex;
}

.\!k-display-inline-flex {
  display: inline-flex !important;
}

.k-display-grid {
  display: grid;
}

.\!k-display-grid {
  display: grid !important;
}

.k-display-inline-grid {
  display: inline-grid;
}

.\!k-display-inline-grid {
  display: inline-grid !important;
}

.k-display-table {
  display: table;
}

.\!k-display-table {
  display: table !important;
}

.k-display-inline-table {
  display: inline-table;
}

.\!k-display-inline-table {
  display: inline-table !important;
}

.k-display-table-row {
  display: table-row;
}

.\!k-display-table-row {
  display: table-row !important;
}

.k-display-table-cell {
  display: table-cell;
}

.\!k-display-table-cell {
  display: table-cell !important;
}

.k-display-list-item {
  display: list-item;
}

.\!k-display-list-item {
  display: list-item !important;
}

.k-float-left {
  float: left;
}

.\!k-float-left {
  float: left !important;
}

.k-float-right {
  float: right;
}

.\!k-float-right {
  float: right !important;
}

.k-float-none {
  float: none;
}

.\!k-float-none {
  float: none !important;
}

.k-object-fit-contain {
  object-fit: contain;
}

.\!k-object-fit-contain {
  object-fit: contain !important;
}

.k-object-fit-cover {
  object-fit: cover;
}

.\!k-object-fit-cover {
  object-fit: cover !important;
}

.k-object-fit-fill {
  object-fit: fill;
}

.\!k-object-fit-fill {
  object-fit: fill !important;
}

.k-object-fit-scale-down {
  object-fit: scale-down;
}

.\!k-object-fit-scale-down {
  object-fit: scale-down !important;
}

.k-object-fit-initial {
  object-fit: initial;
}

.\!k-object-fit-initial {
  object-fit: initial !important;
}

.k-object-fit-none {
  object-fit: none;
}

.\!k-object-fit-none {
  object-fit: none !important;
}

.k-object-position-center {
  object-position: center;
}

.\!k-object-position-center {
  object-position: center !important;
}

.k-object-position-top {
  object-position: top;
}

.\!k-object-position-top {
  object-position: top !important;
}

.k-object-position-right {
  object-position: right;
}

.\!k-object-position-right {
  object-position: right !important;
}

.k-object-position-bottom {
  object-position: bottom;
}

.\!k-object-position-bottom {
  object-position: bottom !important;
}

.k-object-position-left {
  object-position: left;
}

.\!k-object-position-left {
  object-position: left !important;
}

.k-object-position-top-left {
  object-position: top left;
}

.\!k-object-position-top-left {
  object-position: top left !important;
}

.k-object-position-top-right {
  object-position: top right;
}

.\!k-object-position-top-right {
  object-position: top right !important;
}

.k-object-position-bottom-left {
  object-position: bottom left;
}

.\!k-object-position-bottom-left {
  object-position: bottom left !important;
}

.k-object-position-bottom-right {
  object-position: bottom right;
}

.\!k-object-position-bottom-right {
  object-position: bottom right !important;
}

.k-overflow-auto {
  overflow: auto;
}

.\!k-overflow-auto {
  overflow: auto !important;
}

.k-overflow-hidden {
  overflow: hidden;
}

.\!k-overflow-hidden {
  overflow: hidden !important;
}

.k-overflow-visible {
  overflow: visible;
}

.\!k-overflow-visible {
  overflow: visible !important;
}

.k-overflow-scroll {
  overflow: scroll;
}

.\!k-overflow-scroll {
  overflow: scroll !important;
}

.k-overflow-clip {
  overflow: clip;
}

.\!k-overflow-clip {
  overflow: clip !important;
}

.k-overflow-x-auto {
  overflow-x: auto;
}

.\!k-overflow-x-auto {
  overflow-x: auto !important;
}

.k-overflow-x-hidden {
  overflow-x: hidden;
}

.\!k-overflow-x-hidden {
  overflow-x: hidden !important;
}

.k-overflow-x-visible {
  overflow-x: visible;
}

.\!k-overflow-x-visible {
  overflow-x: visible !important;
}

.k-overflow-x-scroll {
  overflow-x: scroll;
}

.\!k-overflow-x-scroll {
  overflow-x: scroll !important;
}

.k-overflow-x-clip {
  overflow-x: clip;
}

.\!k-overflow-x-clip {
  overflow-x: clip !important;
}

.k-overflow-y-auto {
  overflow-y: auto;
}

.\!k-overflow-y-auto {
  overflow-y: auto !important;
}

.k-overflow-y-hidden {
  overflow-y: hidden;
}

.\!k-overflow-y-hidden {
  overflow-y: hidden !important;
}

.k-overflow-y-visible {
  overflow-y: visible;
}

.\!k-overflow-y-visible {
  overflow-y: visible !important;
}

.k-overflow-y-scroll {
  overflow-y: scroll;
}

.\!k-overflow-y-scroll {
  overflow-y: scroll !important;
}

.k-overflow-y-clip {
  overflow-y: clip;
}

.\!k-overflow-y-clip {
  overflow-y: clip !important;
}

.k-top-0 {
  top: 0;
}

.\!k-top-0 {
  top: 0 !important;
}

.k-top-1px {
  top: 1px;
}

.\!k-top-1px {
  top: 1px !important;
}

.k-top-0\.5 {
  top: 2px;
}

.\!k-top-0\.5 {
  top: 2px !important;
}

.k-top-1 {
  top: 4px;
}

.\!k-top-1 {
  top: 4px !important;
}

.k-top-1\.5 {
  top: 6px;
}

.\!k-top-1\.5 {
  top: 6px !important;
}

.k-top-2 {
  top: 8px;
}

.\!k-top-2 {
  top: 8px !important;
}

.k-top-2\.5 {
  top: 10px;
}

.\!k-top-2\.5 {
  top: 10px !important;
}

.k-top-3 {
  top: 12px;
}

.\!k-top-3 {
  top: 12px !important;
}

.k-top-3\.5 {
  top: 14px;
}

.\!k-top-3\.5 {
  top: 14px !important;
}

.k-top-4 {
  top: 16px;
}

.\!k-top-4 {
  top: 16px !important;
}

.k-top-4\.5 {
  top: 18px;
}

.\!k-top-4\.5 {
  top: 18px !important;
}

.k-top-5 {
  top: 20px;
}

.\!k-top-5 {
  top: 20px !important;
}

.k-top-5\.5 {
  top: 22px;
}

.\!k-top-5\.5 {
  top: 22px !important;
}

.k-top-6 {
  top: 24px;
}

.\!k-top-6 {
  top: 24px !important;
}

.k-top-6\.5 {
  top: 26px;
}

.\!k-top-6\.5 {
  top: 26px !important;
}

.k-top-7 {
  top: 28px;
}

.\!k-top-7 {
  top: 28px !important;
}

.k-top-7\.5 {
  top: 30px;
}

.\!k-top-7\.5 {
  top: 30px !important;
}

.k-top-8 {
  top: 32px;
}

.\!k-top-8 {
  top: 32px !important;
}

.k-top-9 {
  top: 36px;
}

.\!k-top-9 {
  top: 36px !important;
}

.k-top-10 {
  top: 40px;
}

.\!k-top-10 {
  top: 40px !important;
}

.k-top-11 {
  top: 44px;
}

.\!k-top-11 {
  top: 44px !important;
}

.k-top-12 {
  top: 48px;
}

.\!k-top-12 {
  top: 48px !important;
}

.k-top-13 {
  top: 52px;
}

.\!k-top-13 {
  top: 52px !important;
}

.k-top-14 {
  top: 56px;
}

.\!k-top-14 {
  top: 56px !important;
}

.k-top-15 {
  top: 60px;
}

.\!k-top-15 {
  top: 60px !important;
}

.k-top-16 {
  top: 64px;
}

.\!k-top-16 {
  top: 64px !important;
}

.k-top-17 {
  top: 68px;
}

.\!k-top-17 {
  top: 68px !important;
}

.k-top-18 {
  top: 72px;
}

.\!k-top-18 {
  top: 72px !important;
}

.k-top-19 {
  top: 76px;
}

.\!k-top-19 {
  top: 76px !important;
}

.k-top-20 {
  top: 80px;
}

.\!k-top-20 {
  top: 80px !important;
}

.k-top-21 {
  top: 84px;
}

.\!k-top-21 {
  top: 84px !important;
}

.k-top-22 {
  top: 88px;
}

.\!k-top-22 {
  top: 88px !important;
}

.k-top-23 {
  top: 92px;
}

.\!k-top-23 {
  top: 92px !important;
}

.k-top-24 {
  top: 96px;
}

.\!k-top-24 {
  top: 96px !important;
}

.k-top--1 {
  top: -1px;
}

.\!k-top--1 {
  top: -1px !important;
}

.k-right-0 {
  right: 0;
}

.\!k-right-0 {
  right: 0 !important;
}

.k-right-1px {
  right: 1px;
}

.\!k-right-1px {
  right: 1px !important;
}

.k-right-0\.5 {
  right: 2px;
}

.\!k-right-0\.5 {
  right: 2px !important;
}

.k-right-1 {
  right: 4px;
}

.\!k-right-1 {
  right: 4px !important;
}

.k-right-1\.5 {
  right: 6px;
}

.\!k-right-1\.5 {
  right: 6px !important;
}

.k-right-2 {
  right: 8px;
}

.\!k-right-2 {
  right: 8px !important;
}

.k-right-2\.5 {
  right: 10px;
}

.\!k-right-2\.5 {
  right: 10px !important;
}

.k-right-3 {
  right: 12px;
}

.\!k-right-3 {
  right: 12px !important;
}

.k-right-3\.5 {
  right: 14px;
}

.\!k-right-3\.5 {
  right: 14px !important;
}

.k-right-4 {
  right: 16px;
}

.\!k-right-4 {
  right: 16px !important;
}

.k-right-4\.5 {
  right: 18px;
}

.\!k-right-4\.5 {
  right: 18px !important;
}

.k-right-5 {
  right: 20px;
}

.\!k-right-5 {
  right: 20px !important;
}

.k-right-5\.5 {
  right: 22px;
}

.\!k-right-5\.5 {
  right: 22px !important;
}

.k-right-6 {
  right: 24px;
}

.\!k-right-6 {
  right: 24px !important;
}

.k-right-6\.5 {
  right: 26px;
}

.\!k-right-6\.5 {
  right: 26px !important;
}

.k-right-7 {
  right: 28px;
}

.\!k-right-7 {
  right: 28px !important;
}

.k-right-7\.5 {
  right: 30px;
}

.\!k-right-7\.5 {
  right: 30px !important;
}

.k-right-8 {
  right: 32px;
}

.\!k-right-8 {
  right: 32px !important;
}

.k-right-9 {
  right: 36px;
}

.\!k-right-9 {
  right: 36px !important;
}

.k-right-10 {
  right: 40px;
}

.\!k-right-10 {
  right: 40px !important;
}

.k-right-11 {
  right: 44px;
}

.\!k-right-11 {
  right: 44px !important;
}

.k-right-12 {
  right: 48px;
}

.\!k-right-12 {
  right: 48px !important;
}

.k-right-13 {
  right: 52px;
}

.\!k-right-13 {
  right: 52px !important;
}

.k-right-14 {
  right: 56px;
}

.\!k-right-14 {
  right: 56px !important;
}

.k-right-15 {
  right: 60px;
}

.\!k-right-15 {
  right: 60px !important;
}

.k-right-16 {
  right: 64px;
}

.\!k-right-16 {
  right: 64px !important;
}

.k-right-17 {
  right: 68px;
}

.\!k-right-17 {
  right: 68px !important;
}

.k-right-18 {
  right: 72px;
}

.\!k-right-18 {
  right: 72px !important;
}

.k-right-19 {
  right: 76px;
}

.\!k-right-19 {
  right: 76px !important;
}

.k-right-20 {
  right: 80px;
}

.\!k-right-20 {
  right: 80px !important;
}

.k-right-21 {
  right: 84px;
}

.\!k-right-21 {
  right: 84px !important;
}

.k-right-22 {
  right: 88px;
}

.\!k-right-22 {
  right: 88px !important;
}

.k-right-23 {
  right: 92px;
}

.\!k-right-23 {
  right: 92px !important;
}

.k-right-24 {
  right: 96px;
}

.\!k-right-24 {
  right: 96px !important;
}

.k-right--1 {
  right: -1px;
}

.\!k-right--1 {
  right: -1px !important;
}

.k-bottom-0 {
  bottom: 0;
}

.\!k-bottom-0 {
  bottom: 0 !important;
}

.k-bottom-1px {
  bottom: 1px;
}

.\!k-bottom-1px {
  bottom: 1px !important;
}

.k-bottom-0\.5 {
  bottom: 2px;
}

.\!k-bottom-0\.5 {
  bottom: 2px !important;
}

.k-bottom-1 {
  bottom: 4px;
}

.\!k-bottom-1 {
  bottom: 4px !important;
}

.k-bottom-1\.5 {
  bottom: 6px;
}

.\!k-bottom-1\.5 {
  bottom: 6px !important;
}

.k-bottom-2 {
  bottom: 8px;
}

.\!k-bottom-2 {
  bottom: 8px !important;
}

.k-bottom-2\.5 {
  bottom: 10px;
}

.\!k-bottom-2\.5 {
  bottom: 10px !important;
}

.k-bottom-3 {
  bottom: 12px;
}

.\!k-bottom-3 {
  bottom: 12px !important;
}

.k-bottom-3\.5 {
  bottom: 14px;
}

.\!k-bottom-3\.5 {
  bottom: 14px !important;
}

.k-bottom-4 {
  bottom: 16px;
}

.\!k-bottom-4 {
  bottom: 16px !important;
}

.k-bottom-4\.5 {
  bottom: 18px;
}

.\!k-bottom-4\.5 {
  bottom: 18px !important;
}

.k-bottom-5 {
  bottom: 20px;
}

.\!k-bottom-5 {
  bottom: 20px !important;
}

.k-bottom-5\.5 {
  bottom: 22px;
}

.\!k-bottom-5\.5 {
  bottom: 22px !important;
}

.k-bottom-6 {
  bottom: 24px;
}

.\!k-bottom-6 {
  bottom: 24px !important;
}

.k-bottom-6\.5 {
  bottom: 26px;
}

.\!k-bottom-6\.5 {
  bottom: 26px !important;
}

.k-bottom-7 {
  bottom: 28px;
}

.\!k-bottom-7 {
  bottom: 28px !important;
}

.k-bottom-7\.5 {
  bottom: 30px;
}

.\!k-bottom-7\.5 {
  bottom: 30px !important;
}

.k-bottom-8 {
  bottom: 32px;
}

.\!k-bottom-8 {
  bottom: 32px !important;
}

.k-bottom-9 {
  bottom: 36px;
}

.\!k-bottom-9 {
  bottom: 36px !important;
}

.k-bottom-10 {
  bottom: 40px;
}

.\!k-bottom-10 {
  bottom: 40px !important;
}

.k-bottom-11 {
  bottom: 44px;
}

.\!k-bottom-11 {
  bottom: 44px !important;
}

.k-bottom-12 {
  bottom: 48px;
}

.\!k-bottom-12 {
  bottom: 48px !important;
}

.k-bottom-13 {
  bottom: 52px;
}

.\!k-bottom-13 {
  bottom: 52px !important;
}

.k-bottom-14 {
  bottom: 56px;
}

.\!k-bottom-14 {
  bottom: 56px !important;
}

.k-bottom-15 {
  bottom: 60px;
}

.\!k-bottom-15 {
  bottom: 60px !important;
}

.k-bottom-16 {
  bottom: 64px;
}

.\!k-bottom-16 {
  bottom: 64px !important;
}

.k-bottom-17 {
  bottom: 68px;
}

.\!k-bottom-17 {
  bottom: 68px !important;
}

.k-bottom-18 {
  bottom: 72px;
}

.\!k-bottom-18 {
  bottom: 72px !important;
}

.k-bottom-19 {
  bottom: 76px;
}

.\!k-bottom-19 {
  bottom: 76px !important;
}

.k-bottom-20 {
  bottom: 80px;
}

.\!k-bottom-20 {
  bottom: 80px !important;
}

.k-bottom-21 {
  bottom: 84px;
}

.\!k-bottom-21 {
  bottom: 84px !important;
}

.k-bottom-22 {
  bottom: 88px;
}

.\!k-bottom-22 {
  bottom: 88px !important;
}

.k-bottom-23 {
  bottom: 92px;
}

.\!k-bottom-23 {
  bottom: 92px !important;
}

.k-bottom-24 {
  bottom: 96px;
}

.\!k-bottom-24 {
  bottom: 96px !important;
}

.k-bottom--1 {
  bottom: -1px;
}

.\!k-bottom--1 {
  bottom: -1px !important;
}

.k-left-0 {
  left: 0;
}

.\!k-left-0 {
  left: 0 !important;
}

.k-left-1px {
  left: 1px;
}

.\!k-left-1px {
  left: 1px !important;
}

.k-left-0\.5 {
  left: 2px;
}

.\!k-left-0\.5 {
  left: 2px !important;
}

.k-left-1 {
  left: 4px;
}

.\!k-left-1 {
  left: 4px !important;
}

.k-left-1\.5 {
  left: 6px;
}

.\!k-left-1\.5 {
  left: 6px !important;
}

.k-left-2 {
  left: 8px;
}

.\!k-left-2 {
  left: 8px !important;
}

.k-left-2\.5 {
  left: 10px;
}

.\!k-left-2\.5 {
  left: 10px !important;
}

.k-left-3 {
  left: 12px;
}

.\!k-left-3 {
  left: 12px !important;
}

.k-left-3\.5 {
  left: 14px;
}

.\!k-left-3\.5 {
  left: 14px !important;
}

.k-left-4 {
  left: 16px;
}

.\!k-left-4 {
  left: 16px !important;
}

.k-left-4\.5 {
  left: 18px;
}

.\!k-left-4\.5 {
  left: 18px !important;
}

.k-left-5 {
  left: 20px;
}

.\!k-left-5 {
  left: 20px !important;
}

.k-left-5\.5 {
  left: 22px;
}

.\!k-left-5\.5 {
  left: 22px !important;
}

.k-left-6 {
  left: 24px;
}

.\!k-left-6 {
  left: 24px !important;
}

.k-left-6\.5 {
  left: 26px;
}

.\!k-left-6\.5 {
  left: 26px !important;
}

.k-left-7 {
  left: 28px;
}

.\!k-left-7 {
  left: 28px !important;
}

.k-left-7\.5 {
  left: 30px;
}

.\!k-left-7\.5 {
  left: 30px !important;
}

.k-left-8 {
  left: 32px;
}

.\!k-left-8 {
  left: 32px !important;
}

.k-left-9 {
  left: 36px;
}

.\!k-left-9 {
  left: 36px !important;
}

.k-left-10 {
  left: 40px;
}

.\!k-left-10 {
  left: 40px !important;
}

.k-left-11 {
  left: 44px;
}

.\!k-left-11 {
  left: 44px !important;
}

.k-left-12 {
  left: 48px;
}

.\!k-left-12 {
  left: 48px !important;
}

.k-left-13 {
  left: 52px;
}

.\!k-left-13 {
  left: 52px !important;
}

.k-left-14 {
  left: 56px;
}

.\!k-left-14 {
  left: 56px !important;
}

.k-left-15 {
  left: 60px;
}

.\!k-left-15 {
  left: 60px !important;
}

.k-left-16 {
  left: 64px;
}

.\!k-left-16 {
  left: 64px !important;
}

.k-left-17 {
  left: 68px;
}

.\!k-left-17 {
  left: 68px !important;
}

.k-left-18 {
  left: 72px;
}

.\!k-left-18 {
  left: 72px !important;
}

.k-left-19 {
  left: 76px;
}

.\!k-left-19 {
  left: 76px !important;
}

.k-left-20 {
  left: 80px;
}

.\!k-left-20 {
  left: 80px !important;
}

.k-left-21 {
  left: 84px;
}

.\!k-left-21 {
  left: 84px !important;
}

.k-left-22 {
  left: 88px;
}

.\!k-left-22 {
  left: 88px !important;
}

.k-left-23 {
  left: 92px;
}

.\!k-left-23 {
  left: 92px !important;
}

.k-left-24 {
  left: 96px;
}

.\!k-left-24 {
  left: 96px !important;
}

.k-left--1 {
  left: -1px;
}

.\!k-left--1 {
  left: -1px !important;
}

.k-top,
.k-pos-top {
  top: 0;
}

.k-right,
.k-pos-right {
  right: 0;
}

.k-bottom,
.k-pos-bottom {
  bottom: 0;
}

.k-left,
.k-pos-left {
  left: 0;
}

.k-inset-0 {
  inset: 0;
}

.\!k-inset-0 {
  inset: 0 !important;
}

.k-inset-1 {
  inset: 1px;
}

.\!k-inset-1 {
  inset: 1px !important;
}

.k-inset--1 {
  inset: -1px;
}

.\!k-inset--1 {
  inset: -1px !important;
}

.k-inset-x-0 {
  inset-inline: 0;
}

.\!k-inset-x-0 {
  inset-inline: 0 !important;
}

.k-inset-x-1 {
  inset-inline: 1px;
}

.\!k-inset-x-1 {
  inset-inline: 1px !important;
}

.k-inset-x--1 {
  inset-inline: -1px;
}

.\!k-inset-x--1 {
  inset-inline: -1px !important;
}

.k-inset-y-0 {
  inset-block: 0;
}

.\!k-inset-y-0 {
  inset-block: 0 !important;
}

.k-inset-y-1 {
  inset-block: 1px;
}

.\!k-inset-y-1 {
  inset-block: 1px !important;
}

.k-inset-y--1 {
  inset-block: -1px;
}

.\!k-inset-y--1 {
  inset-block: -1px !important;
}

.k-top-left-0 {
  top: 0;
  left: 0;
}

.\!k-top-left-0 {
  top: 0 !important;
  left: 0 !important;
}

.k-top-left-1 {
  top: 1px;
  left: 1px;
}

.\!k-top-left-1 {
  top: 1px !important;
  left: 1px !important;
}

.k-top-left--1 {
  top: -1px;
  left: -1px;
}

.\!k-top-left--1 {
  top: -1px !important;
  left: -1px !important;
}

.k-top-right-0 {
  top: 0;
  right: 0;
}

.\!k-top-right-0 {
  top: 0 !important;
  right: 0 !important;
}

.k-top-right-1 {
  top: 1px;
  right: 1px;
}

.\!k-top-right-1 {
  top: 1px !important;
  right: 1px !important;
}

.k-top-right--1 {
  top: -1px;
  right: -1px;
}

.\!k-top-right--1 {
  top: -1px !important;
  right: -1px !important;
}

.k-bottom-left-0 {
  bottom: 0;
  left: 0;
}

.\!k-bottom-left-0 {
  bottom: 0 !important;
  left: 0 !important;
}

.k-bottom-left-1 {
  bottom: 1px;
  left: 1px;
}

.\!k-bottom-left-1 {
  bottom: 1px !important;
  left: 1px !important;
}

.k-bottom-left--1 {
  bottom: -1px;
  left: -1px;
}

.\!k-bottom-left--1 {
  bottom: -1px !important;
  left: -1px !important;
}

.k-bottom-right-0 {
  bottom: 0;
  right: 0;
}

.\!k-bottom-right-0 {
  bottom: 0 !important;
  right: 0 !important;
}

.k-bottom-right-1 {
  bottom: 1px;
  right: 1px;
}

.\!k-bottom-right-1 {
  bottom: 1px !important;
  right: 1px !important;
}

.k-bottom-right--1 {
  bottom: -1px;
  right: -1px;
}

.\!k-bottom-right--1 {
  bottom: -1px !important;
  right: -1px !important;
}

.k-top-start,
.k-pos-top-start {
  top: 0;
  inset-inline-start: 0;
}

.k-top-end,
.k-pos-top-end {
  top: 0;
  inset-inline-end: 0;
}

.k-bottom-start,
.k-pos-bottom-start {
  bottom: 0;
  inset-inline-start: 0;
}

.k-bottom-end,
.k-pos-bottom-end {
  bottom: 0;
  inset-inline-end: 0;
}

.k-top-center,
.k-pos-top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.k-middle-left,
.k-middle-start,
.k-pos-middle-start {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.k-middle-center {
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}

.k-middle-right,
.k-middle-end,
.k-pos-middle-end {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.k-bottom-center,
.k-pos-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.k-pos-static, .k-static {
  position: static;
}

.\!k-pos-static, .\!k-static {
  position: static !important;
}

.k-pos-relative, .k-relative {
  position: relative;
}

.\!k-pos-relative, .\!k-relative {
  position: relative !important;
}

.k-pos-absolute, .k-absolute {
  position: absolute;
}

.\!k-pos-absolute, .\!k-absolute {
  position: absolute !important;
}

.k-pos-fixed, .k-fixed {
  position: fixed;
}

.\!k-pos-fixed, .\!k-fixed {
  position: fixed !important;
}

.k-pos-sticky, .k-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.\!k-pos-sticky, .\!k-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.k-visibility-visible, .k-visible {
  visibility: visible;
}

.\!k-visibility-visible, .\!k-visible {
  visibility: visible !important;
}

.k-visibility-invisible {
  visibility: hidden;
}

.\!k-visibility-invisible {
  visibility: hidden !important;
}

.k-visibility-collapse {
  visibility: collapse;
}

.\!k-visibility-collapse {
  visibility: collapse !important;
}

.k-z-0 {
  z-index: 0;
}

.\!k-z-0 {
  z-index: 0 !important;
}

.k-z-10 {
  z-index: 10;
}

.\!k-z-10 {
  z-index: 10 !important;
}

.k-z-20 {
  z-index: 20;
}

.\!k-z-20 {
  z-index: 20 !important;
}

.k-z-30 {
  z-index: 30;
}

.\!k-z-30 {
  z-index: 30 !important;
}

.k-z-40 {
  z-index: 40;
}

.\!k-z-40 {
  z-index: 40 !important;
}

.k-z-50 {
  z-index: 50;
}

.\!k-z-50 {
  z-index: 50 !important;
}

.k-z-auto {
  z-index: auto;
}

.\!k-z-auto {
  z-index: auto !important;
}

.k-align-content-normal {
  align-content: normal;
}

.\!k-align-content-normal {
  align-content: normal !important;
}

.k-align-content-stretch {
  align-content: stretch;
}

.\!k-align-content-stretch {
  align-content: stretch !important;
}

.k-align-content-center {
  align-content: center;
}

.\!k-align-content-center {
  align-content: center !important;
}

.k-align-content-start {
  align-content: start;
}

.\!k-align-content-start {
  align-content: start !important;
}

.k-align-content-end {
  align-content: end;
}

.\!k-align-content-end {
  align-content: end !important;
}

.k-align-content-flex-start {
  align-content: flex-start;
}

.\!k-align-content-flex-start {
  align-content: flex-start !important;
}

.k-align-content-flex-end {
  align-content: flex-end;
}

.\!k-align-content-flex-end {
  align-content: flex-end !important;
}

.k-align-content-baseline {
  align-content: baseline;
}

.\!k-align-content-baseline {
  align-content: baseline !important;
}

.k-align-content-first-baseline {
  align-content: first baseline;
}

.\!k-align-content-first-baseline {
  align-content: first baseline !important;
}

.k-align-content-last-baseline {
  align-content: last baseline;
}

.\!k-align-content-last-baseline {
  align-content: last baseline !important;
}

.k-align-content-between {
  align-content: space-between;
}

.\!k-align-content-between {
  align-content: space-between !important;
}

.k-align-content-around {
  align-content: space-around;
}

.\!k-align-content-around {
  align-content: space-around !important;
}

.k-align-content-evenly {
  align-content: space-evenly;
}

.\!k-align-content-evenly {
  align-content: space-evenly !important;
}

.k-align-items-normal {
  align-items: normal;
}

.\!k-align-items-normal {
  align-items: normal !important;
}

.k-align-items-stretch {
  align-items: stretch;
}

.\!k-align-items-stretch {
  align-items: stretch !important;
}

.k-align-items-center {
  align-items: center;
}

.\!k-align-items-center {
  align-items: center !important;
}

.k-align-items-start {
  align-items: start;
}

.\!k-align-items-start {
  align-items: start !important;
}

.k-align-items-end {
  align-items: end;
}

.\!k-align-items-end {
  align-items: end !important;
}

.k-align-items-flex-start {
  align-items: flex-start;
}

.\!k-align-items-flex-start {
  align-items: flex-start !important;
}

.k-align-items-flex-end {
  align-items: flex-end;
}

.\!k-align-items-flex-end {
  align-items: flex-end !important;
}

.k-align-items-baseline {
  align-items: baseline;
}

.\!k-align-items-baseline {
  align-items: baseline !important;
}

.k-align-items-first-baseline {
  align-items: first baseline;
}

.\!k-align-items-first-baseline {
  align-items: first baseline !important;
}

.k-align-items-last-baseline {
  align-items: last baseline;
}

.\!k-align-items-last-baseline {
  align-items: last baseline !important;
}

.k-align-items-self-start {
  align-items: self-start;
}

.\!k-align-items-self-start {
  align-items: self-start !important;
}

.k-align-items-self-end {
  align-items: self-end;
}

.\!k-align-items-self-end {
  align-items: self-end !important;
}

.k-align-self-auto {
  align-self: auto;
}

.\!k-align-self-auto {
  align-self: auto !important;
}

.k-align-self-normal {
  align-self: normal;
}

.\!k-align-self-normal {
  align-self: normal !important;
}

.k-align-self-stretch {
  align-self: stretch;
}

.\!k-align-self-stretch {
  align-self: stretch !important;
}

.k-align-self-center {
  align-self: center;
}

.\!k-align-self-center {
  align-self: center !important;
}

.k-align-self-start {
  align-self: start;
}

.\!k-align-self-start {
  align-self: start !important;
}

.k-align-self-end {
  align-self: end;
}

.\!k-align-self-end {
  align-self: end !important;
}

.k-align-self-flex-start {
  align-self: flex-start;
}

.\!k-align-self-flex-start {
  align-self: flex-start !important;
}

.k-align-self-flex-end {
  align-self: flex-end;
}

.\!k-align-self-flex-end {
  align-self: flex-end !important;
}

.k-align-self-baseline {
  align-self: baseline;
}

.\!k-align-self-baseline {
  align-self: baseline !important;
}

.k-align-self-first-baseline {
  align-self: first baseline;
}

.\!k-align-self-first-baseline {
  align-self: first baseline !important;
}

.k-align-self-last-baseline {
  align-self: last baseline;
}

.\!k-align-self-last-baseline {
  align-self: last baseline !important;
}

.k-align-self-self-start {
  align-self: self-start;
}

.\!k-align-self-self-start {
  align-self: self-start !important;
}

.k-align-self-self-end {
  align-self: self-end;
}

.\!k-align-self-self-end {
  align-self: self-end !important;
}

.k-basis-0 {
  flex-basis: 0;
}

.\!k-basis-0 {
  flex-basis: 0 !important;
}

.k-basis-1px {
  flex-basis: 1px;
}

.\!k-basis-1px {
  flex-basis: 1px !important;
}

.k-basis-0\.5 {
  flex-basis: 2px;
}

.\!k-basis-0\.5 {
  flex-basis: 2px !important;
}

.k-basis-1 {
  flex-basis: 4px;
}

.\!k-basis-1 {
  flex-basis: 4px !important;
}

.k-basis-1\.5 {
  flex-basis: 6px;
}

.\!k-basis-1\.5 {
  flex-basis: 6px !important;
}

.k-basis-2 {
  flex-basis: 8px;
}

.\!k-basis-2 {
  flex-basis: 8px !important;
}

.k-basis-2\.5 {
  flex-basis: 10px;
}

.\!k-basis-2\.5 {
  flex-basis: 10px !important;
}

.k-basis-3 {
  flex-basis: 12px;
}

.\!k-basis-3 {
  flex-basis: 12px !important;
}

.k-basis-3\.5 {
  flex-basis: 14px;
}

.\!k-basis-3\.5 {
  flex-basis: 14px !important;
}

.k-basis-4 {
  flex-basis: 16px;
}

.\!k-basis-4 {
  flex-basis: 16px !important;
}

.k-basis-4\.5 {
  flex-basis: 18px;
}

.\!k-basis-4\.5 {
  flex-basis: 18px !important;
}

.k-basis-5 {
  flex-basis: 20px;
}

.\!k-basis-5 {
  flex-basis: 20px !important;
}

.k-basis-5\.5 {
  flex-basis: 22px;
}

.\!k-basis-5\.5 {
  flex-basis: 22px !important;
}

.k-basis-6 {
  flex-basis: 24px;
}

.\!k-basis-6 {
  flex-basis: 24px !important;
}

.k-basis-6\.5 {
  flex-basis: 26px;
}

.\!k-basis-6\.5 {
  flex-basis: 26px !important;
}

.k-basis-7 {
  flex-basis: 28px;
}

.\!k-basis-7 {
  flex-basis: 28px !important;
}

.k-basis-7\.5 {
  flex-basis: 30px;
}

.\!k-basis-7\.5 {
  flex-basis: 30px !important;
}

.k-basis-8 {
  flex-basis: 32px;
}

.\!k-basis-8 {
  flex-basis: 32px !important;
}

.k-basis-9 {
  flex-basis: 36px;
}

.\!k-basis-9 {
  flex-basis: 36px !important;
}

.k-basis-10 {
  flex-basis: 40px;
}

.\!k-basis-10 {
  flex-basis: 40px !important;
}

.k-basis-11 {
  flex-basis: 44px;
}

.\!k-basis-11 {
  flex-basis: 44px !important;
}

.k-basis-12 {
  flex-basis: 48px;
}

.\!k-basis-12 {
  flex-basis: 48px !important;
}

.k-basis-13 {
  flex-basis: 52px;
}

.\!k-basis-13 {
  flex-basis: 52px !important;
}

.k-basis-14 {
  flex-basis: 56px;
}

.\!k-basis-14 {
  flex-basis: 56px !important;
}

.k-basis-15 {
  flex-basis: 60px;
}

.\!k-basis-15 {
  flex-basis: 60px !important;
}

.k-basis-16 {
  flex-basis: 64px;
}

.\!k-basis-16 {
  flex-basis: 64px !important;
}

.k-basis-17 {
  flex-basis: 68px;
}

.\!k-basis-17 {
  flex-basis: 68px !important;
}

.k-basis-18 {
  flex-basis: 72px;
}

.\!k-basis-18 {
  flex-basis: 72px !important;
}

.k-basis-19 {
  flex-basis: 76px;
}

.\!k-basis-19 {
  flex-basis: 76px !important;
}

.k-basis-20 {
  flex-basis: 80px;
}

.\!k-basis-20 {
  flex-basis: 80px !important;
}

.k-basis-21 {
  flex-basis: 84px;
}

.\!k-basis-21 {
  flex-basis: 84px !important;
}

.k-basis-22 {
  flex-basis: 88px;
}

.\!k-basis-22 {
  flex-basis: 88px !important;
}

.k-basis-23 {
  flex-basis: 92px;
}

.\!k-basis-23 {
  flex-basis: 92px !important;
}

.k-basis-24 {
  flex-basis: 96px;
}

.\!k-basis-24 {
  flex-basis: 96px !important;
}

.k-basis-auto {
  flex-basis: auto;
}

.\!k-basis-auto {
  flex-basis: auto !important;
}

.k-basis-1\/2 {
  flex-basis: 50%;
}

.\!k-basis-1\/2 {
  flex-basis: 50% !important;
}

.k-basis-1\/3 {
  flex-basis: 33.333333%;
}

.\!k-basis-1\/3 {
  flex-basis: 33.333333% !important;
}

.k-basis-2\/3 {
  flex-basis: 66.666667%;
}

.\!k-basis-2\/3 {
  flex-basis: 66.666667% !important;
}

.k-basis-1\/4 {
  flex-basis: 25%;
}

.\!k-basis-1\/4 {
  flex-basis: 25% !important;
}

.k-basis-2\/4 {
  flex-basis: 50%;
}

.\!k-basis-2\/4 {
  flex-basis: 50% !important;
}

.k-basis-3\/4 {
  flex-basis: 75%;
}

.\!k-basis-3\/4 {
  flex-basis: 75% !important;
}

.k-basis-1\/5 {
  flex-basis: 20%;
}

.\!k-basis-1\/5 {
  flex-basis: 20% !important;
}

.k-basis-2\/5 {
  flex-basis: 40%;
}

.\!k-basis-2\/5 {
  flex-basis: 40% !important;
}

.k-basis-3\/5 {
  flex-basis: 60%;
}

.\!k-basis-3\/5 {
  flex-basis: 60% !important;
}

.k-basis-4\/5 {
  flex-basis: 80%;
}

.\!k-basis-4\/5 {
  flex-basis: 80% !important;
}

.k-basis-1\/6 {
  flex-basis: 16.666667%;
}

.\!k-basis-1\/6 {
  flex-basis: 16.666667% !important;
}

.k-basis-2\/6 {
  flex-basis: 33.333333%;
}

.\!k-basis-2\/6 {
  flex-basis: 33.333333% !important;
}

.k-basis-3\/6 {
  flex-basis: 50%;
}

.\!k-basis-3\/6 {
  flex-basis: 50% !important;
}

.k-basis-4\/6 {
  flex-basis: 66.666667%;
}

.\!k-basis-4\/6 {
  flex-basis: 66.666667% !important;
}

.k-basis-5\/6 {
  flex-basis: 83.333333%;
}

.\!k-basis-5\/6 {
  flex-basis: 83.333333% !important;
}

.k-basis-1\/12 {
  flex-basis: 8.333333%;
}

.\!k-basis-1\/12 {
  flex-basis: 8.333333% !important;
}

.k-basis-2\/12 {
  flex-basis: 16.666667%;
}

.\!k-basis-2\/12 {
  flex-basis: 16.666667% !important;
}

.k-basis-3\/12 {
  flex-basis: 25%;
}

.\!k-basis-3\/12 {
  flex-basis: 25% !important;
}

.k-basis-4\/12 {
  flex-basis: 33.333333%;
}

.\!k-basis-4\/12 {
  flex-basis: 33.333333% !important;
}

.k-basis-5\/12 {
  flex-basis: 41.666667%;
}

.\!k-basis-5\/12 {
  flex-basis: 41.666667% !important;
}

.k-basis-6\/12 {
  flex-basis: 50%;
}

.\!k-basis-6\/12 {
  flex-basis: 50% !important;
}

.k-basis-7\/12 {
  flex-basis: 58.333333%;
}

.\!k-basis-7\/12 {
  flex-basis: 58.333333% !important;
}

.k-basis-8\/12 {
  flex-basis: 66.666667%;
}

.\!k-basis-8\/12 {
  flex-basis: 66.666667% !important;
}

.k-basis-9\/12 {
  flex-basis: 75%;
}

.\!k-basis-9\/12 {
  flex-basis: 75% !important;
}

.k-basis-10\/12 {
  flex-basis: 83.333333%;
}

.\!k-basis-10\/12 {
  flex-basis: 83.333333% !important;
}

.k-basis-11\/12 {
  flex-basis: 91.666667%;
}

.\!k-basis-11\/12 {
  flex-basis: 91.666667% !important;
}

.k-basis-full {
  flex-basis: 100%;
}

.\!k-basis-full {
  flex-basis: 100% !important;
}

.k-basis-min {
  flex-basis: min-content;
}

.\!k-basis-min {
  flex-basis: min-content !important;
}

.k-basis-max {
  flex-basis: max-content;
}

.\!k-basis-max {
  flex-basis: max-content !important;
}

.k-basis-fit {
  flex-basis: fit-content;
}

.\!k-basis-fit {
  flex-basis: fit-content !important;
}

.k-flex-basis-0 {
  flex-basis: 0;
}

.\!k-flex-basis-0 {
  flex-basis: 0 !important;
}

.k-flex-basis-1px {
  flex-basis: 1px;
}

.\!k-flex-basis-1px {
  flex-basis: 1px !important;
}

.k-flex-basis-0\.5 {
  flex-basis: 2px;
}

.\!k-flex-basis-0\.5 {
  flex-basis: 2px !important;
}

.k-flex-basis-1 {
  flex-basis: 4px;
}

.\!k-flex-basis-1 {
  flex-basis: 4px !important;
}

.k-flex-basis-1\.5 {
  flex-basis: 6px;
}

.\!k-flex-basis-1\.5 {
  flex-basis: 6px !important;
}

.k-flex-basis-2 {
  flex-basis: 8px;
}

.\!k-flex-basis-2 {
  flex-basis: 8px !important;
}

.k-flex-basis-2\.5 {
  flex-basis: 10px;
}

.\!k-flex-basis-2\.5 {
  flex-basis: 10px !important;
}

.k-flex-basis-3 {
  flex-basis: 12px;
}

.\!k-flex-basis-3 {
  flex-basis: 12px !important;
}

.k-flex-basis-3\.5 {
  flex-basis: 14px;
}

.\!k-flex-basis-3\.5 {
  flex-basis: 14px !important;
}

.k-flex-basis-4 {
  flex-basis: 16px;
}

.\!k-flex-basis-4 {
  flex-basis: 16px !important;
}

.k-flex-basis-4\.5 {
  flex-basis: 18px;
}

.\!k-flex-basis-4\.5 {
  flex-basis: 18px !important;
}

.k-flex-basis-5 {
  flex-basis: 20px;
}

.\!k-flex-basis-5 {
  flex-basis: 20px !important;
}

.k-flex-basis-5\.5 {
  flex-basis: 22px;
}

.\!k-flex-basis-5\.5 {
  flex-basis: 22px !important;
}

.k-flex-basis-6 {
  flex-basis: 24px;
}

.\!k-flex-basis-6 {
  flex-basis: 24px !important;
}

.k-flex-basis-6\.5 {
  flex-basis: 26px;
}

.\!k-flex-basis-6\.5 {
  flex-basis: 26px !important;
}

.k-flex-basis-7 {
  flex-basis: 28px;
}

.\!k-flex-basis-7 {
  flex-basis: 28px !important;
}

.k-flex-basis-7\.5 {
  flex-basis: 30px;
}

.\!k-flex-basis-7\.5 {
  flex-basis: 30px !important;
}

.k-flex-basis-8 {
  flex-basis: 32px;
}

.\!k-flex-basis-8 {
  flex-basis: 32px !important;
}

.k-flex-basis-9 {
  flex-basis: 36px;
}

.\!k-flex-basis-9 {
  flex-basis: 36px !important;
}

.k-flex-basis-10 {
  flex-basis: 40px;
}

.\!k-flex-basis-10 {
  flex-basis: 40px !important;
}

.k-flex-basis-11 {
  flex-basis: 44px;
}

.\!k-flex-basis-11 {
  flex-basis: 44px !important;
}

.k-flex-basis-12 {
  flex-basis: 48px;
}

.\!k-flex-basis-12 {
  flex-basis: 48px !important;
}

.k-flex-basis-13 {
  flex-basis: 52px;
}

.\!k-flex-basis-13 {
  flex-basis: 52px !important;
}

.k-flex-basis-14 {
  flex-basis: 56px;
}

.\!k-flex-basis-14 {
  flex-basis: 56px !important;
}

.k-flex-basis-15 {
  flex-basis: 60px;
}

.\!k-flex-basis-15 {
  flex-basis: 60px !important;
}

.k-flex-basis-16 {
  flex-basis: 64px;
}

.\!k-flex-basis-16 {
  flex-basis: 64px !important;
}

.k-flex-basis-17 {
  flex-basis: 68px;
}

.\!k-flex-basis-17 {
  flex-basis: 68px !important;
}

.k-flex-basis-18 {
  flex-basis: 72px;
}

.\!k-flex-basis-18 {
  flex-basis: 72px !important;
}

.k-flex-basis-19 {
  flex-basis: 76px;
}

.\!k-flex-basis-19 {
  flex-basis: 76px !important;
}

.k-flex-basis-20 {
  flex-basis: 80px;
}

.\!k-flex-basis-20 {
  flex-basis: 80px !important;
}

.k-flex-basis-21 {
  flex-basis: 84px;
}

.\!k-flex-basis-21 {
  flex-basis: 84px !important;
}

.k-flex-basis-22 {
  flex-basis: 88px;
}

.\!k-flex-basis-22 {
  flex-basis: 88px !important;
}

.k-flex-basis-23 {
  flex-basis: 92px;
}

.\!k-flex-basis-23 {
  flex-basis: 92px !important;
}

.k-flex-basis-24 {
  flex-basis: 96px;
}

.\!k-flex-basis-24 {
  flex-basis: 96px !important;
}

.k-flex-basis-auto {
  flex-basis: auto;
}

.\!k-flex-basis-auto {
  flex-basis: auto !important;
}

.k-flex-basis-1\/2 {
  flex-basis: 50%;
}

.\!k-flex-basis-1\/2 {
  flex-basis: 50% !important;
}

.k-flex-basis-1\/3 {
  flex-basis: 33.333333%;
}

.\!k-flex-basis-1\/3 {
  flex-basis: 33.333333% !important;
}

.k-flex-basis-2\/3 {
  flex-basis: 66.666667%;
}

.\!k-flex-basis-2\/3 {
  flex-basis: 66.666667% !important;
}

.k-flex-basis-1\/4 {
  flex-basis: 25%;
}

.\!k-flex-basis-1\/4 {
  flex-basis: 25% !important;
}

.k-flex-basis-2\/4 {
  flex-basis: 50%;
}

.\!k-flex-basis-2\/4 {
  flex-basis: 50% !important;
}

.k-flex-basis-3\/4 {
  flex-basis: 75%;
}

.\!k-flex-basis-3\/4 {
  flex-basis: 75% !important;
}

.k-flex-basis-1\/5 {
  flex-basis: 20%;
}

.\!k-flex-basis-1\/5 {
  flex-basis: 20% !important;
}

.k-flex-basis-2\/5 {
  flex-basis: 40%;
}

.\!k-flex-basis-2\/5 {
  flex-basis: 40% !important;
}

.k-flex-basis-3\/5 {
  flex-basis: 60%;
}

.\!k-flex-basis-3\/5 {
  flex-basis: 60% !important;
}

.k-flex-basis-4\/5 {
  flex-basis: 80%;
}

.\!k-flex-basis-4\/5 {
  flex-basis: 80% !important;
}

.k-flex-basis-1\/6 {
  flex-basis: 16.666667%;
}

.\!k-flex-basis-1\/6 {
  flex-basis: 16.666667% !important;
}

.k-flex-basis-2\/6 {
  flex-basis: 33.333333%;
}

.\!k-flex-basis-2\/6 {
  flex-basis: 33.333333% !important;
}

.k-flex-basis-3\/6 {
  flex-basis: 50%;
}

.\!k-flex-basis-3\/6 {
  flex-basis: 50% !important;
}

.k-flex-basis-4\/6 {
  flex-basis: 66.666667%;
}

.\!k-flex-basis-4\/6 {
  flex-basis: 66.666667% !important;
}

.k-flex-basis-5\/6 {
  flex-basis: 83.333333%;
}

.\!k-flex-basis-5\/6 {
  flex-basis: 83.333333% !important;
}

.k-flex-basis-1\/12 {
  flex-basis: 8.333333%;
}

.\!k-flex-basis-1\/12 {
  flex-basis: 8.333333% !important;
}

.k-flex-basis-2\/12 {
  flex-basis: 16.666667%;
}

.\!k-flex-basis-2\/12 {
  flex-basis: 16.666667% !important;
}

.k-flex-basis-3\/12 {
  flex-basis: 25%;
}

.\!k-flex-basis-3\/12 {
  flex-basis: 25% !important;
}

.k-flex-basis-4\/12 {
  flex-basis: 33.333333%;
}

.\!k-flex-basis-4\/12 {
  flex-basis: 33.333333% !important;
}

.k-flex-basis-5\/12 {
  flex-basis: 41.666667%;
}

.\!k-flex-basis-5\/12 {
  flex-basis: 41.666667% !important;
}

.k-flex-basis-6\/12 {
  flex-basis: 50%;
}

.\!k-flex-basis-6\/12 {
  flex-basis: 50% !important;
}

.k-flex-basis-7\/12 {
  flex-basis: 58.333333%;
}

.\!k-flex-basis-7\/12 {
  flex-basis: 58.333333% !important;
}

.k-flex-basis-8\/12 {
  flex-basis: 66.666667%;
}

.\!k-flex-basis-8\/12 {
  flex-basis: 66.666667% !important;
}

.k-flex-basis-9\/12 {
  flex-basis: 75%;
}

.\!k-flex-basis-9\/12 {
  flex-basis: 75% !important;
}

.k-flex-basis-10\/12 {
  flex-basis: 83.333333%;
}

.\!k-flex-basis-10\/12 {
  flex-basis: 83.333333% !important;
}

.k-flex-basis-11\/12 {
  flex-basis: 91.666667%;
}

.\!k-flex-basis-11\/12 {
  flex-basis: 91.666667% !important;
}

.k-flex-basis-full {
  flex-basis: 100%;
}

.\!k-flex-basis-full {
  flex-basis: 100% !important;
}

.k-flex-basis-min {
  flex-basis: min-content;
}

.\!k-flex-basis-min {
  flex-basis: min-content !important;
}

.k-flex-basis-max {
  flex-basis: max-content;
}

.\!k-flex-basis-max {
  flex-basis: max-content !important;
}

.k-flex-basis-fit {
  flex-basis: fit-content;
}

.\!k-flex-basis-fit {
  flex-basis: fit-content !important;
}

.k-flex-row, .k-d-flex-row {
  flex-direction: row;
}

.\!k-flex-row, .\!k-d-flex-row, .\!k-d-flex-col {
  flex-direction: row !important;
}

.k-flex-row-reverse {
  flex-direction: row-reverse;
}

.\!k-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.k-flex-col, .k-flex-column, .k-d-flex-col {
  flex-direction: column;
}

.\!k-flex-col {
  flex-direction: column !important;
}

.k-flex-col-reverse, .k-flex-column-reverse {
  flex-direction: column-reverse;
}

.\!k-flex-col-reverse {
  flex-direction: column-reverse !important;
}

.k-grow {
  flex-grow: 1;
}

.\!k-grow {
  flex-grow: 1 !important;
}

.k-grow-0 {
  flex-grow: 0;
}

.\!k-grow-0 {
  flex-grow: 0 !important;
}

.k-flex-grow {
  flex-grow: 1;
}

.\!k-flex-grow {
  flex-grow: 1 !important;
}

.k-flex-grow-0 {
  flex-grow: 0;
}

.\!k-flex-grow-0 {
  flex-grow: 0 !important;
}

.k-shrink {
  flex-shrink: 1;
}

.\!k-shrink {
  flex-shrink: 1 !important;
}

.k-shrink-0 {
  flex-shrink: 0;
}

.\!k-shrink-0 {
  flex-shrink: 0 !important;
}

.k-flex-shrink {
  flex-shrink: 1;
}

.\!k-flex-shrink {
  flex-shrink: 1 !important;
}

.k-flex-shrink-0 {
  flex-shrink: 0;
}

.\!k-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.k-flex-wrap {
  flex-wrap: wrap;
}

.\!k-flex-wrap {
  flex-wrap: wrap !important;
}

.k-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.\!k-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.k-flex-nowrap {
  flex-wrap: nowrap;
}

.\!k-flex-nowrap {
  flex-wrap: nowrap !important;
}

.k-flex-1 {
  flex: 1 1;
}

.\!k-flex-1 {
  flex: 1 1 !important;
}

.k-flex-auto {
  flex: 1 1 auto;
}

.\!k-flex-auto {
  flex: 1 1 auto !important;
}

.k-flex-initial {
  flex: 0 1 auto;
}

.\!k-flex-initial {
  flex: 0 1 auto !important;
}

.k-flex-none {
  flex: none;
}

.\!k-flex-none {
  flex: none !important;
}

.k-gap-0 {
  gap: 0;
}

.\!k-gap-0 {
  gap: 0 !important;
}

.k-gap-1px {
  gap: 1px;
}

.\!k-gap-1px {
  gap: 1px !important;
}

.k-gap-0\.5 {
  gap: 2px;
}

.\!k-gap-0\.5 {
  gap: 2px !important;
}

.k-gap-1 {
  gap: 4px;
}

.\!k-gap-1 {
  gap: 4px !important;
}

.k-gap-1\.5 {
  gap: 6px;
}

.\!k-gap-1\.5 {
  gap: 6px !important;
}

.k-gap-2 {
  gap: 8px;
}

.\!k-gap-2 {
  gap: 8px !important;
}

.k-gap-2\.5 {
  gap: 10px;
}

.\!k-gap-2\.5 {
  gap: 10px !important;
}

.k-gap-3 {
  gap: 12px;
}

.\!k-gap-3 {
  gap: 12px !important;
}

.k-gap-3\.5 {
  gap: 14px;
}

.\!k-gap-3\.5 {
  gap: 14px !important;
}

.k-gap-4 {
  gap: 16px;
}

.\!k-gap-4 {
  gap: 16px !important;
}

.k-gap-4\.5 {
  gap: 18px;
}

.\!k-gap-4\.5 {
  gap: 18px !important;
}

.k-gap-5 {
  gap: 20px;
}

.\!k-gap-5 {
  gap: 20px !important;
}

.k-gap-5\.5 {
  gap: 22px;
}

.\!k-gap-5\.5 {
  gap: 22px !important;
}

.k-gap-6 {
  gap: 24px;
}

.\!k-gap-6 {
  gap: 24px !important;
}

.k-gap-6\.5 {
  gap: 26px;
}

.\!k-gap-6\.5 {
  gap: 26px !important;
}

.k-gap-7 {
  gap: 28px;
}

.\!k-gap-7 {
  gap: 28px !important;
}

.k-gap-7\.5 {
  gap: 30px;
}

.\!k-gap-7\.5 {
  gap: 30px !important;
}

.k-gap-8 {
  gap: 32px;
}

.\!k-gap-8 {
  gap: 32px !important;
}

.k-gap-9 {
  gap: 36px;
}

.\!k-gap-9 {
  gap: 36px !important;
}

.k-gap-10 {
  gap: 40px;
}

.\!k-gap-10 {
  gap: 40px !important;
}

.k-gap-11 {
  gap: 44px;
}

.\!k-gap-11 {
  gap: 44px !important;
}

.k-gap-12 {
  gap: 48px;
}

.\!k-gap-12 {
  gap: 48px !important;
}

.k-gap-13 {
  gap: 52px;
}

.\!k-gap-13 {
  gap: 52px !important;
}

.k-gap-14 {
  gap: 56px;
}

.\!k-gap-14 {
  gap: 56px !important;
}

.k-gap-15 {
  gap: 60px;
}

.\!k-gap-15 {
  gap: 60px !important;
}

.k-gap-16 {
  gap: 64px;
}

.\!k-gap-16 {
  gap: 64px !important;
}

.k-gap-17 {
  gap: 68px;
}

.\!k-gap-17 {
  gap: 68px !important;
}

.k-gap-18 {
  gap: 72px;
}

.\!k-gap-18 {
  gap: 72px !important;
}

.k-gap-19 {
  gap: 76px;
}

.\!k-gap-19 {
  gap: 76px !important;
}

.k-gap-20 {
  gap: 80px;
}

.\!k-gap-20 {
  gap: 80px !important;
}

.k-gap-21 {
  gap: 84px;
}

.\!k-gap-21 {
  gap: 84px !important;
}

.k-gap-22 {
  gap: 88px;
}

.\!k-gap-22 {
  gap: 88px !important;
}

.k-gap-23 {
  gap: 92px;
}

.\!k-gap-23 {
  gap: 92px !important;
}

.k-gap-24 {
  gap: 96px;
}

.\!k-gap-24 {
  gap: 96px !important;
}

.k-gap-xs {
  gap: 4px;
}

.\!k-gap-xs {
  gap: 4px !important;
}

.k-gap-sm {
  gap: 8px;
}

.\!k-gap-sm {
  gap: 8px !important;
}

.k-gap-md {
  gap: 12px;
}

.\!k-gap-md {
  gap: 12px !important;
}

.k-gap-lg {
  gap: 16px;
}

.\!k-gap-lg {
  gap: 16px !important;
}

.k-gap-xl {
  gap: 24px;
}

.\!k-gap-xl {
  gap: 24px !important;
}

.k-gap-thin {
  gap: 2px;
}

.\!k-gap-thin {
  gap: 2px !important;
}

.k-gap-hair {
  gap: 1px;
}

.\!k-gap-hair {
  gap: 1px !important;
}

.k-gap-x-0 {
  column-gap: 0;
}

.\!k-gap-x-0 {
  column-gap: 0 !important;
}

.k-gap-x-1px {
  column-gap: 1px;
}

.\!k-gap-x-1px {
  column-gap: 1px !important;
}

.k-gap-x-0\.5 {
  column-gap: 2px;
}

.\!k-gap-x-0\.5 {
  column-gap: 2px !important;
}

.k-gap-x-1 {
  column-gap: 4px;
}

.\!k-gap-x-1 {
  column-gap: 4px !important;
}

.k-gap-x-1\.5 {
  column-gap: 6px;
}

.\!k-gap-x-1\.5 {
  column-gap: 6px !important;
}

.k-gap-x-2 {
  column-gap: 8px;
}

.\!k-gap-x-2 {
  column-gap: 8px !important;
}

.k-gap-x-2\.5 {
  column-gap: 10px;
}

.\!k-gap-x-2\.5 {
  column-gap: 10px !important;
}

.k-gap-x-3 {
  column-gap: 12px;
}

.\!k-gap-x-3 {
  column-gap: 12px !important;
}

.k-gap-x-3\.5 {
  column-gap: 14px;
}

.\!k-gap-x-3\.5 {
  column-gap: 14px !important;
}

.k-gap-x-4 {
  column-gap: 16px;
}

.\!k-gap-x-4 {
  column-gap: 16px !important;
}

.k-gap-x-4\.5 {
  column-gap: 18px;
}

.\!k-gap-x-4\.5 {
  column-gap: 18px !important;
}

.k-gap-x-5 {
  column-gap: 20px;
}

.\!k-gap-x-5 {
  column-gap: 20px !important;
}

.k-gap-x-5\.5 {
  column-gap: 22px;
}

.\!k-gap-x-5\.5 {
  column-gap: 22px !important;
}

.k-gap-x-6 {
  column-gap: 24px;
}

.\!k-gap-x-6 {
  column-gap: 24px !important;
}

.k-gap-x-6\.5 {
  column-gap: 26px;
}

.\!k-gap-x-6\.5 {
  column-gap: 26px !important;
}

.k-gap-x-7 {
  column-gap: 28px;
}

.\!k-gap-x-7 {
  column-gap: 28px !important;
}

.k-gap-x-7\.5 {
  column-gap: 30px;
}

.\!k-gap-x-7\.5 {
  column-gap: 30px !important;
}

.k-gap-x-8 {
  column-gap: 32px;
}

.\!k-gap-x-8 {
  column-gap: 32px !important;
}

.k-gap-x-9 {
  column-gap: 36px;
}

.\!k-gap-x-9 {
  column-gap: 36px !important;
}

.k-gap-x-10 {
  column-gap: 40px;
}

.\!k-gap-x-10 {
  column-gap: 40px !important;
}

.k-gap-x-11 {
  column-gap: 44px;
}

.\!k-gap-x-11 {
  column-gap: 44px !important;
}

.k-gap-x-12 {
  column-gap: 48px;
}

.\!k-gap-x-12 {
  column-gap: 48px !important;
}

.k-gap-x-13 {
  column-gap: 52px;
}

.\!k-gap-x-13 {
  column-gap: 52px !important;
}

.k-gap-x-14 {
  column-gap: 56px;
}

.\!k-gap-x-14 {
  column-gap: 56px !important;
}

.k-gap-x-15 {
  column-gap: 60px;
}

.\!k-gap-x-15 {
  column-gap: 60px !important;
}

.k-gap-x-16 {
  column-gap: 64px;
}

.\!k-gap-x-16 {
  column-gap: 64px !important;
}

.k-gap-x-17 {
  column-gap: 68px;
}

.\!k-gap-x-17 {
  column-gap: 68px !important;
}

.k-gap-x-18 {
  column-gap: 72px;
}

.\!k-gap-x-18 {
  column-gap: 72px !important;
}

.k-gap-x-19 {
  column-gap: 76px;
}

.\!k-gap-x-19 {
  column-gap: 76px !important;
}

.k-gap-x-20 {
  column-gap: 80px;
}

.\!k-gap-x-20 {
  column-gap: 80px !important;
}

.k-gap-x-21 {
  column-gap: 84px;
}

.\!k-gap-x-21 {
  column-gap: 84px !important;
}

.k-gap-x-22 {
  column-gap: 88px;
}

.\!k-gap-x-22 {
  column-gap: 88px !important;
}

.k-gap-x-23 {
  column-gap: 92px;
}

.\!k-gap-x-23 {
  column-gap: 92px !important;
}

.k-gap-x-24 {
  column-gap: 96px;
}

.\!k-gap-x-24 {
  column-gap: 96px !important;
}

.k-gap-x-xs {
  column-gap: 4px;
}

.\!k-gap-x-xs {
  column-gap: 4px !important;
}

.k-gap-x-sm {
  column-gap: 8px;
}

.\!k-gap-x-sm {
  column-gap: 8px !important;
}

.k-gap-x-md {
  column-gap: 12px;
}

.\!k-gap-x-md {
  column-gap: 12px !important;
}

.k-gap-x-lg {
  column-gap: 16px;
}

.\!k-gap-x-lg {
  column-gap: 16px !important;
}

.k-gap-x-xl {
  column-gap: 24px;
}

.\!k-gap-x-xl {
  column-gap: 24px !important;
}

.k-gap-x-thin {
  column-gap: 2px;
}

.\!k-gap-x-thin {
  column-gap: 2px !important;
}

.k-gap-x-hair {
  column-gap: 1px;
}

.\!k-gap-x-hair {
  column-gap: 1px !important;
}

.k-gap-y-0 {
  row-gap: 0;
}

.\!k-gap-y-0 {
  row-gap: 0 !important;
}

.k-gap-y-1px {
  row-gap: 1px;
}

.\!k-gap-y-1px {
  row-gap: 1px !important;
}

.k-gap-y-0\.5 {
  row-gap: 2px;
}

.\!k-gap-y-0\.5 {
  row-gap: 2px !important;
}

.k-gap-y-1 {
  row-gap: 4px;
}

.\!k-gap-y-1 {
  row-gap: 4px !important;
}

.k-gap-y-1\.5 {
  row-gap: 6px;
}

.\!k-gap-y-1\.5 {
  row-gap: 6px !important;
}

.k-gap-y-2 {
  row-gap: 8px;
}

.\!k-gap-y-2 {
  row-gap: 8px !important;
}

.k-gap-y-2\.5 {
  row-gap: 10px;
}

.\!k-gap-y-2\.5 {
  row-gap: 10px !important;
}

.k-gap-y-3 {
  row-gap: 12px;
}

.\!k-gap-y-3 {
  row-gap: 12px !important;
}

.k-gap-y-3\.5 {
  row-gap: 14px;
}

.\!k-gap-y-3\.5 {
  row-gap: 14px !important;
}

.k-gap-y-4 {
  row-gap: 16px;
}

.\!k-gap-y-4 {
  row-gap: 16px !important;
}

.k-gap-y-4\.5 {
  row-gap: 18px;
}

.\!k-gap-y-4\.5 {
  row-gap: 18px !important;
}

.k-gap-y-5 {
  row-gap: 20px;
}

.\!k-gap-y-5 {
  row-gap: 20px !important;
}

.k-gap-y-5\.5 {
  row-gap: 22px;
}

.\!k-gap-y-5\.5 {
  row-gap: 22px !important;
}

.k-gap-y-6 {
  row-gap: 24px;
}

.\!k-gap-y-6 {
  row-gap: 24px !important;
}

.k-gap-y-6\.5 {
  row-gap: 26px;
}

.\!k-gap-y-6\.5 {
  row-gap: 26px !important;
}

.k-gap-y-7 {
  row-gap: 28px;
}

.\!k-gap-y-7 {
  row-gap: 28px !important;
}

.k-gap-y-7\.5 {
  row-gap: 30px;
}

.\!k-gap-y-7\.5 {
  row-gap: 30px !important;
}

.k-gap-y-8 {
  row-gap: 32px;
}

.\!k-gap-y-8 {
  row-gap: 32px !important;
}

.k-gap-y-9 {
  row-gap: 36px;
}

.\!k-gap-y-9 {
  row-gap: 36px !important;
}

.k-gap-y-10 {
  row-gap: 40px;
}

.\!k-gap-y-10 {
  row-gap: 40px !important;
}

.k-gap-y-11 {
  row-gap: 44px;
}

.\!k-gap-y-11 {
  row-gap: 44px !important;
}

.k-gap-y-12 {
  row-gap: 48px;
}

.\!k-gap-y-12 {
  row-gap: 48px !important;
}

.k-gap-y-13 {
  row-gap: 52px;
}

.\!k-gap-y-13 {
  row-gap: 52px !important;
}

.k-gap-y-14 {
  row-gap: 56px;
}

.\!k-gap-y-14 {
  row-gap: 56px !important;
}

.k-gap-y-15 {
  row-gap: 60px;
}

.\!k-gap-y-15 {
  row-gap: 60px !important;
}

.k-gap-y-16 {
  row-gap: 64px;
}

.\!k-gap-y-16 {
  row-gap: 64px !important;
}

.k-gap-y-17 {
  row-gap: 68px;
}

.\!k-gap-y-17 {
  row-gap: 68px !important;
}

.k-gap-y-18 {
  row-gap: 72px;
}

.\!k-gap-y-18 {
  row-gap: 72px !important;
}

.k-gap-y-19 {
  row-gap: 76px;
}

.\!k-gap-y-19 {
  row-gap: 76px !important;
}

.k-gap-y-20 {
  row-gap: 80px;
}

.\!k-gap-y-20 {
  row-gap: 80px !important;
}

.k-gap-y-21 {
  row-gap: 84px;
}

.\!k-gap-y-21 {
  row-gap: 84px !important;
}

.k-gap-y-22 {
  row-gap: 88px;
}

.\!k-gap-y-22 {
  row-gap: 88px !important;
}

.k-gap-y-23 {
  row-gap: 92px;
}

.\!k-gap-y-23 {
  row-gap: 92px !important;
}

.k-gap-y-24 {
  row-gap: 96px;
}

.\!k-gap-y-24 {
  row-gap: 96px !important;
}

.k-gap-y-xs {
  row-gap: 4px;
}

.\!k-gap-y-xs {
  row-gap: 4px !important;
}

.k-gap-y-sm {
  row-gap: 8px;
}

.\!k-gap-y-sm {
  row-gap: 8px !important;
}

.k-gap-y-md {
  row-gap: 12px;
}

.\!k-gap-y-md {
  row-gap: 12px !important;
}

.k-gap-y-lg {
  row-gap: 16px;
}

.\!k-gap-y-lg {
  row-gap: 16px !important;
}

.k-gap-y-xl {
  row-gap: 24px;
}

.\!k-gap-y-xl {
  row-gap: 24px !important;
}

.k-gap-y-thin {
  row-gap: 2px;
}

.\!k-gap-y-thin {
  row-gap: 2px !important;
}

.k-gap-y-hair {
  row-gap: 1px;
}

.\!k-gap-y-hair {
  row-gap: 1px !important;
}

.k-grid-auto-cols-auto {
  grid-auto-columns: auto;
}

.\!k-grid-auto-cols-auto {
  grid-auto-columns: auto !important;
}

.k-grid-auto-cols-min {
  grid-auto-columns: min-content;
}

.\!k-grid-auto-cols-min {
  grid-auto-columns: min-content !important;
}

.k-grid-auto-cols-max {
  grid-auto-columns: max-content;
}

.\!k-grid-auto-cols-max {
  grid-auto-columns: max-content !important;
}

.k-grid-auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.\!k-grid-auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr) !important;
}

.k-grid-flow-row {
  grid-auto-flow: row;
}

.\!k-grid-flow-row {
  grid-auto-flow: row !important;
}

.k-grid-flow-col {
  grid-auto-flow: column;
}

.\!k-grid-flow-col {
  grid-auto-flow: column !important;
}

.k-grid-flow-dense {
  grid-auto-flow: dense;
}

.\!k-grid-flow-dense {
  grid-auto-flow: dense !important;
}

.k-grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.\!k-grid-flow-row-dense {
  grid-auto-flow: row dense !important;
}

.k-grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.\!k-grid-flow-col-dense {
  grid-auto-flow: column dense !important;
}

.k-grid-flow-unset {
  grid-auto-flow: unset;
}

.\!k-grid-flow-unset {
  grid-auto-flow: unset !important;
}

.k-grid-auto-rows-auto {
  grid-auto-rows: auto;
}

.\!k-grid-auto-rows-auto {
  grid-auto-rows: auto !important;
}

.k-grid-auto-rows-min {
  grid-auto-rows: min-content;
}

.\!k-grid-auto-rows-min {
  grid-auto-rows: min-content !important;
}

.k-grid-auto-rows-max {
  grid-auto-rows: max-content;
}

.\!k-grid-auto-rows-max {
  grid-auto-rows: max-content !important;
}

.k-grid-auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.\!k-grid-auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr) !important;
}

.k-col-start-1 {
  grid-column-start: 1;
}

.\!k-col-start-1 {
  grid-column-start: 1 !important;
}

.k-col-start-2 {
  grid-column-start: 2;
}

.\!k-col-start-2 {
  grid-column-start: 2 !important;
}

.k-col-start-3 {
  grid-column-start: 3;
}

.\!k-col-start-3 {
  grid-column-start: 3 !important;
}

.k-col-start-4 {
  grid-column-start: 4;
}

.\!k-col-start-4 {
  grid-column-start: 4 !important;
}

.k-col-start-5 {
  grid-column-start: 5;
}

.\!k-col-start-5 {
  grid-column-start: 5 !important;
}

.k-col-start-6 {
  grid-column-start: 6;
}

.\!k-col-start-6 {
  grid-column-start: 6 !important;
}

.k-col-start-7 {
  grid-column-start: 7;
}

.\!k-col-start-7 {
  grid-column-start: 7 !important;
}

.k-col-start-8 {
  grid-column-start: 8;
}

.\!k-col-start-8 {
  grid-column-start: 8 !important;
}

.k-col-start-9 {
  grid-column-start: 9;
}

.\!k-col-start-9 {
  grid-column-start: 9 !important;
}

.k-col-start-10 {
  grid-column-start: 10;
}

.\!k-col-start-10 {
  grid-column-start: 10 !important;
}

.k-col-start-11 {
  grid-column-start: 11;
}

.\!k-col-start-11 {
  grid-column-start: 11 !important;
}

.k-col-start-12 {
  grid-column-start: 12;
}

.\!k-col-start-12 {
  grid-column-start: 12 !important;
}

.k-col-start-13 {
  grid-column-start: 13;
}

.\!k-col-start-13 {
  grid-column-start: 13 !important;
}

.k-col-start--1 {
  grid-column-start: -1;
}

.\!k-col-start--1 {
  grid-column-start: -1 !important;
}

.k-col-start--2 {
  grid-column-start: -2;
}

.\!k-col-start--2 {
  grid-column-start: -2 !important;
}

.k-col-start--3 {
  grid-column-start: -3;
}

.\!k-col-start--3 {
  grid-column-start: -3 !important;
}

.k-col-start--4 {
  grid-column-start: -4;
}

.\!k-col-start--4 {
  grid-column-start: -4 !important;
}

.k-col-start--5 {
  grid-column-start: -5;
}

.\!k-col-start--5 {
  grid-column-start: -5 !important;
}

.k-col-start--6 {
  grid-column-start: -6;
}

.\!k-col-start--6 {
  grid-column-start: -6 !important;
}

.k-col-start--7 {
  grid-column-start: -7;
}

.\!k-col-start--7 {
  grid-column-start: -7 !important;
}

.k-col-start--8 {
  grid-column-start: -8;
}

.\!k-col-start--8 {
  grid-column-start: -8 !important;
}

.k-col-start--9 {
  grid-column-start: -9;
}

.\!k-col-start--9 {
  grid-column-start: -9 !important;
}

.k-col-start--10 {
  grid-column-start: -10;
}

.\!k-col-start--10 {
  grid-column-start: -10 !important;
}

.k-col-start--11 {
  grid-column-start: -11;
}

.\!k-col-start--11 {
  grid-column-start: -11 !important;
}

.k-col-start--12 {
  grid-column-start: -12;
}

.\!k-col-start--12 {
  grid-column-start: -12 !important;
}

.k-col-start--13 {
  grid-column-start: -13;
}

.\!k-col-start--13 {
  grid-column-start: -13 !important;
}

.k-col-start-auto {
  grid-column-start: auto;
}

.\!k-col-start-auto {
  grid-column-start: auto !important;
}

.k-col-end-1 {
  grid-column-end: 1;
}

.\!k-col-end-1 {
  grid-column-end: 1 !important;
}

.k-col-end-2 {
  grid-column-end: 2;
}

.\!k-col-end-2 {
  grid-column-end: 2 !important;
}

.k-col-end-3 {
  grid-column-end: 3;
}

.\!k-col-end-3 {
  grid-column-end: 3 !important;
}

.k-col-end-4 {
  grid-column-end: 4;
}

.\!k-col-end-4 {
  grid-column-end: 4 !important;
}

.k-col-end-5 {
  grid-column-end: 5;
}

.\!k-col-end-5 {
  grid-column-end: 5 !important;
}

.k-col-end-6 {
  grid-column-end: 6;
}

.\!k-col-end-6 {
  grid-column-end: 6 !important;
}

.k-col-end-7 {
  grid-column-end: 7;
}

.\!k-col-end-7 {
  grid-column-end: 7 !important;
}

.k-col-end-8 {
  grid-column-end: 8;
}

.\!k-col-end-8 {
  grid-column-end: 8 !important;
}

.k-col-end-9 {
  grid-column-end: 9;
}

.\!k-col-end-9 {
  grid-column-end: 9 !important;
}

.k-col-end-10 {
  grid-column-end: 10;
}

.\!k-col-end-10 {
  grid-column-end: 10 !important;
}

.k-col-end-11 {
  grid-column-end: 11;
}

.\!k-col-end-11 {
  grid-column-end: 11 !important;
}

.k-col-end-12 {
  grid-column-end: 12;
}

.\!k-col-end-12 {
  grid-column-end: 12 !important;
}

.k-col-end-13 {
  grid-column-end: 13;
}

.\!k-col-end-13 {
  grid-column-end: 13 !important;
}

.k-col-end--1 {
  grid-column-end: -1;
}

.\!k-col-end--1 {
  grid-column-end: -1 !important;
}

.k-col-end--2 {
  grid-column-end: -2;
}

.\!k-col-end--2 {
  grid-column-end: -2 !important;
}

.k-col-end--3 {
  grid-column-end: -3;
}

.\!k-col-end--3 {
  grid-column-end: -3 !important;
}

.k-col-end--4 {
  grid-column-end: -4;
}

.\!k-col-end--4 {
  grid-column-end: -4 !important;
}

.k-col-end--5 {
  grid-column-end: -5;
}

.\!k-col-end--5 {
  grid-column-end: -5 !important;
}

.k-col-end--6 {
  grid-column-end: -6;
}

.\!k-col-end--6 {
  grid-column-end: -6 !important;
}

.k-col-end--7 {
  grid-column-end: -7;
}

.\!k-col-end--7 {
  grid-column-end: -7 !important;
}

.k-col-end--8 {
  grid-column-end: -8;
}

.\!k-col-end--8 {
  grid-column-end: -8 !important;
}

.k-col-end--9 {
  grid-column-end: -9;
}

.\!k-col-end--9 {
  grid-column-end: -9 !important;
}

.k-col-end--10 {
  grid-column-end: -10;
}

.\!k-col-end--10 {
  grid-column-end: -10 !important;
}

.k-col-end--11 {
  grid-column-end: -11;
}

.\!k-col-end--11 {
  grid-column-end: -11 !important;
}

.k-col-end--12 {
  grid-column-end: -12;
}

.\!k-col-end--12 {
  grid-column-end: -12 !important;
}

.k-col-end--13 {
  grid-column-end: -13;
}

.\!k-col-end--13 {
  grid-column-end: -13 !important;
}

.k-col-end-auto {
  grid-column-end: auto;
}

.\!k-col-end-auto {
  grid-column-end: auto !important;
}

.k-col-span-1 {
  grid-column: span 1/span 1;
}

.\!k-col-span-1 {
  grid-column: span 1/span 1 !important;
}

.k-col-span-2 {
  grid-column: span 2/span 2;
}

.\!k-col-span-2 {
  grid-column: span 2/span 2 !important;
}

.k-col-span-3 {
  grid-column: span 3/span 3;
}

.\!k-col-span-3 {
  grid-column: span 3/span 3 !important;
}

.k-col-span-4 {
  grid-column: span 4/span 4;
}

.\!k-col-span-4 {
  grid-column: span 4/span 4 !important;
}

.k-col-span-5 {
  grid-column: span 5/span 5;
}

.\!k-col-span-5 {
  grid-column: span 5/span 5 !important;
}

.k-col-span-6 {
  grid-column: span 6/span 6;
}

.\!k-col-span-6 {
  grid-column: span 6/span 6 !important;
}

.k-col-span-7 {
  grid-column: span 7/span 7;
}

.\!k-col-span-7 {
  grid-column: span 7/span 7 !important;
}

.k-col-span-8 {
  grid-column: span 8/span 8;
}

.\!k-col-span-8 {
  grid-column: span 8/span 8 !important;
}

.k-col-span-9 {
  grid-column: span 9/span 9;
}

.\!k-col-span-9 {
  grid-column: span 9/span 9 !important;
}

.k-col-span-10 {
  grid-column: span 10/span 10;
}

.\!k-col-span-10 {
  grid-column: span 10/span 10 !important;
}

.k-col-span-11 {
  grid-column: span 11/span 11;
}

.\!k-col-span-11 {
  grid-column: span 11/span 11 !important;
}

.k-col-span-12 {
  grid-column: span 12/span 12;
}

.\!k-col-span-12 {
  grid-column: span 12/span 12 !important;
}

.k-col-span-full {
  grid-column: 1 / -1;
}

.\!k-col-span-full {
  grid-column: 1 / -1 !important;
}

.k-col-span-auto {
  grid-column: auto;
}

.\!k-col-span-auto {
  grid-column: auto !important;
}

.k-colspan-1 {
  grid-column: span 1/span 1;
}

.\!k-colspan-1 {
  grid-column: span 1/span 1 !important;
}

.k-colspan-2 {
  grid-column: span 2/span 2;
}

.\!k-colspan-2 {
  grid-column: span 2/span 2 !important;
}

.k-colspan-3 {
  grid-column: span 3/span 3;
}

.\!k-colspan-3 {
  grid-column: span 3/span 3 !important;
}

.k-colspan-4 {
  grid-column: span 4/span 4;
}

.\!k-colspan-4 {
  grid-column: span 4/span 4 !important;
}

.k-colspan-5 {
  grid-column: span 5/span 5;
}

.\!k-colspan-5 {
  grid-column: span 5/span 5 !important;
}

.k-colspan-6 {
  grid-column: span 6/span 6;
}

.\!k-colspan-6 {
  grid-column: span 6/span 6 !important;
}

.k-colspan-7 {
  grid-column: span 7/span 7;
}

.\!k-colspan-7 {
  grid-column: span 7/span 7 !important;
}

.k-colspan-8 {
  grid-column: span 8/span 8;
}

.\!k-colspan-8 {
  grid-column: span 8/span 8 !important;
}

.k-colspan-9 {
  grid-column: span 9/span 9;
}

.\!k-colspan-9 {
  grid-column: span 9/span 9 !important;
}

.k-colspan-10 {
  grid-column: span 10/span 10;
}

.\!k-colspan-10 {
  grid-column: span 10/span 10 !important;
}

.k-colspan-11 {
  grid-column: span 11/span 11;
}

.\!k-colspan-11 {
  grid-column: span 11/span 11 !important;
}

.k-colspan-12 {
  grid-column: span 12/span 12;
}

.\!k-colspan-12 {
  grid-column: span 12/span 12 !important;
}

.k-colspan-full, .k-colspan-all {
  grid-column: 1 / -1;
}

.\!k-colspan-full, .\!k-colspan-all {
  grid-column: 1 / -1 !important;
}

.k-colspan-auto {
  grid-column: auto;
}

.\!k-colspan-auto {
  grid-column: auto !important;
}

.k-row-start-1 {
  grid-row-start: 1;
}

.\!k-row-start-1 {
  grid-row-start: 1 !important;
}

.k-row-start-2 {
  grid-row-start: 2;
}

.\!k-row-start-2 {
  grid-row-start: 2 !important;
}

.k-row-start-3 {
  grid-row-start: 3;
}

.\!k-row-start-3 {
  grid-row-start: 3 !important;
}

.k-row-start-4 {
  grid-row-start: 4;
}

.\!k-row-start-4 {
  grid-row-start: 4 !important;
}

.k-row-start-5 {
  grid-row-start: 5;
}

.\!k-row-start-5 {
  grid-row-start: 5 !important;
}

.k-row-start-6 {
  grid-row-start: 6;
}

.\!k-row-start-6 {
  grid-row-start: 6 !important;
}

.k-row-start-7 {
  grid-row-start: 7;
}

.\!k-row-start-7 {
  grid-row-start: 7 !important;
}

.k-row-start-8 {
  grid-row-start: 8;
}

.\!k-row-start-8 {
  grid-row-start: 8 !important;
}

.k-row-start-9 {
  grid-row-start: 9;
}

.\!k-row-start-9 {
  grid-row-start: 9 !important;
}

.k-row-start-10 {
  grid-row-start: 10;
}

.\!k-row-start-10 {
  grid-row-start: 10 !important;
}

.k-row-start-11 {
  grid-row-start: 11;
}

.\!k-row-start-11 {
  grid-row-start: 11 !important;
}

.k-row-start-12 {
  grid-row-start: 12;
}

.\!k-row-start-12 {
  grid-row-start: 12 !important;
}

.k-row-start-13 {
  grid-row-start: 13;
}

.\!k-row-start-13 {
  grid-row-start: 13 !important;
}

.k-row-start--1 {
  grid-row-start: -1;
}

.\!k-row-start--1 {
  grid-row-start: -1 !important;
}

.k-row-start--2 {
  grid-row-start: -2;
}

.\!k-row-start--2 {
  grid-row-start: -2 !important;
}

.k-row-start--3 {
  grid-row-start: -3;
}

.\!k-row-start--3 {
  grid-row-start: -3 !important;
}

.k-row-start--4 {
  grid-row-start: -4;
}

.\!k-row-start--4 {
  grid-row-start: -4 !important;
}

.k-row-start--5 {
  grid-row-start: -5;
}

.\!k-row-start--5 {
  grid-row-start: -5 !important;
}

.k-row-start--6 {
  grid-row-start: -6;
}

.\!k-row-start--6 {
  grid-row-start: -6 !important;
}

.k-row-start--7 {
  grid-row-start: -7;
}

.\!k-row-start--7 {
  grid-row-start: -7 !important;
}

.k-row-start--8 {
  grid-row-start: -8;
}

.\!k-row-start--8 {
  grid-row-start: -8 !important;
}

.k-row-start--9 {
  grid-row-start: -9;
}

.\!k-row-start--9 {
  grid-row-start: -9 !important;
}

.k-row-start--10 {
  grid-row-start: -10;
}

.\!k-row-start--10 {
  grid-row-start: -10 !important;
}

.k-row-start--11 {
  grid-row-start: -11;
}

.\!k-row-start--11 {
  grid-row-start: -11 !important;
}

.k-row-start--12 {
  grid-row-start: -12;
}

.\!k-row-start--12 {
  grid-row-start: -12 !important;
}

.k-row-start--13 {
  grid-row-start: -13;
}

.\!k-row-start--13 {
  grid-row-start: -13 !important;
}

.k-row-start-auto {
  grid-row-start: auto;
}

.\!k-row-start-auto {
  grid-row-start: auto !important;
}

.k-row-end-1 {
  grid-row-end: 1;
}

.\!k-row-end-1 {
  grid-row-end: 1 !important;
}

.k-row-end-2 {
  grid-row-end: 2;
}

.\!k-row-end-2 {
  grid-row-end: 2 !important;
}

.k-row-end-3 {
  grid-row-end: 3;
}

.\!k-row-end-3 {
  grid-row-end: 3 !important;
}

.k-row-end-4 {
  grid-row-end: 4;
}

.\!k-row-end-4 {
  grid-row-end: 4 !important;
}

.k-row-end-5 {
  grid-row-end: 5;
}

.\!k-row-end-5 {
  grid-row-end: 5 !important;
}

.k-row-end-6 {
  grid-row-end: 6;
}

.\!k-row-end-6 {
  grid-row-end: 6 !important;
}

.k-row-end-7 {
  grid-row-end: 7;
}

.\!k-row-end-7 {
  grid-row-end: 7 !important;
}

.k-row-end-8 {
  grid-row-end: 8;
}

.\!k-row-end-8 {
  grid-row-end: 8 !important;
}

.k-row-end-9 {
  grid-row-end: 9;
}

.\!k-row-end-9 {
  grid-row-end: 9 !important;
}

.k-row-end-10 {
  grid-row-end: 10;
}

.\!k-row-end-10 {
  grid-row-end: 10 !important;
}

.k-row-end-11 {
  grid-row-end: 11;
}

.\!k-row-end-11 {
  grid-row-end: 11 !important;
}

.k-row-end-12 {
  grid-row-end: 12;
}

.\!k-row-end-12 {
  grid-row-end: 12 !important;
}

.k-row-end-13 {
  grid-row-end: 13;
}

.\!k-row-end-13 {
  grid-row-end: 13 !important;
}

.k-row-end--1 {
  grid-row-end: -1;
}

.\!k-row-end--1 {
  grid-row-end: -1 !important;
}

.k-row-end--2 {
  grid-row-end: -2;
}

.\!k-row-end--2 {
  grid-row-end: -2 !important;
}

.k-row-end--3 {
  grid-row-end: -3;
}

.\!k-row-end--3 {
  grid-row-end: -3 !important;
}

.k-row-end--4 {
  grid-row-end: -4;
}

.\!k-row-end--4 {
  grid-row-end: -4 !important;
}

.k-row-end--5 {
  grid-row-end: -5;
}

.\!k-row-end--5 {
  grid-row-end: -5 !important;
}

.k-row-end--6 {
  grid-row-end: -6;
}

.\!k-row-end--6 {
  grid-row-end: -6 !important;
}

.k-row-end--7 {
  grid-row-end: -7;
}

.\!k-row-end--7 {
  grid-row-end: -7 !important;
}

.k-row-end--8 {
  grid-row-end: -8;
}

.\!k-row-end--8 {
  grid-row-end: -8 !important;
}

.k-row-end--9 {
  grid-row-end: -9;
}

.\!k-row-end--9 {
  grid-row-end: -9 !important;
}

.k-row-end--10 {
  grid-row-end: -10;
}

.\!k-row-end--10 {
  grid-row-end: -10 !important;
}

.k-row-end--11 {
  grid-row-end: -11;
}

.\!k-row-end--11 {
  grid-row-end: -11 !important;
}

.k-row-end--12 {
  grid-row-end: -12;
}

.\!k-row-end--12 {
  grid-row-end: -12 !important;
}

.k-row-end--13 {
  grid-row-end: -13;
}

.\!k-row-end--13 {
  grid-row-end: -13 !important;
}

.k-row-end-auto {
  grid-row-end: auto;
}

.\!k-row-end-auto {
  grid-row-end: auto !important;
}

.k-row-span-1 {
  grid-row: span 1/span 1;
}

.\!k-row-span-1 {
  grid-row: span 1/span 1 !important;
}

.k-row-span-2 {
  grid-row: span 2/span 2;
}

.\!k-row-span-2 {
  grid-row: span 2/span 2 !important;
}

.k-row-span-3 {
  grid-row: span 3/span 3;
}

.\!k-row-span-3 {
  grid-row: span 3/span 3 !important;
}

.k-row-span-4 {
  grid-row: span 4/span 4;
}

.\!k-row-span-4 {
  grid-row: span 4/span 4 !important;
}

.k-row-span-5 {
  grid-row: span 5/span 5;
}

.\!k-row-span-5 {
  grid-row: span 5/span 5 !important;
}

.k-row-span-6 {
  grid-row: span 6/span 6;
}

.\!k-row-span-6 {
  grid-row: span 6/span 6 !important;
}

.k-row-span-7 {
  grid-row: span 7/span 7;
}

.\!k-row-span-7 {
  grid-row: span 7/span 7 !important;
}

.k-row-span-8 {
  grid-row: span 8/span 8;
}

.\!k-row-span-8 {
  grid-row: span 8/span 8 !important;
}

.k-row-span-9 {
  grid-row: span 9/span 9;
}

.\!k-row-span-9 {
  grid-row: span 9/span 9 !important;
}

.k-row-span-10 {
  grid-row: span 10/span 10;
}

.\!k-row-span-10 {
  grid-row: span 10/span 10 !important;
}

.k-row-span-11 {
  grid-row: span 11/span 11;
}

.\!k-row-span-11 {
  grid-row: span 11/span 11 !important;
}

.k-row-span-12 {
  grid-row: span 12/span 12;
}

.\!k-row-span-12 {
  grid-row: span 12/span 12 !important;
}

.k-row-span-full {
  grid-row: span 1/span -1;
}

.\!k-row-span-full {
  grid-row: span 1/span -1 !important;
}

.k-row-span-auto {
  grid-row: auto;
}

.\!k-row-span-auto {
  grid-row: auto !important;
}

.k-rowspan-1 {
  grid-row: span 1/span 1;
}

.\!k-rowspan-1 {
  grid-row: span 1/span 1 !important;
}

.k-rowspan-2 {
  grid-row: span 2/span 2;
}

.\!k-rowspan-2 {
  grid-row: span 2/span 2 !important;
}

.k-rowspan-3 {
  grid-row: span 3/span 3;
}

.\!k-rowspan-3 {
  grid-row: span 3/span 3 !important;
}

.k-rowspan-4 {
  grid-row: span 4/span 4;
}

.\!k-rowspan-4 {
  grid-row: span 4/span 4 !important;
}

.k-rowspan-5 {
  grid-row: span 5/span 5;
}

.\!k-rowspan-5 {
  grid-row: span 5/span 5 !important;
}

.k-rowspan-6 {
  grid-row: span 6/span 6;
}

.\!k-rowspan-6 {
  grid-row: span 6/span 6 !important;
}

.k-rowspan-7 {
  grid-row: span 7/span 7;
}

.\!k-rowspan-7 {
  grid-row: span 7/span 7 !important;
}

.k-rowspan-8 {
  grid-row: span 8/span 8;
}

.\!k-rowspan-8 {
  grid-row: span 8/span 8 !important;
}

.k-rowspan-9 {
  grid-row: span 9/span 9;
}

.\!k-rowspan-9 {
  grid-row: span 9/span 9 !important;
}

.k-rowspan-10 {
  grid-row: span 10/span 10;
}

.\!k-rowspan-10 {
  grid-row: span 10/span 10 !important;
}

.k-rowspan-11 {
  grid-row: span 11/span 11;
}

.\!k-rowspan-11 {
  grid-row: span 11/span 11 !important;
}

.k-rowspan-12 {
  grid-row: span 12/span 12;
}

.\!k-rowspan-12 {
  grid-row: span 12/span 12 !important;
}

.k-rowspan-full, .k-rowspan-all {
  grid-row: span 1/span -1;
}

.\!k-rowspan-full, .\!k-rowspan-all {
  grid-row: span 1/span -1 !important;
}

.k-rowspan-auto {
  grid-row: auto;
}

.\!k-rowspan-auto {
  grid-row: auto !important;
}

.k-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.\!k-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.k-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.\!k-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.k-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.\!k-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.k-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.\!k-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.k-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.\!k-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.k-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.\!k-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.k-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.\!k-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.k-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.\!k-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.k-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.\!k-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}

.k-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.\!k-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}

.k-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.\!k-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}

.k-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.\!k-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.k-grid-cols-none {
  grid-template-columns: none;
}

.\!k-grid-cols-none {
  grid-template-columns: none !important;
}

.k-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.\!k-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.k-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.\!k-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.k-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.\!k-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.k-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.\!k-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.k-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.\!k-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.k-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.\!k-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.k-grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.\!k-grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
}

.k-grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.\!k-grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
}

.k-grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.\!k-grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr)) !important;
}

.k-grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.\!k-grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr)) !important;
}

.k-grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}

.\!k-grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr)) !important;
}

.k-grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.\!k-grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr)) !important;
}

.k-grid-rows-none {
  grid-template-rows: none;
}

.\!k-grid-rows-none {
  grid-template-rows: none !important;
}

.k-justify-content-normal {
  justify-content: normal;
}

.\!k-justify-content-normal {
  justify-content: normal !important;
}

.k-justify-content-stretch {
  justify-content: stretch;
}

.\!k-justify-content-stretch {
  justify-content: stretch !important;
}

.k-justify-content-center {
  justify-content: center;
}

.\!k-justify-content-center {
  justify-content: center !important;
}

.k-justify-content-start {
  justify-content: start;
}

.\!k-justify-content-start {
  justify-content: start !important;
}

.k-justify-content-end {
  justify-content: end;
}

.\!k-justify-content-end {
  justify-content: end !important;
}

.k-justify-content-flex-start {
  justify-content: flex-start;
}

.\!k-justify-content-flex-start {
  justify-content: flex-start !important;
}

.k-justify-content-flex-end {
  justify-content: flex-end;
}

.\!k-justify-content-flex-end {
  justify-content: flex-end !important;
}

.k-justify-content-left {
  justify-content: left;
}

.\!k-justify-content-left {
  justify-content: left !important;
}

.k-justify-content-right {
  justify-content: right;
}

.\!k-justify-content-right {
  justify-content: right !important;
}

.k-justify-content-baseline {
  justify-content: baseline;
}

.\!k-justify-content-baseline {
  justify-content: baseline !important;
}

.k-justify-content-first-baseline {
  justify-content: first baseline;
}

.\!k-justify-content-first-baseline {
  justify-content: first baseline !important;
}

.k-justify-content-last-baseline {
  justify-content: last baseline;
}

.\!k-justify-content-last-baseline {
  justify-content: last baseline !important;
}

.k-justify-content-between {
  justify-content: space-between;
}

.\!k-justify-content-between {
  justify-content: space-between !important;
}

.k-justify-content-around {
  justify-content: space-around;
}

.\!k-justify-content-around {
  justify-content: space-around !important;
}

.k-justify-content-evenly {
  justify-content: space-evenly;
}

.\!k-justify-content-evenly {
  justify-content: space-evenly !important;
}

.k-justify-content-stretch > * {
  flex: 1 0;
}

.\!.k-justify-content-stretch > * {
  flex: 1 0 !important;
}

.k-justify-items-normal {
  justify-items: normal;
}

.\!k-justify-items-normal {
  justify-items: normal !important;
}

.k-justify-items-stretch {
  justify-items: stretch;
}

.\!k-justify-items-stretch {
  justify-items: stretch !important;
}

.k-justify-items-center {
  justify-items: center;
}

.\!k-justify-items-center {
  justify-items: center !important;
}

.k-justify-items-start {
  justify-items: start;
}

.\!k-justify-items-start {
  justify-items: start !important;
}

.k-justify-items-end {
  justify-items: end;
}

.\!k-justify-items-end {
  justify-items: end !important;
}

.k-justify-items-flex-start {
  justify-items: flex-start;
}

.\!k-justify-items-flex-start {
  justify-items: flex-start !important;
}

.k-justify-items-flex-end {
  justify-items: flex-end;
}

.\!k-justify-items-flex-end {
  justify-items: flex-end !important;
}

.k-justify-items-self-start {
  justify-items: self-start;
}

.\!k-justify-items-self-start {
  justify-items: self-start !important;
}

.k-justify-items-self-end {
  justify-items: self-end;
}

.\!k-justify-items-self-end {
  justify-items: self-end !important;
}

.k-justify-items-left {
  justify-items: left;
}

.\!k-justify-items-left {
  justify-items: left !important;
}

.k-justify-items-right {
  justify-items: right;
}

.\!k-justify-items-right {
  justify-items: right !important;
}

.k-justify-items-baseline {
  justify-items: baseline;
}

.\!k-justify-items-baseline {
  justify-items: baseline !important;
}

.k-justify-items-first-baseline {
  justify-items: first baseline;
}

.\!k-justify-items-first-baseline {
  justify-items: first baseline !important;
}

.k-justify-items-last-baseline {
  justify-items: last baseline;
}

.\!k-justify-items-last-baseline {
  justify-items: last baseline !important;
}

.k-justify-self-auto {
  justify-self: auto;
}

.\!k-justify-self-auto {
  justify-self: auto !important;
}

.k-justify-self-normal {
  justify-self: normal;
}

.\!k-justify-self-normal {
  justify-self: normal !important;
}

.k-justify-self-stretch {
  justify-self: stretch;
}

.\!k-justify-self-stretch {
  justify-self: stretch !important;
}

.k-justify-self-center {
  justify-self: center;
}

.\!k-justify-self-center {
  justify-self: center !important;
}

.k-justify-self-start {
  justify-self: start;
}

.\!k-justify-self-start {
  justify-self: start !important;
}

.k-justify-self-end {
  justify-self: end;
}

.\!k-justify-self-end {
  justify-self: end !important;
}

.k-justify-self-flex-start {
  justify-self: flex-start;
}

.\!k-justify-self-flex-start {
  justify-self: flex-start !important;
}

.k-justify-self-flex-end {
  justify-self: flex-end;
}

.\!k-justify-self-flex-end {
  justify-self: flex-end !important;
}

.k-justify-self-self-start {
  justify-self: self-start;
}

.\!k-justify-self-self-start {
  justify-self: self-start !important;
}

.k-justify-self-self-end {
  justify-self: self-end;
}

.\!k-justify-self-self-end {
  justify-self: self-end !important;
}

.k-justify-self-baseline {
  justify-self: baseline;
}

.\!k-justify-self-baseline {
  justify-self: baseline !important;
}

.k-justify-self-first-baseline {
  justify-self: first baseline;
}

.\!k-justify-self-first-baseline {
  justify-self: first baseline !important;
}

.k-justify-self-last-baseline {
  justify-self: last baseline;
}

.\!k-justify-self-last-baseline {
  justify-self: last baseline !important;
}

.k-order-1 {
  order: 1;
}

.\!k-order-1 {
  order: 1 !important;
}

.k-order-2 {
  order: 2;
}

.\!k-order-2 {
  order: 2 !important;
}

.k-order-3 {
  order: 3;
}

.\!k-order-3 {
  order: 3 !important;
}

.k-order-4 {
  order: 4;
}

.\!k-order-4 {
  order: 4 !important;
}

.k-order-5 {
  order: 5;
}

.\!k-order-5 {
  order: 5 !important;
}

.k-order-6 {
  order: 6;
}

.\!k-order-6 {
  order: 6 !important;
}

.k-order-7 {
  order: 7;
}

.\!k-order-7 {
  order: 7 !important;
}

.k-order-8 {
  order: 8;
}

.\!k-order-8 {
  order: 8 !important;
}

.k-order-9 {
  order: 9;
}

.\!k-order-9 {
  order: 9 !important;
}

.k-order-10 {
  order: 10;
}

.\!k-order-10 {
  order: 10 !important;
}

.k-order-11 {
  order: 11;
}

.\!k-order-11 {
  order: 11 !important;
}

.k-order-12 {
  order: 12;
}

.\!k-order-12 {
  order: 12 !important;
}

.k-order-first {
  order: -9999;
}

.\!k-order-first {
  order: -9999 !important;
}

.k-order-last {
  order: 9999;
}

.\!k-order-last {
  order: 9999 !important;
}

.k-order-none {
  order: 0;
}

.\!k-order-none {
  order: 0 !important;
}

.k-place-content-normal {
  place-content: normal;
}

.\!k-place-content-normal {
  place-content: normal !important;
}

.k-place-content-stretch {
  place-content: stretch;
}

.\!k-place-content-stretch {
  place-content: stretch !important;
}

.k-place-content-center {
  place-content: center;
}

.\!k-place-content-center {
  place-content: center !important;
}

.k-place-content-start {
  place-content: start;
}

.\!k-place-content-start {
  place-content: start !important;
}

.k-place-content-end {
  place-content: end;
}

.\!k-place-content-end {
  place-content: end !important;
}

.k-place-content-flex-start {
  place-content: flex-start;
}

.\!k-place-content-flex-start {
  place-content: flex-start !important;
}

.k-place-content-flex-end {
  place-content: flex-end;
}

.\!k-place-content-flex-end {
  place-content: flex-end !important;
}

.k-place-content-baseline {
  place-content: baseline;
}

.\!k-place-content-baseline {
  place-content: baseline !important;
}

.k-place-content-between {
  place-content: space-between;
}

.\!k-place-content-between {
  place-content: space-between !important;
}

.k-place-content-around {
  place-content: space-around;
}

.\!k-place-content-around {
  place-content: space-around !important;
}

.k-place-content-evenly {
  place-content: space-evenly;
}

.\!k-place-content-evenly {
  place-content: space-evenly !important;
}

.k-place-items-normal {
  place-items: normal;
}

.\!k-place-items-normal {
  place-items: normal !important;
}

.k-place-items-stretch {
  place-items: stretch;
}

.\!k-place-items-stretch {
  place-items: stretch !important;
}

.k-place-items-center {
  place-items: center;
}

.\!k-place-items-center {
  place-items: center !important;
}

.k-place-items-start {
  place-items: start;
}

.\!k-place-items-start {
  place-items: start !important;
}

.k-place-items-end {
  place-items: end;
}

.\!k-place-items-end {
  place-items: end !important;
}

.k-place-items-flex-start {
  place-items: flex-start;
}

.\!k-place-items-flex-start {
  place-items: flex-start !important;
}

.k-place-items-flex-end {
  place-items: flex-end;
}

.\!k-place-items-flex-end {
  place-items: flex-end !important;
}

.k-place-items-self-start {
  place-items: self-start;
}

.\!k-place-items-self-start {
  place-items: self-start !important;
}

.k-place-items-self-end {
  place-items: self-end;
}

.\!k-place-items-self-end {
  place-items: self-end !important;
}

.k-place-items-baseline {
  place-items: baseline;
}

.\!k-place-items-baseline {
  place-items: baseline !important;
}

.k-place-self-auto {
  place-self: auto;
}

.\!k-place-self-auto {
  place-self: auto !important;
}

.k-place-self-normal {
  place-self: normal;
}

.\!k-place-self-normal {
  place-self: normal !important;
}

.k-place-self-stretch {
  place-self: stretch;
}

.\!k-place-self-stretch {
  place-self: stretch !important;
}

.k-place-self-center {
  place-self: center;
}

.\!k-place-self-center {
  place-self: center !important;
}

.k-place-self-start {
  place-self: start;
}

.\!k-place-self-start {
  place-self: start !important;
}

.k-place-self-end {
  place-self: end;
}

.\!k-place-self-end {
  place-self: end !important;
}

.k-place-self-flex-start {
  place-self: flex-start;
}

.\!k-place-self-flex-start {
  place-self: flex-start !important;
}

.k-place-self-flex-end {
  place-self: flex-end;
}

.\!k-place-self-flex-end {
  place-self: flex-end !important;
}

.k-place-self-self-start {
  place-self: self-start;
}

.\!k-place-self-self-start {
  place-self: self-start !important;
}

.k-place-self-self-end {
  place-self: self-end;
}

.\!k-place-self-self-end {
  place-self: self-end !important;
}

.k-place-self-baseline {
  place-self: baseline;
}

.\!k-place-self-baseline {
  place-self: baseline !important;
}

.k-m-0 {
  margin: 0;
}

.\!k-m-0 {
  margin: 0 !important;
}

.k-m-1px {
  margin: 1px;
}

.\!k-m-1px {
  margin: 1px !important;
}

.k-m-0\.5 {
  margin: 2px;
}

.\!k-m-0\.5 {
  margin: 2px !important;
}

.k-m-1 {
  margin: 4px;
}

.\!k-m-1 {
  margin: 4px !important;
}

.k-m-1\.5 {
  margin: 6px;
}

.\!k-m-1\.5 {
  margin: 6px !important;
}

.k-m-2 {
  margin: 8px;
}

.\!k-m-2 {
  margin: 8px !important;
}

.k-m-2\.5 {
  margin: 10px;
}

.\!k-m-2\.5 {
  margin: 10px !important;
}

.k-m-3 {
  margin: 12px;
}

.\!k-m-3 {
  margin: 12px !important;
}

.k-m-3\.5 {
  margin: 14px;
}

.\!k-m-3\.5 {
  margin: 14px !important;
}

.k-m-4 {
  margin: 16px;
}

.\!k-m-4 {
  margin: 16px !important;
}

.k-m-4\.5 {
  margin: 18px;
}

.\!k-m-4\.5 {
  margin: 18px !important;
}

.k-m-5 {
  margin: 20px;
}

.\!k-m-5 {
  margin: 20px !important;
}

.k-m-5\.5 {
  margin: 22px;
}

.\!k-m-5\.5 {
  margin: 22px !important;
}

.k-m-6 {
  margin: 24px;
}

.\!k-m-6 {
  margin: 24px !important;
}

.k-m-6\.5 {
  margin: 26px;
}

.\!k-m-6\.5 {
  margin: 26px !important;
}

.k-m-7 {
  margin: 28px;
}

.\!k-m-7 {
  margin: 28px !important;
}

.k-m-7\.5 {
  margin: 30px;
}

.\!k-m-7\.5 {
  margin: 30px !important;
}

.k-m-8 {
  margin: 32px;
}

.\!k-m-8 {
  margin: 32px !important;
}

.k-m-9 {
  margin: 36px;
}

.\!k-m-9 {
  margin: 36px !important;
}

.k-m-10 {
  margin: 40px;
}

.\!k-m-10 {
  margin: 40px !important;
}

.k-m-11 {
  margin: 44px;
}

.\!k-m-11 {
  margin: 44px !important;
}

.k-m-12 {
  margin: 48px;
}

.\!k-m-12 {
  margin: 48px !important;
}

.k-m-13 {
  margin: 52px;
}

.\!k-m-13 {
  margin: 52px !important;
}

.k-m-14 {
  margin: 56px;
}

.\!k-m-14 {
  margin: 56px !important;
}

.k-m-15 {
  margin: 60px;
}

.\!k-m-15 {
  margin: 60px !important;
}

.k-m-16 {
  margin: 64px;
}

.\!k-m-16 {
  margin: 64px !important;
}

.k-m-17 {
  margin: 68px;
}

.\!k-m-17 {
  margin: 68px !important;
}

.k-m-18 {
  margin: 72px;
}

.\!k-m-18 {
  margin: 72px !important;
}

.k-m-19 {
  margin: 76px;
}

.\!k-m-19 {
  margin: 76px !important;
}

.k-m-20 {
  margin: 80px;
}

.\!k-m-20 {
  margin: 80px !important;
}

.k-m-21 {
  margin: 84px;
}

.\!k-m-21 {
  margin: 84px !important;
}

.k-m-22 {
  margin: 88px;
}

.\!k-m-22 {
  margin: 88px !important;
}

.k-m-23 {
  margin: 92px;
}

.\!k-m-23 {
  margin: 92px !important;
}

.k-m-24 {
  margin: 96px;
}

.\!k-m-24 {
  margin: 96px !important;
}

.k-m--1px {
  margin: -1px;
}

.\!k-m--1px {
  margin: -1px !important;
}

.k-m--0\.5 {
  margin: -2px;
}

.\!k-m--0\.5 {
  margin: -2px !important;
}

.k-m--1 {
  margin: -4px;
}

.\!k-m--1 {
  margin: -4px !important;
}

.k-m--1\.5 {
  margin: -6px;
}

.\!k-m--1\.5 {
  margin: -6px !important;
}

.k-m--2 {
  margin: -8px;
}

.\!k-m--2 {
  margin: -8px !important;
}

.k-m--2\.5 {
  margin: -10px;
}

.\!k-m--2\.5 {
  margin: -10px !important;
}

.k-m--3 {
  margin: -12px;
}

.\!k-m--3 {
  margin: -12px !important;
}

.k-m--3\.5 {
  margin: -14px;
}

.\!k-m--3\.5 {
  margin: -14px !important;
}

.k-m--4 {
  margin: -16px;
}

.\!k-m--4 {
  margin: -16px !important;
}

.k-m--4\.5 {
  margin: -18px;
}

.\!k-m--4\.5 {
  margin: -18px !important;
}

.k-m--5 {
  margin: -20px;
}

.\!k-m--5 {
  margin: -20px !important;
}

.k-m--5\.5 {
  margin: -22px;
}

.\!k-m--5\.5 {
  margin: -22px !important;
}

.k-m--6 {
  margin: -24px;
}

.\!k-m--6 {
  margin: -24px !important;
}

.k-m--6\.5 {
  margin: -26px;
}

.\!k-m--6\.5 {
  margin: -26px !important;
}

.k-m--7 {
  margin: -28px;
}

.\!k-m--7 {
  margin: -28px !important;
}

.k-m--7\.5 {
  margin: -30px;
}

.\!k-m--7\.5 {
  margin: -30px !important;
}

.k-m--8 {
  margin: -32px;
}

.\!k-m--8 {
  margin: -32px !important;
}

.k-m--9 {
  margin: -36px;
}

.\!k-m--9 {
  margin: -36px !important;
}

.k-m--10 {
  margin: -40px;
}

.\!k-m--10 {
  margin: -40px !important;
}

.k-m--11 {
  margin: -44px;
}

.\!k-m--11 {
  margin: -44px !important;
}

.k-m--12 {
  margin: -48px;
}

.\!k-m--12 {
  margin: -48px !important;
}

.k-m--13 {
  margin: -52px;
}

.\!k-m--13 {
  margin: -52px !important;
}

.k-m--14 {
  margin: -56px;
}

.\!k-m--14 {
  margin: -56px !important;
}

.k-m--15 {
  margin: -60px;
}

.\!k-m--15 {
  margin: -60px !important;
}

.k-m--16 {
  margin: -64px;
}

.\!k-m--16 {
  margin: -64px !important;
}

.k-m--17 {
  margin: -68px;
}

.\!k-m--17 {
  margin: -68px !important;
}

.k-m--18 {
  margin: -72px;
}

.\!k-m--18 {
  margin: -72px !important;
}

.k-m--19 {
  margin: -76px;
}

.\!k-m--19 {
  margin: -76px !important;
}

.k-m--20 {
  margin: -80px;
}

.\!k-m--20 {
  margin: -80px !important;
}

.k-m--21 {
  margin: -84px;
}

.\!k-m--21 {
  margin: -84px !important;
}

.k-m--22 {
  margin: -88px;
}

.\!k-m--22 {
  margin: -88px !important;
}

.k-m--23 {
  margin: -92px;
}

.\!k-m--23 {
  margin: -92px !important;
}

.k-m--24 {
  margin: -96px;
}

.\!k-m--24 {
  margin: -96px !important;
}

.k-m-xs {
  margin: 4px;
}

.\!k-m-xs {
  margin: 4px !important;
}

.k-m-sm {
  margin: 8px;
}

.\!k-m-sm {
  margin: 8px !important;
}

.k-m-md {
  margin: 12px;
}

.\!k-m-md {
  margin: 12px !important;
}

.k-m-lg {
  margin: 16px;
}

.\!k-m-lg {
  margin: 16px !important;
}

.k-m-xl {
  margin: 24px;
}

.\!k-m-xl {
  margin: 24px !important;
}

.k-m-thin {
  margin: 2px;
}

.\!k-m-thin {
  margin: 2px !important;
}

.k-m-hair {
  margin: 1px;
}

.\!k-m-hair {
  margin: 1px !important;
}

.k-m-auto {
  margin: auto;
}

.\!k-m-auto {
  margin: auto !important;
}

.k-mt-0 {
  margin-top: 0;
}

.\!k-mt-0 {
  margin-top: 0 !important;
}

.k-mt-1px {
  margin-top: 1px;
}

.\!k-mt-1px {
  margin-top: 1px !important;
}

.k-mt-0\.5 {
  margin-top: 2px;
}

.\!k-mt-0\.5 {
  margin-top: 2px !important;
}

.k-mt-1 {
  margin-top: 4px;
}

.\!k-mt-1 {
  margin-top: 4px !important;
}

.k-mt-1\.5 {
  margin-top: 6px;
}

.\!k-mt-1\.5 {
  margin-top: 6px !important;
}

.k-mt-2 {
  margin-top: 8px;
}

.\!k-mt-2 {
  margin-top: 8px !important;
}

.k-mt-2\.5 {
  margin-top: 10px;
}

.\!k-mt-2\.5 {
  margin-top: 10px !important;
}

.k-mt-3 {
  margin-top: 12px;
}

.\!k-mt-3 {
  margin-top: 12px !important;
}

.k-mt-3\.5 {
  margin-top: 14px;
}

.\!k-mt-3\.5 {
  margin-top: 14px !important;
}

.k-mt-4 {
  margin-top: 16px;
}

.\!k-mt-4 {
  margin-top: 16px !important;
}

.k-mt-4\.5 {
  margin-top: 18px;
}

.\!k-mt-4\.5 {
  margin-top: 18px !important;
}

.k-mt-5 {
  margin-top: 20px;
}

.\!k-mt-5 {
  margin-top: 20px !important;
}

.k-mt-5\.5 {
  margin-top: 22px;
}

.\!k-mt-5\.5 {
  margin-top: 22px !important;
}

.k-mt-6 {
  margin-top: 24px;
}

.\!k-mt-6 {
  margin-top: 24px !important;
}

.k-mt-6\.5 {
  margin-top: 26px;
}

.\!k-mt-6\.5 {
  margin-top: 26px !important;
}

.k-mt-7 {
  margin-top: 28px;
}

.\!k-mt-7 {
  margin-top: 28px !important;
}

.k-mt-7\.5 {
  margin-top: 30px;
}

.\!k-mt-7\.5 {
  margin-top: 30px !important;
}

.k-mt-8 {
  margin-top: 32px;
}

.\!k-mt-8 {
  margin-top: 32px !important;
}

.k-mt-9 {
  margin-top: 36px;
}

.\!k-mt-9 {
  margin-top: 36px !important;
}

.k-mt-10 {
  margin-top: 40px;
}

.\!k-mt-10 {
  margin-top: 40px !important;
}

.k-mt-11 {
  margin-top: 44px;
}

.\!k-mt-11 {
  margin-top: 44px !important;
}

.k-mt-12 {
  margin-top: 48px;
}

.\!k-mt-12 {
  margin-top: 48px !important;
}

.k-mt-13 {
  margin-top: 52px;
}

.\!k-mt-13 {
  margin-top: 52px !important;
}

.k-mt-14 {
  margin-top: 56px;
}

.\!k-mt-14 {
  margin-top: 56px !important;
}

.k-mt-15 {
  margin-top: 60px;
}

.\!k-mt-15 {
  margin-top: 60px !important;
}

.k-mt-16 {
  margin-top: 64px;
}

.\!k-mt-16 {
  margin-top: 64px !important;
}

.k-mt-17 {
  margin-top: 68px;
}

.\!k-mt-17 {
  margin-top: 68px !important;
}

.k-mt-18 {
  margin-top: 72px;
}

.\!k-mt-18 {
  margin-top: 72px !important;
}

.k-mt-19 {
  margin-top: 76px;
}

.\!k-mt-19 {
  margin-top: 76px !important;
}

.k-mt-20 {
  margin-top: 80px;
}

.\!k-mt-20 {
  margin-top: 80px !important;
}

.k-mt-21 {
  margin-top: 84px;
}

.\!k-mt-21 {
  margin-top: 84px !important;
}

.k-mt-22 {
  margin-top: 88px;
}

.\!k-mt-22 {
  margin-top: 88px !important;
}

.k-mt-23 {
  margin-top: 92px;
}

.\!k-mt-23 {
  margin-top: 92px !important;
}

.k-mt-24 {
  margin-top: 96px;
}

.\!k-mt-24 {
  margin-top: 96px !important;
}

.k-mt--1px {
  margin-top: -1px;
}

.\!k-mt--1px {
  margin-top: -1px !important;
}

.k-mt--0\.5 {
  margin-top: -2px;
}

.\!k-mt--0\.5 {
  margin-top: -2px !important;
}

.k-mt--1 {
  margin-top: -4px;
}

.\!k-mt--1 {
  margin-top: -4px !important;
}

.k-mt--1\.5 {
  margin-top: -6px;
}

.\!k-mt--1\.5 {
  margin-top: -6px !important;
}

.k-mt--2 {
  margin-top: -8px;
}

.\!k-mt--2 {
  margin-top: -8px !important;
}

.k-mt--2\.5 {
  margin-top: -10px;
}

.\!k-mt--2\.5 {
  margin-top: -10px !important;
}

.k-mt--3 {
  margin-top: -12px;
}

.\!k-mt--3 {
  margin-top: -12px !important;
}

.k-mt--3\.5 {
  margin-top: -14px;
}

.\!k-mt--3\.5 {
  margin-top: -14px !important;
}

.k-mt--4 {
  margin-top: -16px;
}

.\!k-mt--4 {
  margin-top: -16px !important;
}

.k-mt--4\.5 {
  margin-top: -18px;
}

.\!k-mt--4\.5 {
  margin-top: -18px !important;
}

.k-mt--5 {
  margin-top: -20px;
}

.\!k-mt--5 {
  margin-top: -20px !important;
}

.k-mt--5\.5 {
  margin-top: -22px;
}

.\!k-mt--5\.5 {
  margin-top: -22px !important;
}

.k-mt--6 {
  margin-top: -24px;
}

.\!k-mt--6 {
  margin-top: -24px !important;
}

.k-mt--6\.5 {
  margin-top: -26px;
}

.\!k-mt--6\.5 {
  margin-top: -26px !important;
}

.k-mt--7 {
  margin-top: -28px;
}

.\!k-mt--7 {
  margin-top: -28px !important;
}

.k-mt--7\.5 {
  margin-top: -30px;
}

.\!k-mt--7\.5 {
  margin-top: -30px !important;
}

.k-mt--8 {
  margin-top: -32px;
}

.\!k-mt--8 {
  margin-top: -32px !important;
}

.k-mt--9 {
  margin-top: -36px;
}

.\!k-mt--9 {
  margin-top: -36px !important;
}

.k-mt--10 {
  margin-top: -40px;
}

.\!k-mt--10 {
  margin-top: -40px !important;
}

.k-mt--11 {
  margin-top: -44px;
}

.\!k-mt--11 {
  margin-top: -44px !important;
}

.k-mt--12 {
  margin-top: -48px;
}

.\!k-mt--12 {
  margin-top: -48px !important;
}

.k-mt--13 {
  margin-top: -52px;
}

.\!k-mt--13 {
  margin-top: -52px !important;
}

.k-mt--14 {
  margin-top: -56px;
}

.\!k-mt--14 {
  margin-top: -56px !important;
}

.k-mt--15 {
  margin-top: -60px;
}

.\!k-mt--15 {
  margin-top: -60px !important;
}

.k-mt--16 {
  margin-top: -64px;
}

.\!k-mt--16 {
  margin-top: -64px !important;
}

.k-mt--17 {
  margin-top: -68px;
}

.\!k-mt--17 {
  margin-top: -68px !important;
}

.k-mt--18 {
  margin-top: -72px;
}

.\!k-mt--18 {
  margin-top: -72px !important;
}

.k-mt--19 {
  margin-top: -76px;
}

.\!k-mt--19 {
  margin-top: -76px !important;
}

.k-mt--20 {
  margin-top: -80px;
}

.\!k-mt--20 {
  margin-top: -80px !important;
}

.k-mt--21 {
  margin-top: -84px;
}

.\!k-mt--21 {
  margin-top: -84px !important;
}

.k-mt--22 {
  margin-top: -88px;
}

.\!k-mt--22 {
  margin-top: -88px !important;
}

.k-mt--23 {
  margin-top: -92px;
}

.\!k-mt--23 {
  margin-top: -92px !important;
}

.k-mt--24 {
  margin-top: -96px;
}

.\!k-mt--24 {
  margin-top: -96px !important;
}

.k-mt-xs {
  margin-top: 4px;
}

.\!k-mt-xs {
  margin-top: 4px !important;
}

.k-mt-sm {
  margin-top: 8px;
}

.\!k-mt-sm {
  margin-top: 8px !important;
}

.k-mt-md {
  margin-top: 12px;
}

.\!k-mt-md {
  margin-top: 12px !important;
}

.k-mt-lg {
  margin-top: 16px;
}

.\!k-mt-lg {
  margin-top: 16px !important;
}

.k-mt-xl {
  margin-top: 24px;
}

.\!k-mt-xl {
  margin-top: 24px !important;
}

.k-mt-thin {
  margin-top: 2px;
}

.\!k-mt-thin {
  margin-top: 2px !important;
}

.k-mt-hair {
  margin-top: 1px;
}

.\!k-mt-hair {
  margin-top: 1px !important;
}

.k-mt-auto {
  margin-top: auto;
}

.\!k-mt-auto {
  margin-top: auto !important;
}

.k-mr-0 {
  margin-right: 0;
}

.\!k-mr-0 {
  margin-right: 0 !important;
}

.k-mr-1px {
  margin-right: 1px;
}

.\!k-mr-1px {
  margin-right: 1px !important;
}

.k-mr-0\.5 {
  margin-right: 2px;
}

.\!k-mr-0\.5 {
  margin-right: 2px !important;
}

.k-mr-1 {
  margin-right: 4px;
}

.\!k-mr-1 {
  margin-right: 4px !important;
}

.k-mr-1\.5 {
  margin-right: 6px;
}

.\!k-mr-1\.5 {
  margin-right: 6px !important;
}

.k-mr-2 {
  margin-right: 8px;
}

.\!k-mr-2 {
  margin-right: 8px !important;
}

.k-mr-2\.5 {
  margin-right: 10px;
}

.\!k-mr-2\.5 {
  margin-right: 10px !important;
}

.k-mr-3 {
  margin-right: 12px;
}

.\!k-mr-3 {
  margin-right: 12px !important;
}

.k-mr-3\.5 {
  margin-right: 14px;
}

.\!k-mr-3\.5 {
  margin-right: 14px !important;
}

.k-mr-4 {
  margin-right: 16px;
}

.\!k-mr-4 {
  margin-right: 16px !important;
}

.k-mr-4\.5 {
  margin-right: 18px;
}

.\!k-mr-4\.5 {
  margin-right: 18px !important;
}

.k-mr-5 {
  margin-right: 20px;
}

.\!k-mr-5 {
  margin-right: 20px !important;
}

.k-mr-5\.5 {
  margin-right: 22px;
}

.\!k-mr-5\.5 {
  margin-right: 22px !important;
}

.k-mr-6 {
  margin-right: 24px;
}

.\!k-mr-6 {
  margin-right: 24px !important;
}

.k-mr-6\.5 {
  margin-right: 26px;
}

.\!k-mr-6\.5 {
  margin-right: 26px !important;
}

.k-mr-7 {
  margin-right: 28px;
}

.\!k-mr-7 {
  margin-right: 28px !important;
}

.k-mr-7\.5 {
  margin-right: 30px;
}

.\!k-mr-7\.5 {
  margin-right: 30px !important;
}

.k-mr-8 {
  margin-right: 32px;
}

.\!k-mr-8 {
  margin-right: 32px !important;
}

.k-mr-9 {
  margin-right: 36px;
}

.\!k-mr-9 {
  margin-right: 36px !important;
}

.k-mr-10 {
  margin-right: 40px;
}

.\!k-mr-10 {
  margin-right: 40px !important;
}

.k-mr-11 {
  margin-right: 44px;
}

.\!k-mr-11 {
  margin-right: 44px !important;
}

.k-mr-12 {
  margin-right: 48px;
}

.\!k-mr-12 {
  margin-right: 48px !important;
}

.k-mr-13 {
  margin-right: 52px;
}

.\!k-mr-13 {
  margin-right: 52px !important;
}

.k-mr-14 {
  margin-right: 56px;
}

.\!k-mr-14 {
  margin-right: 56px !important;
}

.k-mr-15 {
  margin-right: 60px;
}

.\!k-mr-15 {
  margin-right: 60px !important;
}

.k-mr-16 {
  margin-right: 64px;
}

.\!k-mr-16 {
  margin-right: 64px !important;
}

.k-mr-17 {
  margin-right: 68px;
}

.\!k-mr-17 {
  margin-right: 68px !important;
}

.k-mr-18 {
  margin-right: 72px;
}

.\!k-mr-18 {
  margin-right: 72px !important;
}

.k-mr-19 {
  margin-right: 76px;
}

.\!k-mr-19 {
  margin-right: 76px !important;
}

.k-mr-20 {
  margin-right: 80px;
}

.\!k-mr-20 {
  margin-right: 80px !important;
}

.k-mr-21 {
  margin-right: 84px;
}

.\!k-mr-21 {
  margin-right: 84px !important;
}

.k-mr-22 {
  margin-right: 88px;
}

.\!k-mr-22 {
  margin-right: 88px !important;
}

.k-mr-23 {
  margin-right: 92px;
}

.\!k-mr-23 {
  margin-right: 92px !important;
}

.k-mr-24 {
  margin-right: 96px;
}

.\!k-mr-24 {
  margin-right: 96px !important;
}

.k-mr--1px {
  margin-right: -1px;
}

.\!k-mr--1px {
  margin-right: -1px !important;
}

.k-mr--0\.5 {
  margin-right: -2px;
}

.\!k-mr--0\.5 {
  margin-right: -2px !important;
}

.k-mr--1 {
  margin-right: -4px;
}

.\!k-mr--1 {
  margin-right: -4px !important;
}

.k-mr--1\.5 {
  margin-right: -6px;
}

.\!k-mr--1\.5 {
  margin-right: -6px !important;
}

.k-mr--2 {
  margin-right: -8px;
}

.\!k-mr--2 {
  margin-right: -8px !important;
}

.k-mr--2\.5 {
  margin-right: -10px;
}

.\!k-mr--2\.5 {
  margin-right: -10px !important;
}

.k-mr--3 {
  margin-right: -12px;
}

.\!k-mr--3 {
  margin-right: -12px !important;
}

.k-mr--3\.5 {
  margin-right: -14px;
}

.\!k-mr--3\.5 {
  margin-right: -14px !important;
}

.k-mr--4 {
  margin-right: -16px;
}

.\!k-mr--4 {
  margin-right: -16px !important;
}

.k-mr--4\.5 {
  margin-right: -18px;
}

.\!k-mr--4\.5 {
  margin-right: -18px !important;
}

.k-mr--5 {
  margin-right: -20px;
}

.\!k-mr--5 {
  margin-right: -20px !important;
}

.k-mr--5\.5 {
  margin-right: -22px;
}

.\!k-mr--5\.5 {
  margin-right: -22px !important;
}

.k-mr--6 {
  margin-right: -24px;
}

.\!k-mr--6 {
  margin-right: -24px !important;
}

.k-mr--6\.5 {
  margin-right: -26px;
}

.\!k-mr--6\.5 {
  margin-right: -26px !important;
}

.k-mr--7 {
  margin-right: -28px;
}

.\!k-mr--7 {
  margin-right: -28px !important;
}

.k-mr--7\.5 {
  margin-right: -30px;
}

.\!k-mr--7\.5 {
  margin-right: -30px !important;
}

.k-mr--8 {
  margin-right: -32px;
}

.\!k-mr--8 {
  margin-right: -32px !important;
}

.k-mr--9 {
  margin-right: -36px;
}

.\!k-mr--9 {
  margin-right: -36px !important;
}

.k-mr--10 {
  margin-right: -40px;
}

.\!k-mr--10 {
  margin-right: -40px !important;
}

.k-mr--11 {
  margin-right: -44px;
}

.\!k-mr--11 {
  margin-right: -44px !important;
}

.k-mr--12 {
  margin-right: -48px;
}

.\!k-mr--12 {
  margin-right: -48px !important;
}

.k-mr--13 {
  margin-right: -52px;
}

.\!k-mr--13 {
  margin-right: -52px !important;
}

.k-mr--14 {
  margin-right: -56px;
}

.\!k-mr--14 {
  margin-right: -56px !important;
}

.k-mr--15 {
  margin-right: -60px;
}

.\!k-mr--15 {
  margin-right: -60px !important;
}

.k-mr--16 {
  margin-right: -64px;
}

.\!k-mr--16 {
  margin-right: -64px !important;
}

.k-mr--17 {
  margin-right: -68px;
}

.\!k-mr--17 {
  margin-right: -68px !important;
}

.k-mr--18 {
  margin-right: -72px;
}

.\!k-mr--18 {
  margin-right: -72px !important;
}

.k-mr--19 {
  margin-right: -76px;
}

.\!k-mr--19 {
  margin-right: -76px !important;
}

.k-mr--20 {
  margin-right: -80px;
}

.\!k-mr--20 {
  margin-right: -80px !important;
}

.k-mr--21 {
  margin-right: -84px;
}

.\!k-mr--21 {
  margin-right: -84px !important;
}

.k-mr--22 {
  margin-right: -88px;
}

.\!k-mr--22 {
  margin-right: -88px !important;
}

.k-mr--23 {
  margin-right: -92px;
}

.\!k-mr--23 {
  margin-right: -92px !important;
}

.k-mr--24 {
  margin-right: -96px;
}

.\!k-mr--24 {
  margin-right: -96px !important;
}

.k-mr-xs {
  margin-right: 4px;
}

.\!k-mr-xs {
  margin-right: 4px !important;
}

.k-mr-sm {
  margin-right: 8px;
}

.\!k-mr-sm {
  margin-right: 8px !important;
}

.k-mr-md {
  margin-right: 12px;
}

.\!k-mr-md {
  margin-right: 12px !important;
}

.k-mr-lg {
  margin-right: 16px;
}

.\!k-mr-lg {
  margin-right: 16px !important;
}

.k-mr-xl {
  margin-right: 24px;
}

.\!k-mr-xl {
  margin-right: 24px !important;
}

.k-mr-thin {
  margin-right: 2px;
}

.\!k-mr-thin {
  margin-right: 2px !important;
}

.k-mr-hair {
  margin-right: 1px;
}

.\!k-mr-hair {
  margin-right: 1px !important;
}

.k-mr-auto {
  margin-right: auto;
}

.\!k-mr-auto {
  margin-right: auto !important;
}

.k-mb-0 {
  margin-bottom: 0;
}

.\!k-mb-0 {
  margin-bottom: 0 !important;
}

.k-mb-1px {
  margin-bottom: 1px;
}

.\!k-mb-1px {
  margin-bottom: 1px !important;
}

.k-mb-0\.5 {
  margin-bottom: 2px;
}

.\!k-mb-0\.5 {
  margin-bottom: 2px !important;
}

.k-mb-1 {
  margin-bottom: 4px;
}

.\!k-mb-1 {
  margin-bottom: 4px !important;
}

.k-mb-1\.5 {
  margin-bottom: 6px;
}

.\!k-mb-1\.5 {
  margin-bottom: 6px !important;
}

.k-mb-2 {
  margin-bottom: 8px;
}

.\!k-mb-2 {
  margin-bottom: 8px !important;
}

.k-mb-2\.5 {
  margin-bottom: 10px;
}

.\!k-mb-2\.5 {
  margin-bottom: 10px !important;
}

.k-mb-3 {
  margin-bottom: 12px;
}

.\!k-mb-3 {
  margin-bottom: 12px !important;
}

.k-mb-3\.5 {
  margin-bottom: 14px;
}

.\!k-mb-3\.5 {
  margin-bottom: 14px !important;
}

.k-mb-4 {
  margin-bottom: 16px;
}

.\!k-mb-4 {
  margin-bottom: 16px !important;
}

.k-mb-4\.5 {
  margin-bottom: 18px;
}

.\!k-mb-4\.5 {
  margin-bottom: 18px !important;
}

.k-mb-5 {
  margin-bottom: 20px;
}

.\!k-mb-5 {
  margin-bottom: 20px !important;
}

.k-mb-5\.5 {
  margin-bottom: 22px;
}

.\!k-mb-5\.5 {
  margin-bottom: 22px !important;
}

.k-mb-6 {
  margin-bottom: 24px;
}

.\!k-mb-6 {
  margin-bottom: 24px !important;
}

.k-mb-6\.5 {
  margin-bottom: 26px;
}

.\!k-mb-6\.5 {
  margin-bottom: 26px !important;
}

.k-mb-7 {
  margin-bottom: 28px;
}

.\!k-mb-7 {
  margin-bottom: 28px !important;
}

.k-mb-7\.5 {
  margin-bottom: 30px;
}

.\!k-mb-7\.5 {
  margin-bottom: 30px !important;
}

.k-mb-8 {
  margin-bottom: 32px;
}

.\!k-mb-8 {
  margin-bottom: 32px !important;
}

.k-mb-9 {
  margin-bottom: 36px;
}

.\!k-mb-9 {
  margin-bottom: 36px !important;
}

.k-mb-10 {
  margin-bottom: 40px;
}

.\!k-mb-10 {
  margin-bottom: 40px !important;
}

.k-mb-11 {
  margin-bottom: 44px;
}

.\!k-mb-11 {
  margin-bottom: 44px !important;
}

.k-mb-12 {
  margin-bottom: 48px;
}

.\!k-mb-12 {
  margin-bottom: 48px !important;
}

.k-mb-13 {
  margin-bottom: 52px;
}

.\!k-mb-13 {
  margin-bottom: 52px !important;
}

.k-mb-14 {
  margin-bottom: 56px;
}

.\!k-mb-14 {
  margin-bottom: 56px !important;
}

.k-mb-15 {
  margin-bottom: 60px;
}

.\!k-mb-15 {
  margin-bottom: 60px !important;
}

.k-mb-16 {
  margin-bottom: 64px;
}

.\!k-mb-16 {
  margin-bottom: 64px !important;
}

.k-mb-17 {
  margin-bottom: 68px;
}

.\!k-mb-17 {
  margin-bottom: 68px !important;
}

.k-mb-18 {
  margin-bottom: 72px;
}

.\!k-mb-18 {
  margin-bottom: 72px !important;
}

.k-mb-19 {
  margin-bottom: 76px;
}

.\!k-mb-19 {
  margin-bottom: 76px !important;
}

.k-mb-20 {
  margin-bottom: 80px;
}

.\!k-mb-20 {
  margin-bottom: 80px !important;
}

.k-mb-21 {
  margin-bottom: 84px;
}

.\!k-mb-21 {
  margin-bottom: 84px !important;
}

.k-mb-22 {
  margin-bottom: 88px;
}

.\!k-mb-22 {
  margin-bottom: 88px !important;
}

.k-mb-23 {
  margin-bottom: 92px;
}

.\!k-mb-23 {
  margin-bottom: 92px !important;
}

.k-mb-24 {
  margin-bottom: 96px;
}

.\!k-mb-24 {
  margin-bottom: 96px !important;
}

.k-mb--1px {
  margin-bottom: -1px;
}

.\!k-mb--1px {
  margin-bottom: -1px !important;
}

.k-mb--0\.5 {
  margin-bottom: -2px;
}

.\!k-mb--0\.5 {
  margin-bottom: -2px !important;
}

.k-mb--1 {
  margin-bottom: -4px;
}

.\!k-mb--1 {
  margin-bottom: -4px !important;
}

.k-mb--1\.5 {
  margin-bottom: -6px;
}

.\!k-mb--1\.5 {
  margin-bottom: -6px !important;
}

.k-mb--2 {
  margin-bottom: -8px;
}

.\!k-mb--2 {
  margin-bottom: -8px !important;
}

.k-mb--2\.5 {
  margin-bottom: -10px;
}

.\!k-mb--2\.5 {
  margin-bottom: -10px !important;
}

.k-mb--3 {
  margin-bottom: -12px;
}

.\!k-mb--3 {
  margin-bottom: -12px !important;
}

.k-mb--3\.5 {
  margin-bottom: -14px;
}

.\!k-mb--3\.5 {
  margin-bottom: -14px !important;
}

.k-mb--4 {
  margin-bottom: -16px;
}

.\!k-mb--4 {
  margin-bottom: -16px !important;
}

.k-mb--4\.5 {
  margin-bottom: -18px;
}

.\!k-mb--4\.5 {
  margin-bottom: -18px !important;
}

.k-mb--5 {
  margin-bottom: -20px;
}

.\!k-mb--5 {
  margin-bottom: -20px !important;
}

.k-mb--5\.5 {
  margin-bottom: -22px;
}

.\!k-mb--5\.5 {
  margin-bottom: -22px !important;
}

.k-mb--6 {
  margin-bottom: -24px;
}

.\!k-mb--6 {
  margin-bottom: -24px !important;
}

.k-mb--6\.5 {
  margin-bottom: -26px;
}

.\!k-mb--6\.5 {
  margin-bottom: -26px !important;
}

.k-mb--7 {
  margin-bottom: -28px;
}

.\!k-mb--7 {
  margin-bottom: -28px !important;
}

.k-mb--7\.5 {
  margin-bottom: -30px;
}

.\!k-mb--7\.5 {
  margin-bottom: -30px !important;
}

.k-mb--8 {
  margin-bottom: -32px;
}

.\!k-mb--8 {
  margin-bottom: -32px !important;
}

.k-mb--9 {
  margin-bottom: -36px;
}

.\!k-mb--9 {
  margin-bottom: -36px !important;
}

.k-mb--10 {
  margin-bottom: -40px;
}

.\!k-mb--10 {
  margin-bottom: -40px !important;
}

.k-mb--11 {
  margin-bottom: -44px;
}

.\!k-mb--11 {
  margin-bottom: -44px !important;
}

.k-mb--12 {
  margin-bottom: -48px;
}

.\!k-mb--12 {
  margin-bottom: -48px !important;
}

.k-mb--13 {
  margin-bottom: -52px;
}

.\!k-mb--13 {
  margin-bottom: -52px !important;
}

.k-mb--14 {
  margin-bottom: -56px;
}

.\!k-mb--14 {
  margin-bottom: -56px !important;
}

.k-mb--15 {
  margin-bottom: -60px;
}

.\!k-mb--15 {
  margin-bottom: -60px !important;
}

.k-mb--16 {
  margin-bottom: -64px;
}

.\!k-mb--16 {
  margin-bottom: -64px !important;
}

.k-mb--17 {
  margin-bottom: -68px;
}

.\!k-mb--17 {
  margin-bottom: -68px !important;
}

.k-mb--18 {
  margin-bottom: -72px;
}

.\!k-mb--18 {
  margin-bottom: -72px !important;
}

.k-mb--19 {
  margin-bottom: -76px;
}

.\!k-mb--19 {
  margin-bottom: -76px !important;
}

.k-mb--20 {
  margin-bottom: -80px;
}

.\!k-mb--20 {
  margin-bottom: -80px !important;
}

.k-mb--21 {
  margin-bottom: -84px;
}

.\!k-mb--21 {
  margin-bottom: -84px !important;
}

.k-mb--22 {
  margin-bottom: -88px;
}

.\!k-mb--22 {
  margin-bottom: -88px !important;
}

.k-mb--23 {
  margin-bottom: -92px;
}

.\!k-mb--23 {
  margin-bottom: -92px !important;
}

.k-mb--24 {
  margin-bottom: -96px;
}

.\!k-mb--24 {
  margin-bottom: -96px !important;
}

.k-mb-xs {
  margin-bottom: 4px;
}

.\!k-mb-xs {
  margin-bottom: 4px !important;
}

.k-mb-sm {
  margin-bottom: 8px;
}

.\!k-mb-sm {
  margin-bottom: 8px !important;
}

.k-mb-md {
  margin-bottom: 12px;
}

.\!k-mb-md {
  margin-bottom: 12px !important;
}

.k-mb-lg {
  margin-bottom: 16px;
}

.\!k-mb-lg {
  margin-bottom: 16px !important;
}

.k-mb-xl {
  margin-bottom: 24px;
}

.\!k-mb-xl {
  margin-bottom: 24px !important;
}

.k-mb-thin {
  margin-bottom: 2px;
}

.\!k-mb-thin {
  margin-bottom: 2px !important;
}

.k-mb-hair {
  margin-bottom: 1px;
}

.\!k-mb-hair {
  margin-bottom: 1px !important;
}

.k-mb-auto {
  margin-bottom: auto;
}

.\!k-mb-auto {
  margin-bottom: auto !important;
}

.k-ml-0 {
  margin-left: 0;
}

.\!k-ml-0 {
  margin-left: 0 !important;
}

.k-ml-1px {
  margin-left: 1px;
}

.\!k-ml-1px {
  margin-left: 1px !important;
}

.k-ml-0\.5 {
  margin-left: 2px;
}

.\!k-ml-0\.5 {
  margin-left: 2px !important;
}

.k-ml-1 {
  margin-left: 4px;
}

.\!k-ml-1 {
  margin-left: 4px !important;
}

.k-ml-1\.5 {
  margin-left: 6px;
}

.\!k-ml-1\.5 {
  margin-left: 6px !important;
}

.k-ml-2 {
  margin-left: 8px;
}

.\!k-ml-2 {
  margin-left: 8px !important;
}

.k-ml-2\.5 {
  margin-left: 10px;
}

.\!k-ml-2\.5 {
  margin-left: 10px !important;
}

.k-ml-3 {
  margin-left: 12px;
}

.\!k-ml-3 {
  margin-left: 12px !important;
}

.k-ml-3\.5 {
  margin-left: 14px;
}

.\!k-ml-3\.5 {
  margin-left: 14px !important;
}

.k-ml-4 {
  margin-left: 16px;
}

.\!k-ml-4 {
  margin-left: 16px !important;
}

.k-ml-4\.5 {
  margin-left: 18px;
}

.\!k-ml-4\.5 {
  margin-left: 18px !important;
}

.k-ml-5 {
  margin-left: 20px;
}

.\!k-ml-5 {
  margin-left: 20px !important;
}

.k-ml-5\.5 {
  margin-left: 22px;
}

.\!k-ml-5\.5 {
  margin-left: 22px !important;
}

.k-ml-6 {
  margin-left: 24px;
}

.\!k-ml-6 {
  margin-left: 24px !important;
}

.k-ml-6\.5 {
  margin-left: 26px;
}

.\!k-ml-6\.5 {
  margin-left: 26px !important;
}

.k-ml-7 {
  margin-left: 28px;
}

.\!k-ml-7 {
  margin-left: 28px !important;
}

.k-ml-7\.5 {
  margin-left: 30px;
}

.\!k-ml-7\.5 {
  margin-left: 30px !important;
}

.k-ml-8 {
  margin-left: 32px;
}

.\!k-ml-8 {
  margin-left: 32px !important;
}

.k-ml-9 {
  margin-left: 36px;
}

.\!k-ml-9 {
  margin-left: 36px !important;
}

.k-ml-10 {
  margin-left: 40px;
}

.\!k-ml-10 {
  margin-left: 40px !important;
}

.k-ml-11 {
  margin-left: 44px;
}

.\!k-ml-11 {
  margin-left: 44px !important;
}

.k-ml-12 {
  margin-left: 48px;
}

.\!k-ml-12 {
  margin-left: 48px !important;
}

.k-ml-13 {
  margin-left: 52px;
}

.\!k-ml-13 {
  margin-left: 52px !important;
}

.k-ml-14 {
  margin-left: 56px;
}

.\!k-ml-14 {
  margin-left: 56px !important;
}

.k-ml-15 {
  margin-left: 60px;
}

.\!k-ml-15 {
  margin-left: 60px !important;
}

.k-ml-16 {
  margin-left: 64px;
}

.\!k-ml-16 {
  margin-left: 64px !important;
}

.k-ml-17 {
  margin-left: 68px;
}

.\!k-ml-17 {
  margin-left: 68px !important;
}

.k-ml-18 {
  margin-left: 72px;
}

.\!k-ml-18 {
  margin-left: 72px !important;
}

.k-ml-19 {
  margin-left: 76px;
}

.\!k-ml-19 {
  margin-left: 76px !important;
}

.k-ml-20 {
  margin-left: 80px;
}

.\!k-ml-20 {
  margin-left: 80px !important;
}

.k-ml-21 {
  margin-left: 84px;
}

.\!k-ml-21 {
  margin-left: 84px !important;
}

.k-ml-22 {
  margin-left: 88px;
}

.\!k-ml-22 {
  margin-left: 88px !important;
}

.k-ml-23 {
  margin-left: 92px;
}

.\!k-ml-23 {
  margin-left: 92px !important;
}

.k-ml-24 {
  margin-left: 96px;
}

.\!k-ml-24 {
  margin-left: 96px !important;
}

.k-ml--1px {
  margin-left: -1px;
}

.\!k-ml--1px {
  margin-left: -1px !important;
}

.k-ml--0\.5 {
  margin-left: -2px;
}

.\!k-ml--0\.5 {
  margin-left: -2px !important;
}

.k-ml--1 {
  margin-left: -4px;
}

.\!k-ml--1 {
  margin-left: -4px !important;
}

.k-ml--1\.5 {
  margin-left: -6px;
}

.\!k-ml--1\.5 {
  margin-left: -6px !important;
}

.k-ml--2 {
  margin-left: -8px;
}

.\!k-ml--2 {
  margin-left: -8px !important;
}

.k-ml--2\.5 {
  margin-left: -10px;
}

.\!k-ml--2\.5 {
  margin-left: -10px !important;
}

.k-ml--3 {
  margin-left: -12px;
}

.\!k-ml--3 {
  margin-left: -12px !important;
}

.k-ml--3\.5 {
  margin-left: -14px;
}

.\!k-ml--3\.5 {
  margin-left: -14px !important;
}

.k-ml--4 {
  margin-left: -16px;
}

.\!k-ml--4 {
  margin-left: -16px !important;
}

.k-ml--4\.5 {
  margin-left: -18px;
}

.\!k-ml--4\.5 {
  margin-left: -18px !important;
}

.k-ml--5 {
  margin-left: -20px;
}

.\!k-ml--5 {
  margin-left: -20px !important;
}

.k-ml--5\.5 {
  margin-left: -22px;
}

.\!k-ml--5\.5 {
  margin-left: -22px !important;
}

.k-ml--6 {
  margin-left: -24px;
}

.\!k-ml--6 {
  margin-left: -24px !important;
}

.k-ml--6\.5 {
  margin-left: -26px;
}

.\!k-ml--6\.5 {
  margin-left: -26px !important;
}

.k-ml--7 {
  margin-left: -28px;
}

.\!k-ml--7 {
  margin-left: -28px !important;
}

.k-ml--7\.5 {
  margin-left: -30px;
}

.\!k-ml--7\.5 {
  margin-left: -30px !important;
}

.k-ml--8 {
  margin-left: -32px;
}

.\!k-ml--8 {
  margin-left: -32px !important;
}

.k-ml--9 {
  margin-left: -36px;
}

.\!k-ml--9 {
  margin-left: -36px !important;
}

.k-ml--10 {
  margin-left: -40px;
}

.\!k-ml--10 {
  margin-left: -40px !important;
}

.k-ml--11 {
  margin-left: -44px;
}

.\!k-ml--11 {
  margin-left: -44px !important;
}

.k-ml--12 {
  margin-left: -48px;
}

.\!k-ml--12 {
  margin-left: -48px !important;
}

.k-ml--13 {
  margin-left: -52px;
}

.\!k-ml--13 {
  margin-left: -52px !important;
}

.k-ml--14 {
  margin-left: -56px;
}

.\!k-ml--14 {
  margin-left: -56px !important;
}

.k-ml--15 {
  margin-left: -60px;
}

.\!k-ml--15 {
  margin-left: -60px !important;
}

.k-ml--16 {
  margin-left: -64px;
}

.\!k-ml--16 {
  margin-left: -64px !important;
}

.k-ml--17 {
  margin-left: -68px;
}

.\!k-ml--17 {
  margin-left: -68px !important;
}

.k-ml--18 {
  margin-left: -72px;
}

.\!k-ml--18 {
  margin-left: -72px !important;
}

.k-ml--19 {
  margin-left: -76px;
}

.\!k-ml--19 {
  margin-left: -76px !important;
}

.k-ml--20 {
  margin-left: -80px;
}

.\!k-ml--20 {
  margin-left: -80px !important;
}

.k-ml--21 {
  margin-left: -84px;
}

.\!k-ml--21 {
  margin-left: -84px !important;
}

.k-ml--22 {
  margin-left: -88px;
}

.\!k-ml--22 {
  margin-left: -88px !important;
}

.k-ml--23 {
  margin-left: -92px;
}

.\!k-ml--23 {
  margin-left: -92px !important;
}

.k-ml--24 {
  margin-left: -96px;
}

.\!k-ml--24 {
  margin-left: -96px !important;
}

.k-ml-xs {
  margin-left: 4px;
}

.\!k-ml-xs {
  margin-left: 4px !important;
}

.k-ml-sm {
  margin-left: 8px;
}

.\!k-ml-sm {
  margin-left: 8px !important;
}

.k-ml-md {
  margin-left: 12px;
}

.\!k-ml-md {
  margin-left: 12px !important;
}

.k-ml-lg {
  margin-left: 16px;
}

.\!k-ml-lg {
  margin-left: 16px !important;
}

.k-ml-xl {
  margin-left: 24px;
}

.\!k-ml-xl {
  margin-left: 24px !important;
}

.k-ml-thin {
  margin-left: 2px;
}

.\!k-ml-thin {
  margin-left: 2px !important;
}

.k-ml-hair {
  margin-left: 1px;
}

.\!k-ml-hair {
  margin-left: 1px !important;
}

.k-ml-auto {
  margin-left: auto;
}

.\!k-ml-auto {
  margin-left: auto !important;
}

.k-mx-0 {
  margin-inline: 0;
}

.\!k-mx-0 {
  margin-inline: 0 !important;
}

.k-mx-1px {
  margin-inline: 1px;
}

.\!k-mx-1px {
  margin-inline: 1px !important;
}

.k-mx-0\.5 {
  margin-inline: 2px;
}

.\!k-mx-0\.5 {
  margin-inline: 2px !important;
}

.k-mx-1 {
  margin-inline: 4px;
}

.\!k-mx-1 {
  margin-inline: 4px !important;
}

.k-mx-1\.5 {
  margin-inline: 6px;
}

.\!k-mx-1\.5 {
  margin-inline: 6px !important;
}

.k-mx-2 {
  margin-inline: 8px;
}

.\!k-mx-2 {
  margin-inline: 8px !important;
}

.k-mx-2\.5 {
  margin-inline: 10px;
}

.\!k-mx-2\.5 {
  margin-inline: 10px !important;
}

.k-mx-3 {
  margin-inline: 12px;
}

.\!k-mx-3 {
  margin-inline: 12px !important;
}

.k-mx-3\.5 {
  margin-inline: 14px;
}

.\!k-mx-3\.5 {
  margin-inline: 14px !important;
}

.k-mx-4 {
  margin-inline: 16px;
}

.\!k-mx-4 {
  margin-inline: 16px !important;
}

.k-mx-4\.5 {
  margin-inline: 18px;
}

.\!k-mx-4\.5 {
  margin-inline: 18px !important;
}

.k-mx-5 {
  margin-inline: 20px;
}

.\!k-mx-5 {
  margin-inline: 20px !important;
}

.k-mx-5\.5 {
  margin-inline: 22px;
}

.\!k-mx-5\.5 {
  margin-inline: 22px !important;
}

.k-mx-6 {
  margin-inline: 24px;
}

.\!k-mx-6 {
  margin-inline: 24px !important;
}

.k-mx-6\.5 {
  margin-inline: 26px;
}

.\!k-mx-6\.5 {
  margin-inline: 26px !important;
}

.k-mx-7 {
  margin-inline: 28px;
}

.\!k-mx-7 {
  margin-inline: 28px !important;
}

.k-mx-7\.5 {
  margin-inline: 30px;
}

.\!k-mx-7\.5 {
  margin-inline: 30px !important;
}

.k-mx-8 {
  margin-inline: 32px;
}

.\!k-mx-8 {
  margin-inline: 32px !important;
}

.k-mx-9 {
  margin-inline: 36px;
}

.\!k-mx-9 {
  margin-inline: 36px !important;
}

.k-mx-10 {
  margin-inline: 40px;
}

.\!k-mx-10 {
  margin-inline: 40px !important;
}

.k-mx-11 {
  margin-inline: 44px;
}

.\!k-mx-11 {
  margin-inline: 44px !important;
}

.k-mx-12 {
  margin-inline: 48px;
}

.\!k-mx-12 {
  margin-inline: 48px !important;
}

.k-mx-13 {
  margin-inline: 52px;
}

.\!k-mx-13 {
  margin-inline: 52px !important;
}

.k-mx-14 {
  margin-inline: 56px;
}

.\!k-mx-14 {
  margin-inline: 56px !important;
}

.k-mx-15 {
  margin-inline: 60px;
}

.\!k-mx-15 {
  margin-inline: 60px !important;
}

.k-mx-16 {
  margin-inline: 64px;
}

.\!k-mx-16 {
  margin-inline: 64px !important;
}

.k-mx-17 {
  margin-inline: 68px;
}

.\!k-mx-17 {
  margin-inline: 68px !important;
}

.k-mx-18 {
  margin-inline: 72px;
}

.\!k-mx-18 {
  margin-inline: 72px !important;
}

.k-mx-19 {
  margin-inline: 76px;
}

.\!k-mx-19 {
  margin-inline: 76px !important;
}

.k-mx-20 {
  margin-inline: 80px;
}

.\!k-mx-20 {
  margin-inline: 80px !important;
}

.k-mx-21 {
  margin-inline: 84px;
}

.\!k-mx-21 {
  margin-inline: 84px !important;
}

.k-mx-22 {
  margin-inline: 88px;
}

.\!k-mx-22 {
  margin-inline: 88px !important;
}

.k-mx-23 {
  margin-inline: 92px;
}

.\!k-mx-23 {
  margin-inline: 92px !important;
}

.k-mx-24 {
  margin-inline: 96px;
}

.\!k-mx-24 {
  margin-inline: 96px !important;
}

.k-mx--1px {
  margin-inline: -1px;
}

.\!k-mx--1px {
  margin-inline: -1px !important;
}

.k-mx--0\.5 {
  margin-inline: -2px;
}

.\!k-mx--0\.5 {
  margin-inline: -2px !important;
}

.k-mx--1 {
  margin-inline: -4px;
}

.\!k-mx--1 {
  margin-inline: -4px !important;
}

.k-mx--1\.5 {
  margin-inline: -6px;
}

.\!k-mx--1\.5 {
  margin-inline: -6px !important;
}

.k-mx--2 {
  margin-inline: -8px;
}

.\!k-mx--2 {
  margin-inline: -8px !important;
}

.k-mx--2\.5 {
  margin-inline: -10px;
}

.\!k-mx--2\.5 {
  margin-inline: -10px !important;
}

.k-mx--3 {
  margin-inline: -12px;
}

.\!k-mx--3 {
  margin-inline: -12px !important;
}

.k-mx--3\.5 {
  margin-inline: -14px;
}

.\!k-mx--3\.5 {
  margin-inline: -14px !important;
}

.k-mx--4 {
  margin-inline: -16px;
}

.\!k-mx--4 {
  margin-inline: -16px !important;
}

.k-mx--4\.5 {
  margin-inline: -18px;
}

.\!k-mx--4\.5 {
  margin-inline: -18px !important;
}

.k-mx--5 {
  margin-inline: -20px;
}

.\!k-mx--5 {
  margin-inline: -20px !important;
}

.k-mx--5\.5 {
  margin-inline: -22px;
}

.\!k-mx--5\.5 {
  margin-inline: -22px !important;
}

.k-mx--6 {
  margin-inline: -24px;
}

.\!k-mx--6 {
  margin-inline: -24px !important;
}

.k-mx--6\.5 {
  margin-inline: -26px;
}

.\!k-mx--6\.5 {
  margin-inline: -26px !important;
}

.k-mx--7 {
  margin-inline: -28px;
}

.\!k-mx--7 {
  margin-inline: -28px !important;
}

.k-mx--7\.5 {
  margin-inline: -30px;
}

.\!k-mx--7\.5 {
  margin-inline: -30px !important;
}

.k-mx--8 {
  margin-inline: -32px;
}

.\!k-mx--8 {
  margin-inline: -32px !important;
}

.k-mx--9 {
  margin-inline: -36px;
}

.\!k-mx--9 {
  margin-inline: -36px !important;
}

.k-mx--10 {
  margin-inline: -40px;
}

.\!k-mx--10 {
  margin-inline: -40px !important;
}

.k-mx--11 {
  margin-inline: -44px;
}

.\!k-mx--11 {
  margin-inline: -44px !important;
}

.k-mx--12 {
  margin-inline: -48px;
}

.\!k-mx--12 {
  margin-inline: -48px !important;
}

.k-mx--13 {
  margin-inline: -52px;
}

.\!k-mx--13 {
  margin-inline: -52px !important;
}

.k-mx--14 {
  margin-inline: -56px;
}

.\!k-mx--14 {
  margin-inline: -56px !important;
}

.k-mx--15 {
  margin-inline: -60px;
}

.\!k-mx--15 {
  margin-inline: -60px !important;
}

.k-mx--16 {
  margin-inline: -64px;
}

.\!k-mx--16 {
  margin-inline: -64px !important;
}

.k-mx--17 {
  margin-inline: -68px;
}

.\!k-mx--17 {
  margin-inline: -68px !important;
}

.k-mx--18 {
  margin-inline: -72px;
}

.\!k-mx--18 {
  margin-inline: -72px !important;
}

.k-mx--19 {
  margin-inline: -76px;
}

.\!k-mx--19 {
  margin-inline: -76px !important;
}

.k-mx--20 {
  margin-inline: -80px;
}

.\!k-mx--20 {
  margin-inline: -80px !important;
}

.k-mx--21 {
  margin-inline: -84px;
}

.\!k-mx--21 {
  margin-inline: -84px !important;
}

.k-mx--22 {
  margin-inline: -88px;
}

.\!k-mx--22 {
  margin-inline: -88px !important;
}

.k-mx--23 {
  margin-inline: -92px;
}

.\!k-mx--23 {
  margin-inline: -92px !important;
}

.k-mx--24 {
  margin-inline: -96px;
}

.\!k-mx--24 {
  margin-inline: -96px !important;
}

.k-mx-xs {
  margin-inline: 4px;
}

.\!k-mx-xs {
  margin-inline: 4px !important;
}

.k-mx-sm {
  margin-inline: 8px;
}

.\!k-mx-sm {
  margin-inline: 8px !important;
}

.k-mx-md {
  margin-inline: 12px;
}

.\!k-mx-md {
  margin-inline: 12px !important;
}

.k-mx-lg {
  margin-inline: 16px;
}

.\!k-mx-lg {
  margin-inline: 16px !important;
}

.k-mx-xl {
  margin-inline: 24px;
}

.\!k-mx-xl {
  margin-inline: 24px !important;
}

.k-mx-thin {
  margin-inline: 2px;
}

.\!k-mx-thin {
  margin-inline: 2px !important;
}

.k-mx-hair {
  margin-inline: 1px;
}

.\!k-mx-hair {
  margin-inline: 1px !important;
}

.k-mx-auto {
  margin-inline: auto;
}

.\!k-mx-auto {
  margin-inline: auto !important;
}

.k-my-0 {
  margin-block: 0;
}

.\!k-my-0 {
  margin-block: 0 !important;
}

.k-my-1px {
  margin-block: 1px;
}

.\!k-my-1px {
  margin-block: 1px !important;
}

.k-my-0\.5 {
  margin-block: 2px;
}

.\!k-my-0\.5 {
  margin-block: 2px !important;
}

.k-my-1 {
  margin-block: 4px;
}

.\!k-my-1 {
  margin-block: 4px !important;
}

.k-my-1\.5 {
  margin-block: 6px;
}

.\!k-my-1\.5 {
  margin-block: 6px !important;
}

.k-my-2 {
  margin-block: 8px;
}

.\!k-my-2 {
  margin-block: 8px !important;
}

.k-my-2\.5 {
  margin-block: 10px;
}

.\!k-my-2\.5 {
  margin-block: 10px !important;
}

.k-my-3 {
  margin-block: 12px;
}

.\!k-my-3 {
  margin-block: 12px !important;
}

.k-my-3\.5 {
  margin-block: 14px;
}

.\!k-my-3\.5 {
  margin-block: 14px !important;
}

.k-my-4 {
  margin-block: 16px;
}

.\!k-my-4 {
  margin-block: 16px !important;
}

.k-my-4\.5 {
  margin-block: 18px;
}

.\!k-my-4\.5 {
  margin-block: 18px !important;
}

.k-my-5 {
  margin-block: 20px;
}

.\!k-my-5 {
  margin-block: 20px !important;
}

.k-my-5\.5 {
  margin-block: 22px;
}

.\!k-my-5\.5 {
  margin-block: 22px !important;
}

.k-my-6 {
  margin-block: 24px;
}

.\!k-my-6 {
  margin-block: 24px !important;
}

.k-my-6\.5 {
  margin-block: 26px;
}

.\!k-my-6\.5 {
  margin-block: 26px !important;
}

.k-my-7 {
  margin-block: 28px;
}

.\!k-my-7 {
  margin-block: 28px !important;
}

.k-my-7\.5 {
  margin-block: 30px;
}

.\!k-my-7\.5 {
  margin-block: 30px !important;
}

.k-my-8 {
  margin-block: 32px;
}

.\!k-my-8 {
  margin-block: 32px !important;
}

.k-my-9 {
  margin-block: 36px;
}

.\!k-my-9 {
  margin-block: 36px !important;
}

.k-my-10 {
  margin-block: 40px;
}

.\!k-my-10 {
  margin-block: 40px !important;
}

.k-my-11 {
  margin-block: 44px;
}

.\!k-my-11 {
  margin-block: 44px !important;
}

.k-my-12 {
  margin-block: 48px;
}

.\!k-my-12 {
  margin-block: 48px !important;
}

.k-my-13 {
  margin-block: 52px;
}

.\!k-my-13 {
  margin-block: 52px !important;
}

.k-my-14 {
  margin-block: 56px;
}

.\!k-my-14 {
  margin-block: 56px !important;
}

.k-my-15 {
  margin-block: 60px;
}

.\!k-my-15 {
  margin-block: 60px !important;
}

.k-my-16 {
  margin-block: 64px;
}

.\!k-my-16 {
  margin-block: 64px !important;
}

.k-my-17 {
  margin-block: 68px;
}

.\!k-my-17 {
  margin-block: 68px !important;
}

.k-my-18 {
  margin-block: 72px;
}

.\!k-my-18 {
  margin-block: 72px !important;
}

.k-my-19 {
  margin-block: 76px;
}

.\!k-my-19 {
  margin-block: 76px !important;
}

.k-my-20 {
  margin-block: 80px;
}

.\!k-my-20 {
  margin-block: 80px !important;
}

.k-my-21 {
  margin-block: 84px;
}

.\!k-my-21 {
  margin-block: 84px !important;
}

.k-my-22 {
  margin-block: 88px;
}

.\!k-my-22 {
  margin-block: 88px !important;
}

.k-my-23 {
  margin-block: 92px;
}

.\!k-my-23 {
  margin-block: 92px !important;
}

.k-my-24 {
  margin-block: 96px;
}

.\!k-my-24 {
  margin-block: 96px !important;
}

.k-my--1px {
  margin-block: -1px;
}

.\!k-my--1px {
  margin-block: -1px !important;
}

.k-my--0\.5 {
  margin-block: -2px;
}

.\!k-my--0\.5 {
  margin-block: -2px !important;
}

.k-my--1 {
  margin-block: -4px;
}

.\!k-my--1 {
  margin-block: -4px !important;
}

.k-my--1\.5 {
  margin-block: -6px;
}

.\!k-my--1\.5 {
  margin-block: -6px !important;
}

.k-my--2 {
  margin-block: -8px;
}

.\!k-my--2 {
  margin-block: -8px !important;
}

.k-my--2\.5 {
  margin-block: -10px;
}

.\!k-my--2\.5 {
  margin-block: -10px !important;
}

.k-my--3 {
  margin-block: -12px;
}

.\!k-my--3 {
  margin-block: -12px !important;
}

.k-my--3\.5 {
  margin-block: -14px;
}

.\!k-my--3\.5 {
  margin-block: -14px !important;
}

.k-my--4 {
  margin-block: -16px;
}

.\!k-my--4 {
  margin-block: -16px !important;
}

.k-my--4\.5 {
  margin-block: -18px;
}

.\!k-my--4\.5 {
  margin-block: -18px !important;
}

.k-my--5 {
  margin-block: -20px;
}

.\!k-my--5 {
  margin-block: -20px !important;
}

.k-my--5\.5 {
  margin-block: -22px;
}

.\!k-my--5\.5 {
  margin-block: -22px !important;
}

.k-my--6 {
  margin-block: -24px;
}

.\!k-my--6 {
  margin-block: -24px !important;
}

.k-my--6\.5 {
  margin-block: -26px;
}

.\!k-my--6\.5 {
  margin-block: -26px !important;
}

.k-my--7 {
  margin-block: -28px;
}

.\!k-my--7 {
  margin-block: -28px !important;
}

.k-my--7\.5 {
  margin-block: -30px;
}

.\!k-my--7\.5 {
  margin-block: -30px !important;
}

.k-my--8 {
  margin-block: -32px;
}

.\!k-my--8 {
  margin-block: -32px !important;
}

.k-my--9 {
  margin-block: -36px;
}

.\!k-my--9 {
  margin-block: -36px !important;
}

.k-my--10 {
  margin-block: -40px;
}

.\!k-my--10 {
  margin-block: -40px !important;
}

.k-my--11 {
  margin-block: -44px;
}

.\!k-my--11 {
  margin-block: -44px !important;
}

.k-my--12 {
  margin-block: -48px;
}

.\!k-my--12 {
  margin-block: -48px !important;
}

.k-my--13 {
  margin-block: -52px;
}

.\!k-my--13 {
  margin-block: -52px !important;
}

.k-my--14 {
  margin-block: -56px;
}

.\!k-my--14 {
  margin-block: -56px !important;
}

.k-my--15 {
  margin-block: -60px;
}

.\!k-my--15 {
  margin-block: -60px !important;
}

.k-my--16 {
  margin-block: -64px;
}

.\!k-my--16 {
  margin-block: -64px !important;
}

.k-my--17 {
  margin-block: -68px;
}

.\!k-my--17 {
  margin-block: -68px !important;
}

.k-my--18 {
  margin-block: -72px;
}

.\!k-my--18 {
  margin-block: -72px !important;
}

.k-my--19 {
  margin-block: -76px;
}

.\!k-my--19 {
  margin-block: -76px !important;
}

.k-my--20 {
  margin-block: -80px;
}

.\!k-my--20 {
  margin-block: -80px !important;
}

.k-my--21 {
  margin-block: -84px;
}

.\!k-my--21 {
  margin-block: -84px !important;
}

.k-my--22 {
  margin-block: -88px;
}

.\!k-my--22 {
  margin-block: -88px !important;
}

.k-my--23 {
  margin-block: -92px;
}

.\!k-my--23 {
  margin-block: -92px !important;
}

.k-my--24 {
  margin-block: -96px;
}

.\!k-my--24 {
  margin-block: -96px !important;
}

.k-my-xs {
  margin-block: 4px;
}

.\!k-my-xs {
  margin-block: 4px !important;
}

.k-my-sm {
  margin-block: 8px;
}

.\!k-my-sm {
  margin-block: 8px !important;
}

.k-my-md {
  margin-block: 12px;
}

.\!k-my-md {
  margin-block: 12px !important;
}

.k-my-lg {
  margin-block: 16px;
}

.\!k-my-lg {
  margin-block: 16px !important;
}

.k-my-xl {
  margin-block: 24px;
}

.\!k-my-xl {
  margin-block: 24px !important;
}

.k-my-thin {
  margin-block: 2px;
}

.\!k-my-thin {
  margin-block: 2px !important;
}

.k-my-hair {
  margin-block: 1px;
}

.\!k-my-hair {
  margin-block: 1px !important;
}

.k-my-auto {
  margin-block: auto;
}

.\!k-my-auto {
  margin-block: auto !important;
}

.k-p-0 {
  padding: 0;
}

.\!k-p-0 {
  padding: 0 !important;
}

.k-p-1px {
  padding: 1px;
}

.\!k-p-1px {
  padding: 1px !important;
}

.k-p-0\.5 {
  padding: 2px;
}

.\!k-p-0\.5 {
  padding: 2px !important;
}

.k-p-1 {
  padding: 4px;
}

.\!k-p-1 {
  padding: 4px !important;
}

.k-p-1\.5 {
  padding: 6px;
}

.\!k-p-1\.5 {
  padding: 6px !important;
}

.k-p-2 {
  padding: 8px;
}

.\!k-p-2 {
  padding: 8px !important;
}

.k-p-2\.5 {
  padding: 10px;
}

.\!k-p-2\.5 {
  padding: 10px !important;
}

.k-p-3 {
  padding: 12px;
}

.\!k-p-3 {
  padding: 12px !important;
}

.k-p-3\.5 {
  padding: 14px;
}

.\!k-p-3\.5 {
  padding: 14px !important;
}

.k-p-4 {
  padding: 16px;
}

.\!k-p-4 {
  padding: 16px !important;
}

.k-p-4\.5 {
  padding: 18px;
}

.\!k-p-4\.5 {
  padding: 18px !important;
}

.k-p-5 {
  padding: 20px;
}

.\!k-p-5 {
  padding: 20px !important;
}

.k-p-5\.5 {
  padding: 22px;
}

.\!k-p-5\.5 {
  padding: 22px !important;
}

.k-p-6 {
  padding: 24px;
}

.\!k-p-6 {
  padding: 24px !important;
}

.k-p-6\.5 {
  padding: 26px;
}

.\!k-p-6\.5 {
  padding: 26px !important;
}

.k-p-7 {
  padding: 28px;
}

.\!k-p-7 {
  padding: 28px !important;
}

.k-p-7\.5 {
  padding: 30px;
}

.\!k-p-7\.5 {
  padding: 30px !important;
}

.k-p-8 {
  padding: 32px;
}

.\!k-p-8 {
  padding: 32px !important;
}

.k-p-9 {
  padding: 36px;
}

.\!k-p-9 {
  padding: 36px !important;
}

.k-p-10 {
  padding: 40px;
}

.\!k-p-10 {
  padding: 40px !important;
}

.k-p-11 {
  padding: 44px;
}

.\!k-p-11 {
  padding: 44px !important;
}

.k-p-12 {
  padding: 48px;
}

.\!k-p-12 {
  padding: 48px !important;
}

.k-p-13 {
  padding: 52px;
}

.\!k-p-13 {
  padding: 52px !important;
}

.k-p-14 {
  padding: 56px;
}

.\!k-p-14 {
  padding: 56px !important;
}

.k-p-15 {
  padding: 60px;
}

.\!k-p-15 {
  padding: 60px !important;
}

.k-p-16 {
  padding: 64px;
}

.\!k-p-16 {
  padding: 64px !important;
}

.k-p-17 {
  padding: 68px;
}

.\!k-p-17 {
  padding: 68px !important;
}

.k-p-18 {
  padding: 72px;
}

.\!k-p-18 {
  padding: 72px !important;
}

.k-p-19 {
  padding: 76px;
}

.\!k-p-19 {
  padding: 76px !important;
}

.k-p-20 {
  padding: 80px;
}

.\!k-p-20 {
  padding: 80px !important;
}

.k-p-21 {
  padding: 84px;
}

.\!k-p-21 {
  padding: 84px !important;
}

.k-p-22 {
  padding: 88px;
}

.\!k-p-22 {
  padding: 88px !important;
}

.k-p-23 {
  padding: 92px;
}

.\!k-p-23 {
  padding: 92px !important;
}

.k-p-24 {
  padding: 96px;
}

.\!k-p-24 {
  padding: 96px !important;
}

.k-p-xs {
  padding: 4px;
}

.\!k-p-xs {
  padding: 4px !important;
}

.k-p-sm {
  padding: 8px;
}

.\!k-p-sm {
  padding: 8px !important;
}

.k-p-md {
  padding: 12px;
}

.\!k-p-md {
  padding: 12px !important;
}

.k-p-lg {
  padding: 16px;
}

.\!k-p-lg {
  padding: 16px !important;
}

.k-p-xl {
  padding: 24px;
}

.\!k-p-xl {
  padding: 24px !important;
}

.k-p-thin {
  padding: 2px;
}

.\!k-p-thin {
  padding: 2px !important;
}

.k-p-hair {
  padding: 1px;
}

.\!k-p-hair {
  padding: 1px !important;
}

.k-pt-0 {
  padding-top: 0;
}

.\!k-pt-0 {
  padding-top: 0 !important;
}

.k-pt-1px {
  padding-top: 1px;
}

.\!k-pt-1px {
  padding-top: 1px !important;
}

.k-pt-0\.5 {
  padding-top: 2px;
}

.\!k-pt-0\.5 {
  padding-top: 2px !important;
}

.k-pt-1 {
  padding-top: 4px;
}

.\!k-pt-1 {
  padding-top: 4px !important;
}

.k-pt-1\.5 {
  padding-top: 6px;
}

.\!k-pt-1\.5 {
  padding-top: 6px !important;
}

.k-pt-2 {
  padding-top: 8px;
}

.\!k-pt-2 {
  padding-top: 8px !important;
}

.k-pt-2\.5 {
  padding-top: 10px;
}

.\!k-pt-2\.5 {
  padding-top: 10px !important;
}

.k-pt-3 {
  padding-top: 12px;
}

.\!k-pt-3 {
  padding-top: 12px !important;
}

.k-pt-3\.5 {
  padding-top: 14px;
}

.\!k-pt-3\.5 {
  padding-top: 14px !important;
}

.k-pt-4 {
  padding-top: 16px;
}

.\!k-pt-4 {
  padding-top: 16px !important;
}

.k-pt-4\.5 {
  padding-top: 18px;
}

.\!k-pt-4\.5 {
  padding-top: 18px !important;
}

.k-pt-5 {
  padding-top: 20px;
}

.\!k-pt-5 {
  padding-top: 20px !important;
}

.k-pt-5\.5 {
  padding-top: 22px;
}

.\!k-pt-5\.5 {
  padding-top: 22px !important;
}

.k-pt-6 {
  padding-top: 24px;
}

.\!k-pt-6 {
  padding-top: 24px !important;
}

.k-pt-6\.5 {
  padding-top: 26px;
}

.\!k-pt-6\.5 {
  padding-top: 26px !important;
}

.k-pt-7 {
  padding-top: 28px;
}

.\!k-pt-7 {
  padding-top: 28px !important;
}

.k-pt-7\.5 {
  padding-top: 30px;
}

.\!k-pt-7\.5 {
  padding-top: 30px !important;
}

.k-pt-8 {
  padding-top: 32px;
}

.\!k-pt-8 {
  padding-top: 32px !important;
}

.k-pt-9 {
  padding-top: 36px;
}

.\!k-pt-9 {
  padding-top: 36px !important;
}

.k-pt-10 {
  padding-top: 40px;
}

.\!k-pt-10 {
  padding-top: 40px !important;
}

.k-pt-11 {
  padding-top: 44px;
}

.\!k-pt-11 {
  padding-top: 44px !important;
}

.k-pt-12 {
  padding-top: 48px;
}

.\!k-pt-12 {
  padding-top: 48px !important;
}

.k-pt-13 {
  padding-top: 52px;
}

.\!k-pt-13 {
  padding-top: 52px !important;
}

.k-pt-14 {
  padding-top: 56px;
}

.\!k-pt-14 {
  padding-top: 56px !important;
}

.k-pt-15 {
  padding-top: 60px;
}

.\!k-pt-15 {
  padding-top: 60px !important;
}

.k-pt-16 {
  padding-top: 64px;
}

.\!k-pt-16 {
  padding-top: 64px !important;
}

.k-pt-17 {
  padding-top: 68px;
}

.\!k-pt-17 {
  padding-top: 68px !important;
}

.k-pt-18 {
  padding-top: 72px;
}

.\!k-pt-18 {
  padding-top: 72px !important;
}

.k-pt-19 {
  padding-top: 76px;
}

.\!k-pt-19 {
  padding-top: 76px !important;
}

.k-pt-20 {
  padding-top: 80px;
}

.\!k-pt-20 {
  padding-top: 80px !important;
}

.k-pt-21 {
  padding-top: 84px;
}

.\!k-pt-21 {
  padding-top: 84px !important;
}

.k-pt-22 {
  padding-top: 88px;
}

.\!k-pt-22 {
  padding-top: 88px !important;
}

.k-pt-23 {
  padding-top: 92px;
}

.\!k-pt-23 {
  padding-top: 92px !important;
}

.k-pt-24 {
  padding-top: 96px;
}

.\!k-pt-24 {
  padding-top: 96px !important;
}

.k-pt-xs {
  padding-top: 4px;
}

.\!k-pt-xs {
  padding-top: 4px !important;
}

.k-pt-sm {
  padding-top: 8px;
}

.\!k-pt-sm {
  padding-top: 8px !important;
}

.k-pt-md {
  padding-top: 12px;
}

.\!k-pt-md {
  padding-top: 12px !important;
}

.k-pt-lg {
  padding-top: 16px;
}

.\!k-pt-lg {
  padding-top: 16px !important;
}

.k-pt-xl {
  padding-top: 24px;
}

.\!k-pt-xl {
  padding-top: 24px !important;
}

.k-pt-thin {
  padding-top: 2px;
}

.\!k-pt-thin {
  padding-top: 2px !important;
}

.k-pt-hair {
  padding-top: 1px;
}

.\!k-pt-hair {
  padding-top: 1px !important;
}

.k-pr-0 {
  padding-right: 0;
}

.\!k-pr-0 {
  padding-right: 0 !important;
}

.k-pr-1px {
  padding-right: 1px;
}

.\!k-pr-1px {
  padding-right: 1px !important;
}

.k-pr-0\.5 {
  padding-right: 2px;
}

.\!k-pr-0\.5 {
  padding-right: 2px !important;
}

.k-pr-1 {
  padding-right: 4px;
}

.\!k-pr-1 {
  padding-right: 4px !important;
}

.k-pr-1\.5 {
  padding-right: 6px;
}

.\!k-pr-1\.5 {
  padding-right: 6px !important;
}

.k-pr-2 {
  padding-right: 8px;
}

.\!k-pr-2 {
  padding-right: 8px !important;
}

.k-pr-2\.5 {
  padding-right: 10px;
}

.\!k-pr-2\.5 {
  padding-right: 10px !important;
}

.k-pr-3 {
  padding-right: 12px;
}

.\!k-pr-3 {
  padding-right: 12px !important;
}

.k-pr-3\.5 {
  padding-right: 14px;
}

.\!k-pr-3\.5 {
  padding-right: 14px !important;
}

.k-pr-4 {
  padding-right: 16px;
}

.\!k-pr-4 {
  padding-right: 16px !important;
}

.k-pr-4\.5 {
  padding-right: 18px;
}

.\!k-pr-4\.5 {
  padding-right: 18px !important;
}

.k-pr-5 {
  padding-right: 20px;
}

.\!k-pr-5 {
  padding-right: 20px !important;
}

.k-pr-5\.5 {
  padding-right: 22px;
}

.\!k-pr-5\.5 {
  padding-right: 22px !important;
}

.k-pr-6 {
  padding-right: 24px;
}

.\!k-pr-6 {
  padding-right: 24px !important;
}

.k-pr-6\.5 {
  padding-right: 26px;
}

.\!k-pr-6\.5 {
  padding-right: 26px !important;
}

.k-pr-7 {
  padding-right: 28px;
}

.\!k-pr-7 {
  padding-right: 28px !important;
}

.k-pr-7\.5 {
  padding-right: 30px;
}

.\!k-pr-7\.5 {
  padding-right: 30px !important;
}

.k-pr-8 {
  padding-right: 32px;
}

.\!k-pr-8 {
  padding-right: 32px !important;
}

.k-pr-9 {
  padding-right: 36px;
}

.\!k-pr-9 {
  padding-right: 36px !important;
}

.k-pr-10 {
  padding-right: 40px;
}

.\!k-pr-10 {
  padding-right: 40px !important;
}

.k-pr-11 {
  padding-right: 44px;
}

.\!k-pr-11 {
  padding-right: 44px !important;
}

.k-pr-12 {
  padding-right: 48px;
}

.\!k-pr-12 {
  padding-right: 48px !important;
}

.k-pr-13 {
  padding-right: 52px;
}

.\!k-pr-13 {
  padding-right: 52px !important;
}

.k-pr-14 {
  padding-right: 56px;
}

.\!k-pr-14 {
  padding-right: 56px !important;
}

.k-pr-15 {
  padding-right: 60px;
}

.\!k-pr-15 {
  padding-right: 60px !important;
}

.k-pr-16 {
  padding-right: 64px;
}

.\!k-pr-16 {
  padding-right: 64px !important;
}

.k-pr-17 {
  padding-right: 68px;
}

.\!k-pr-17 {
  padding-right: 68px !important;
}

.k-pr-18 {
  padding-right: 72px;
}

.\!k-pr-18 {
  padding-right: 72px !important;
}

.k-pr-19 {
  padding-right: 76px;
}

.\!k-pr-19 {
  padding-right: 76px !important;
}

.k-pr-20 {
  padding-right: 80px;
}

.\!k-pr-20 {
  padding-right: 80px !important;
}

.k-pr-21 {
  padding-right: 84px;
}

.\!k-pr-21 {
  padding-right: 84px !important;
}

.k-pr-22 {
  padding-right: 88px;
}

.\!k-pr-22 {
  padding-right: 88px !important;
}

.k-pr-23 {
  padding-right: 92px;
}

.\!k-pr-23 {
  padding-right: 92px !important;
}

.k-pr-24 {
  padding-right: 96px;
}

.\!k-pr-24 {
  padding-right: 96px !important;
}

.k-pr-xs {
  padding-right: 4px;
}

.\!k-pr-xs {
  padding-right: 4px !important;
}

.k-pr-sm {
  padding-right: 8px;
}

.\!k-pr-sm {
  padding-right: 8px !important;
}

.k-pr-md {
  padding-right: 12px;
}

.\!k-pr-md {
  padding-right: 12px !important;
}

.k-pr-lg {
  padding-right: 16px;
}

.\!k-pr-lg {
  padding-right: 16px !important;
}

.k-pr-xl {
  padding-right: 24px;
}

.\!k-pr-xl {
  padding-right: 24px !important;
}

.k-pr-thin {
  padding-right: 2px;
}

.\!k-pr-thin {
  padding-right: 2px !important;
}

.k-pr-hair {
  padding-right: 1px;
}

.\!k-pr-hair {
  padding-right: 1px !important;
}

.k-pb-0 {
  padding-bottom: 0;
}

.\!k-pb-0 {
  padding-bottom: 0 !important;
}

.k-pb-1px {
  padding-bottom: 1px;
}

.\!k-pb-1px {
  padding-bottom: 1px !important;
}

.k-pb-0\.5 {
  padding-bottom: 2px;
}

.\!k-pb-0\.5 {
  padding-bottom: 2px !important;
}

.k-pb-1 {
  padding-bottom: 4px;
}

.\!k-pb-1 {
  padding-bottom: 4px !important;
}

.k-pb-1\.5 {
  padding-bottom: 6px;
}

.\!k-pb-1\.5 {
  padding-bottom: 6px !important;
}

.k-pb-2 {
  padding-bottom: 8px;
}

.\!k-pb-2 {
  padding-bottom: 8px !important;
}

.k-pb-2\.5 {
  padding-bottom: 10px;
}

.\!k-pb-2\.5 {
  padding-bottom: 10px !important;
}

.k-pb-3 {
  padding-bottom: 12px;
}

.\!k-pb-3 {
  padding-bottom: 12px !important;
}

.k-pb-3\.5 {
  padding-bottom: 14px;
}

.\!k-pb-3\.5 {
  padding-bottom: 14px !important;
}

.k-pb-4 {
  padding-bottom: 16px;
}

.\!k-pb-4 {
  padding-bottom: 16px !important;
}

.k-pb-4\.5 {
  padding-bottom: 18px;
}

.\!k-pb-4\.5 {
  padding-bottom: 18px !important;
}

.k-pb-5 {
  padding-bottom: 20px;
}

.\!k-pb-5 {
  padding-bottom: 20px !important;
}

.k-pb-5\.5 {
  padding-bottom: 22px;
}

.\!k-pb-5\.5 {
  padding-bottom: 22px !important;
}

.k-pb-6 {
  padding-bottom: 24px;
}

.\!k-pb-6 {
  padding-bottom: 24px !important;
}

.k-pb-6\.5 {
  padding-bottom: 26px;
}

.\!k-pb-6\.5 {
  padding-bottom: 26px !important;
}

.k-pb-7 {
  padding-bottom: 28px;
}

.\!k-pb-7 {
  padding-bottom: 28px !important;
}

.k-pb-7\.5 {
  padding-bottom: 30px;
}

.\!k-pb-7\.5 {
  padding-bottom: 30px !important;
}

.k-pb-8 {
  padding-bottom: 32px;
}

.\!k-pb-8 {
  padding-bottom: 32px !important;
}

.k-pb-9 {
  padding-bottom: 36px;
}

.\!k-pb-9 {
  padding-bottom: 36px !important;
}

.k-pb-10 {
  padding-bottom: 40px;
}

.\!k-pb-10 {
  padding-bottom: 40px !important;
}

.k-pb-11 {
  padding-bottom: 44px;
}

.\!k-pb-11 {
  padding-bottom: 44px !important;
}

.k-pb-12 {
  padding-bottom: 48px;
}

.\!k-pb-12 {
  padding-bottom: 48px !important;
}

.k-pb-13 {
  padding-bottom: 52px;
}

.\!k-pb-13 {
  padding-bottom: 52px !important;
}

.k-pb-14 {
  padding-bottom: 56px;
}

.\!k-pb-14 {
  padding-bottom: 56px !important;
}

.k-pb-15 {
  padding-bottom: 60px;
}

.\!k-pb-15 {
  padding-bottom: 60px !important;
}

.k-pb-16 {
  padding-bottom: 64px;
}

.\!k-pb-16 {
  padding-bottom: 64px !important;
}

.k-pb-17 {
  padding-bottom: 68px;
}

.\!k-pb-17 {
  padding-bottom: 68px !important;
}

.k-pb-18 {
  padding-bottom: 72px;
}

.\!k-pb-18 {
  padding-bottom: 72px !important;
}

.k-pb-19 {
  padding-bottom: 76px;
}

.\!k-pb-19 {
  padding-bottom: 76px !important;
}

.k-pb-20 {
  padding-bottom: 80px;
}

.\!k-pb-20 {
  padding-bottom: 80px !important;
}

.k-pb-21 {
  padding-bottom: 84px;
}

.\!k-pb-21 {
  padding-bottom: 84px !important;
}

.k-pb-22 {
  padding-bottom: 88px;
}

.\!k-pb-22 {
  padding-bottom: 88px !important;
}

.k-pb-23 {
  padding-bottom: 92px;
}

.\!k-pb-23 {
  padding-bottom: 92px !important;
}

.k-pb-24 {
  padding-bottom: 96px;
}

.\!k-pb-24 {
  padding-bottom: 96px !important;
}

.k-pb-xs {
  padding-bottom: 4px;
}

.\!k-pb-xs {
  padding-bottom: 4px !important;
}

.k-pb-sm {
  padding-bottom: 8px;
}

.\!k-pb-sm {
  padding-bottom: 8px !important;
}

.k-pb-md {
  padding-bottom: 12px;
}

.\!k-pb-md {
  padding-bottom: 12px !important;
}

.k-pb-lg {
  padding-bottom: 16px;
}

.\!k-pb-lg {
  padding-bottom: 16px !important;
}

.k-pb-xl {
  padding-bottom: 24px;
}

.\!k-pb-xl {
  padding-bottom: 24px !important;
}

.k-pb-thin {
  padding-bottom: 2px;
}

.\!k-pb-thin {
  padding-bottom: 2px !important;
}

.k-pb-hair {
  padding-bottom: 1px;
}

.\!k-pb-hair {
  padding-bottom: 1px !important;
}

.k-pl-0 {
  padding-left: 0;
}

.\!k-pl-0 {
  padding-left: 0 !important;
}

.k-pl-1px {
  padding-left: 1px;
}

.\!k-pl-1px {
  padding-left: 1px !important;
}

.k-pl-0\.5 {
  padding-left: 2px;
}

.\!k-pl-0\.5 {
  padding-left: 2px !important;
}

.k-pl-1 {
  padding-left: 4px;
}

.\!k-pl-1 {
  padding-left: 4px !important;
}

.k-pl-1\.5 {
  padding-left: 6px;
}

.\!k-pl-1\.5 {
  padding-left: 6px !important;
}

.k-pl-2 {
  padding-left: 8px;
}

.\!k-pl-2 {
  padding-left: 8px !important;
}

.k-pl-2\.5 {
  padding-left: 10px;
}

.\!k-pl-2\.5 {
  padding-left: 10px !important;
}

.k-pl-3 {
  padding-left: 12px;
}

.\!k-pl-3 {
  padding-left: 12px !important;
}

.k-pl-3\.5 {
  padding-left: 14px;
}

.\!k-pl-3\.5 {
  padding-left: 14px !important;
}

.k-pl-4 {
  padding-left: 16px;
}

.\!k-pl-4 {
  padding-left: 16px !important;
}

.k-pl-4\.5 {
  padding-left: 18px;
}

.\!k-pl-4\.5 {
  padding-left: 18px !important;
}

.k-pl-5 {
  padding-left: 20px;
}

.\!k-pl-5 {
  padding-left: 20px !important;
}

.k-pl-5\.5 {
  padding-left: 22px;
}

.\!k-pl-5\.5 {
  padding-left: 22px !important;
}

.k-pl-6 {
  padding-left: 24px;
}

.\!k-pl-6 {
  padding-left: 24px !important;
}

.k-pl-6\.5 {
  padding-left: 26px;
}

.\!k-pl-6\.5 {
  padding-left: 26px !important;
}

.k-pl-7 {
  padding-left: 28px;
}

.\!k-pl-7 {
  padding-left: 28px !important;
}

.k-pl-7\.5 {
  padding-left: 30px;
}

.\!k-pl-7\.5 {
  padding-left: 30px !important;
}

.k-pl-8 {
  padding-left: 32px;
}

.\!k-pl-8 {
  padding-left: 32px !important;
}

.k-pl-9 {
  padding-left: 36px;
}

.\!k-pl-9 {
  padding-left: 36px !important;
}

.k-pl-10 {
  padding-left: 40px;
}

.\!k-pl-10 {
  padding-left: 40px !important;
}

.k-pl-11 {
  padding-left: 44px;
}

.\!k-pl-11 {
  padding-left: 44px !important;
}

.k-pl-12 {
  padding-left: 48px;
}

.\!k-pl-12 {
  padding-left: 48px !important;
}

.k-pl-13 {
  padding-left: 52px;
}

.\!k-pl-13 {
  padding-left: 52px !important;
}

.k-pl-14 {
  padding-left: 56px;
}

.\!k-pl-14 {
  padding-left: 56px !important;
}

.k-pl-15 {
  padding-left: 60px;
}

.\!k-pl-15 {
  padding-left: 60px !important;
}

.k-pl-16 {
  padding-left: 64px;
}

.\!k-pl-16 {
  padding-left: 64px !important;
}

.k-pl-17 {
  padding-left: 68px;
}

.\!k-pl-17 {
  padding-left: 68px !important;
}

.k-pl-18 {
  padding-left: 72px;
}

.\!k-pl-18 {
  padding-left: 72px !important;
}

.k-pl-19 {
  padding-left: 76px;
}

.\!k-pl-19 {
  padding-left: 76px !important;
}

.k-pl-20 {
  padding-left: 80px;
}

.\!k-pl-20 {
  padding-left: 80px !important;
}

.k-pl-21 {
  padding-left: 84px;
}

.\!k-pl-21 {
  padding-left: 84px !important;
}

.k-pl-22 {
  padding-left: 88px;
}

.\!k-pl-22 {
  padding-left: 88px !important;
}

.k-pl-23 {
  padding-left: 92px;
}

.\!k-pl-23 {
  padding-left: 92px !important;
}

.k-pl-24 {
  padding-left: 96px;
}

.\!k-pl-24 {
  padding-left: 96px !important;
}

.k-pl-xs {
  padding-left: 4px;
}

.\!k-pl-xs {
  padding-left: 4px !important;
}

.k-pl-sm {
  padding-left: 8px;
}

.\!k-pl-sm {
  padding-left: 8px !important;
}

.k-pl-md {
  padding-left: 12px;
}

.\!k-pl-md {
  padding-left: 12px !important;
}

.k-pl-lg {
  padding-left: 16px;
}

.\!k-pl-lg {
  padding-left: 16px !important;
}

.k-pl-xl {
  padding-left: 24px;
}

.\!k-pl-xl {
  padding-left: 24px !important;
}

.k-pl-thin {
  padding-left: 2px;
}

.\!k-pl-thin {
  padding-left: 2px !important;
}

.k-pl-hair {
  padding-left: 1px;
}

.\!k-pl-hair {
  padding-left: 1px !important;
}

.k-px-0 {
  padding-inline: 0;
}

.\!k-px-0 {
  padding-inline: 0 !important;
}

.k-px-1px {
  padding-inline: 1px;
}

.\!k-px-1px {
  padding-inline: 1px !important;
}

.k-px-0\.5 {
  padding-inline: 2px;
}

.\!k-px-0\.5 {
  padding-inline: 2px !important;
}

.k-px-1 {
  padding-inline: 4px;
}

.\!k-px-1 {
  padding-inline: 4px !important;
}

.k-px-1\.5 {
  padding-inline: 6px;
}

.\!k-px-1\.5 {
  padding-inline: 6px !important;
}

.k-px-2 {
  padding-inline: 8px;
}

.\!k-px-2 {
  padding-inline: 8px !important;
}

.k-px-2\.5 {
  padding-inline: 10px;
}

.\!k-px-2\.5 {
  padding-inline: 10px !important;
}

.k-px-3 {
  padding-inline: 12px;
}

.\!k-px-3 {
  padding-inline: 12px !important;
}

.k-px-3\.5 {
  padding-inline: 14px;
}

.\!k-px-3\.5 {
  padding-inline: 14px !important;
}

.k-px-4 {
  padding-inline: 16px;
}

.\!k-px-4 {
  padding-inline: 16px !important;
}

.k-px-4\.5 {
  padding-inline: 18px;
}

.\!k-px-4\.5 {
  padding-inline: 18px !important;
}

.k-px-5 {
  padding-inline: 20px;
}

.\!k-px-5 {
  padding-inline: 20px !important;
}

.k-px-5\.5 {
  padding-inline: 22px;
}

.\!k-px-5\.5 {
  padding-inline: 22px !important;
}

.k-px-6 {
  padding-inline: 24px;
}

.\!k-px-6 {
  padding-inline: 24px !important;
}

.k-px-6\.5 {
  padding-inline: 26px;
}

.\!k-px-6\.5 {
  padding-inline: 26px !important;
}

.k-px-7 {
  padding-inline: 28px;
}

.\!k-px-7 {
  padding-inline: 28px !important;
}

.k-px-7\.5 {
  padding-inline: 30px;
}

.\!k-px-7\.5 {
  padding-inline: 30px !important;
}

.k-px-8 {
  padding-inline: 32px;
}

.\!k-px-8 {
  padding-inline: 32px !important;
}

.k-px-9 {
  padding-inline: 36px;
}

.\!k-px-9 {
  padding-inline: 36px !important;
}

.k-px-10 {
  padding-inline: 40px;
}

.\!k-px-10 {
  padding-inline: 40px !important;
}

.k-px-11 {
  padding-inline: 44px;
}

.\!k-px-11 {
  padding-inline: 44px !important;
}

.k-px-12 {
  padding-inline: 48px;
}

.\!k-px-12 {
  padding-inline: 48px !important;
}

.k-px-13 {
  padding-inline: 52px;
}

.\!k-px-13 {
  padding-inline: 52px !important;
}

.k-px-14 {
  padding-inline: 56px;
}

.\!k-px-14 {
  padding-inline: 56px !important;
}

.k-px-15 {
  padding-inline: 60px;
}

.\!k-px-15 {
  padding-inline: 60px !important;
}

.k-px-16 {
  padding-inline: 64px;
}

.\!k-px-16 {
  padding-inline: 64px !important;
}

.k-px-17 {
  padding-inline: 68px;
}

.\!k-px-17 {
  padding-inline: 68px !important;
}

.k-px-18 {
  padding-inline: 72px;
}

.\!k-px-18 {
  padding-inline: 72px !important;
}

.k-px-19 {
  padding-inline: 76px;
}

.\!k-px-19 {
  padding-inline: 76px !important;
}

.k-px-20 {
  padding-inline: 80px;
}

.\!k-px-20 {
  padding-inline: 80px !important;
}

.k-px-21 {
  padding-inline: 84px;
}

.\!k-px-21 {
  padding-inline: 84px !important;
}

.k-px-22 {
  padding-inline: 88px;
}

.\!k-px-22 {
  padding-inline: 88px !important;
}

.k-px-23 {
  padding-inline: 92px;
}

.\!k-px-23 {
  padding-inline: 92px !important;
}

.k-px-24 {
  padding-inline: 96px;
}

.\!k-px-24 {
  padding-inline: 96px !important;
}

.k-px-xs {
  padding-inline: 4px;
}

.\!k-px-xs {
  padding-inline: 4px !important;
}

.k-px-sm {
  padding-inline: 8px;
}

.\!k-px-sm {
  padding-inline: 8px !important;
}

.k-px-md {
  padding-inline: 12px;
}

.\!k-px-md {
  padding-inline: 12px !important;
}

.k-px-lg {
  padding-inline: 16px;
}

.\!k-px-lg {
  padding-inline: 16px !important;
}

.k-px-xl {
  padding-inline: 24px;
}

.\!k-px-xl {
  padding-inline: 24px !important;
}

.k-px-thin {
  padding-inline: 2px;
}

.\!k-px-thin {
  padding-inline: 2px !important;
}

.k-px-hair {
  padding-inline: 1px;
}

.\!k-px-hair {
  padding-inline: 1px !important;
}

.k-py-0 {
  padding-block: 0;
}

.\!k-py-0 {
  padding-block: 0 !important;
}

.k-py-1px {
  padding-block: 1px;
}

.\!k-py-1px {
  padding-block: 1px !important;
}

.k-py-0\.5 {
  padding-block: 2px;
}

.\!k-py-0\.5 {
  padding-block: 2px !important;
}

.k-py-1 {
  padding-block: 4px;
}

.\!k-py-1 {
  padding-block: 4px !important;
}

.k-py-1\.5 {
  padding-block: 6px;
}

.\!k-py-1\.5 {
  padding-block: 6px !important;
}

.k-py-2 {
  padding-block: 8px;
}

.\!k-py-2 {
  padding-block: 8px !important;
}

.k-py-2\.5 {
  padding-block: 10px;
}

.\!k-py-2\.5 {
  padding-block: 10px !important;
}

.k-py-3 {
  padding-block: 12px;
}

.\!k-py-3 {
  padding-block: 12px !important;
}

.k-py-3\.5 {
  padding-block: 14px;
}

.\!k-py-3\.5 {
  padding-block: 14px !important;
}

.k-py-4 {
  padding-block: 16px;
}

.\!k-py-4 {
  padding-block: 16px !important;
}

.k-py-4\.5 {
  padding-block: 18px;
}

.\!k-py-4\.5 {
  padding-block: 18px !important;
}

.k-py-5 {
  padding-block: 20px;
}

.\!k-py-5 {
  padding-block: 20px !important;
}

.k-py-5\.5 {
  padding-block: 22px;
}

.\!k-py-5\.5 {
  padding-block: 22px !important;
}

.k-py-6 {
  padding-block: 24px;
}

.\!k-py-6 {
  padding-block: 24px !important;
}

.k-py-6\.5 {
  padding-block: 26px;
}

.\!k-py-6\.5 {
  padding-block: 26px !important;
}

.k-py-7 {
  padding-block: 28px;
}

.\!k-py-7 {
  padding-block: 28px !important;
}

.k-py-7\.5 {
  padding-block: 30px;
}

.\!k-py-7\.5 {
  padding-block: 30px !important;
}

.k-py-8 {
  padding-block: 32px;
}

.\!k-py-8 {
  padding-block: 32px !important;
}

.k-py-9 {
  padding-block: 36px;
}

.\!k-py-9 {
  padding-block: 36px !important;
}

.k-py-10 {
  padding-block: 40px;
}

.\!k-py-10 {
  padding-block: 40px !important;
}

.k-py-11 {
  padding-block: 44px;
}

.\!k-py-11 {
  padding-block: 44px !important;
}

.k-py-12 {
  padding-block: 48px;
}

.\!k-py-12 {
  padding-block: 48px !important;
}

.k-py-13 {
  padding-block: 52px;
}

.\!k-py-13 {
  padding-block: 52px !important;
}

.k-py-14 {
  padding-block: 56px;
}

.\!k-py-14 {
  padding-block: 56px !important;
}

.k-py-15 {
  padding-block: 60px;
}

.\!k-py-15 {
  padding-block: 60px !important;
}

.k-py-16 {
  padding-block: 64px;
}

.\!k-py-16 {
  padding-block: 64px !important;
}

.k-py-17 {
  padding-block: 68px;
}

.\!k-py-17 {
  padding-block: 68px !important;
}

.k-py-18 {
  padding-block: 72px;
}

.\!k-py-18 {
  padding-block: 72px !important;
}

.k-py-19 {
  padding-block: 76px;
}

.\!k-py-19 {
  padding-block: 76px !important;
}

.k-py-20 {
  padding-block: 80px;
}

.\!k-py-20 {
  padding-block: 80px !important;
}

.k-py-21 {
  padding-block: 84px;
}

.\!k-py-21 {
  padding-block: 84px !important;
}

.k-py-22 {
  padding-block: 88px;
}

.\!k-py-22 {
  padding-block: 88px !important;
}

.k-py-23 {
  padding-block: 92px;
}

.\!k-py-23 {
  padding-block: 92px !important;
}

.k-py-24 {
  padding-block: 96px;
}

.\!k-py-24 {
  padding-block: 96px !important;
}

.k-py-xs {
  padding-block: 4px;
}

.\!k-py-xs {
  padding-block: 4px !important;
}

.k-py-sm {
  padding-block: 8px;
}

.\!k-py-sm {
  padding-block: 8px !important;
}

.k-py-md {
  padding-block: 12px;
}

.\!k-py-md {
  padding-block: 12px !important;
}

.k-py-lg {
  padding-block: 16px;
}

.\!k-py-lg {
  padding-block: 16px !important;
}

.k-py-xl {
  padding-block: 24px;
}

.\!k-py-xl {
  padding-block: 24px !important;
}

.k-py-thin {
  padding-block: 2px;
}

.\!k-py-thin {
  padding-block: 2px !important;
}

.k-py-hair {
  padding-block: 1px;
}

.\!k-py-hair {
  padding-block: 1px !important;
}

.k-h-0 {
  height: 0;
}

.\!k-h-0 {
  height: 0 !important;
}

.k-h-1px {
  height: 1px;
}

.\!k-h-1px {
  height: 1px !important;
}

.k-h-0\.5 {
  height: 2px;
}

.\!k-h-0\.5 {
  height: 2px !important;
}

.k-h-1 {
  height: 4px;
}

.\!k-h-1 {
  height: 4px !important;
}

.k-h-1\.5 {
  height: 6px;
}

.\!k-h-1\.5 {
  height: 6px !important;
}

.k-h-2 {
  height: 8px;
}

.\!k-h-2 {
  height: 8px !important;
}

.k-h-2\.5 {
  height: 10px;
}

.\!k-h-2\.5 {
  height: 10px !important;
}

.k-h-3 {
  height: 12px;
}

.\!k-h-3 {
  height: 12px !important;
}

.k-h-3\.5 {
  height: 14px;
}

.\!k-h-3\.5 {
  height: 14px !important;
}

.k-h-4 {
  height: 16px;
}

.\!k-h-4 {
  height: 16px !important;
}

.k-h-4\.5 {
  height: 18px;
}

.\!k-h-4\.5 {
  height: 18px !important;
}

.k-h-5 {
  height: 20px;
}

.\!k-h-5 {
  height: 20px !important;
}

.k-h-5\.5 {
  height: 22px;
}

.\!k-h-5\.5 {
  height: 22px !important;
}

.k-h-6 {
  height: 24px;
}

.\!k-h-6 {
  height: 24px !important;
}

.k-h-6\.5 {
  height: 26px;
}

.\!k-h-6\.5 {
  height: 26px !important;
}

.k-h-7 {
  height: 28px;
}

.\!k-h-7 {
  height: 28px !important;
}

.k-h-7\.5 {
  height: 30px;
}

.\!k-h-7\.5 {
  height: 30px !important;
}

.k-h-8 {
  height: 32px;
}

.\!k-h-8 {
  height: 32px !important;
}

.k-h-9 {
  height: 36px;
}

.\!k-h-9 {
  height: 36px !important;
}

.k-h-10 {
  height: 40px;
}

.\!k-h-10 {
  height: 40px !important;
}

.k-h-11 {
  height: 44px;
}

.\!k-h-11 {
  height: 44px !important;
}

.k-h-12 {
  height: 48px;
}

.\!k-h-12 {
  height: 48px !important;
}

.k-h-13 {
  height: 52px;
}

.\!k-h-13 {
  height: 52px !important;
}

.k-h-14 {
  height: 56px;
}

.\!k-h-14 {
  height: 56px !important;
}

.k-h-15 {
  height: 60px;
}

.\!k-h-15 {
  height: 60px !important;
}

.k-h-16 {
  height: 64px;
}

.\!k-h-16 {
  height: 64px !important;
}

.k-h-17 {
  height: 68px;
}

.\!k-h-17 {
  height: 68px !important;
}

.k-h-18 {
  height: 72px;
}

.\!k-h-18 {
  height: 72px !important;
}

.k-h-19 {
  height: 76px;
}

.\!k-h-19 {
  height: 76px !important;
}

.k-h-20 {
  height: 80px;
}

.\!k-h-20 {
  height: 80px !important;
}

.k-h-21 {
  height: 84px;
}

.\!k-h-21 {
  height: 84px !important;
}

.k-h-22 {
  height: 88px;
}

.\!k-h-22 {
  height: 88px !important;
}

.k-h-23 {
  height: 92px;
}

.\!k-h-23 {
  height: 92px !important;
}

.k-h-24 {
  height: 96px;
}

.\!k-h-24 {
  height: 96px !important;
}

.k-h-auto {
  height: auto;
}

.\!k-h-auto {
  height: auto !important;
}

.k-h-1\/2 {
  height: 50%;
}

.\!k-h-1\/2 {
  height: 50% !important;
}

.k-h-1\/3 {
  height: 33.333333%;
}

.\!k-h-1\/3 {
  height: 33.333333% !important;
}

.k-h-2\/3 {
  height: 66.666667%;
}

.\!k-h-2\/3 {
  height: 66.666667% !important;
}

.k-h-1\/4 {
  height: 25%;
}

.\!k-h-1\/4 {
  height: 25% !important;
}

.k-h-2\/4 {
  height: 50%;
}

.\!k-h-2\/4 {
  height: 50% !important;
}

.k-h-3\/4 {
  height: 75%;
}

.\!k-h-3\/4 {
  height: 75% !important;
}

.k-h-1\/5 {
  height: 20%;
}

.\!k-h-1\/5 {
  height: 20% !important;
}

.k-h-2\/5 {
  height: 40%;
}

.\!k-h-2\/5 {
  height: 40% !important;
}

.k-h-3\/5 {
  height: 60%;
}

.\!k-h-3\/5 {
  height: 60% !important;
}

.k-h-4\/5 {
  height: 80%;
}

.\!k-h-4\/5 {
  height: 80% !important;
}

.k-h-1\/6 {
  height: 16.666667%;
}

.\!k-h-1\/6 {
  height: 16.666667% !important;
}

.k-h-2\/6 {
  height: 33.333333%;
}

.\!k-h-2\/6 {
  height: 33.333333% !important;
}

.k-h-3\/6 {
  height: 50%;
}

.\!k-h-3\/6 {
  height: 50% !important;
}

.k-h-4\/6 {
  height: 66.666667%;
}

.\!k-h-4\/6 {
  height: 66.666667% !important;
}

.k-h-5\/6 {
  height: 83.333333%;
}

.\!k-h-5\/6 {
  height: 83.333333% !important;
}

.k-h-1\/12 {
  height: 8.333333%;
}

.\!k-h-1\/12 {
  height: 8.333333% !important;
}

.k-h-2\/12 {
  height: 16.666667%;
}

.\!k-h-2\/12 {
  height: 16.666667% !important;
}

.k-h-3\/12 {
  height: 25%;
}

.\!k-h-3\/12 {
  height: 25% !important;
}

.k-h-4\/12 {
  height: 33.333333%;
}

.\!k-h-4\/12 {
  height: 33.333333% !important;
}

.k-h-5\/12 {
  height: 41.666667%;
}

.\!k-h-5\/12 {
  height: 41.666667% !important;
}

.k-h-6\/12 {
  height: 50%;
}

.\!k-h-6\/12 {
  height: 50% !important;
}

.k-h-7\/12 {
  height: 58.333333%;
}

.\!k-h-7\/12 {
  height: 58.333333% !important;
}

.k-h-8\/12 {
  height: 66.666667%;
}

.\!k-h-8\/12 {
  height: 66.666667% !important;
}

.k-h-9\/12 {
  height: 75%;
}

.\!k-h-9\/12 {
  height: 75% !important;
}

.k-h-10\/12 {
  height: 83.333333%;
}

.\!k-h-10\/12 {
  height: 83.333333% !important;
}

.k-h-11\/12 {
  height: 91.666667%;
}

.\!k-h-11\/12 {
  height: 91.666667% !important;
}

.k-h-full {
  height: 100%;
}

.\!k-h-full {
  height: 100% !important;
}

.k-h-min {
  height: min-content;
}

.\!k-h-min {
  height: min-content !important;
}

.k-h-max {
  height: max-content;
}

.\!k-h-max {
  height: max-content !important;
}

.k-h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.\!k-h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.k-h-screen {
  height: 100vh;
}

.\!k-h-screen {
  height: 100vh !important;
}

.k-min-h-0 {
  min-height: 0;
}

.\!k-min-h-0 {
  min-height: 0 !important;
}

.k-min-h-full {
  min-height: 100%;
}

.\!k-min-h-full {
  min-height: 100% !important;
}

.k-min-h-screen {
  min-height: 100vh;
}

.\!k-min-h-screen {
  min-height: 100vh !important;
}

.k-min-h-min {
  min-height: min-content;
}

.\!k-min-h-min {
  min-height: min-content !important;
}

.k-min-h-max {
  min-height: max-content;
}

.\!k-min-h-max {
  min-height: max-content !important;
}

.k-min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.\!k-min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.k-max-h-none {
  max-height: none;
}

.\!k-max-h-none {
  max-height: none !important;
}

.k-max-h-0 {
  max-height: 0;
}

.\!k-max-h-0 {
  max-height: 0 !important;
}

.k-max-h-full {
  max-height: 100%;
}

.\!k-max-h-full {
  max-height: 100% !important;
}

.k-max-h-screen {
  max-height: 100vh;
}

.\!k-max-h-screen {
  max-height: 100vh !important;
}

.k-max-h-min {
  max-height: min-content;
}

.\!k-max-h-min {
  max-height: min-content !important;
}

.k-max-h-max {
  max-height: max-content;
}

.\!k-max-h-max {
  max-height: max-content !important;
}

.k-max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.\!k-max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.k-w-0 {
  width: 0;
}

.\!k-w-0 {
  width: 0 !important;
}

.k-w-1px {
  width: 1px;
}

.\!k-w-1px {
  width: 1px !important;
}

.k-w-0\.5 {
  width: 2px;
}

.\!k-w-0\.5 {
  width: 2px !important;
}

.k-w-1 {
  width: 4px;
}

.\!k-w-1 {
  width: 4px !important;
}

.k-w-1\.5 {
  width: 6px;
}

.\!k-w-1\.5 {
  width: 6px !important;
}

.k-w-2 {
  width: 8px;
}

.\!k-w-2 {
  width: 8px !important;
}

.k-w-2\.5 {
  width: 10px;
}

.\!k-w-2\.5 {
  width: 10px !important;
}

.k-w-3 {
  width: 12px;
}

.\!k-w-3 {
  width: 12px !important;
}

.k-w-3\.5 {
  width: 14px;
}

.\!k-w-3\.5 {
  width: 14px !important;
}

.k-w-4 {
  width: 16px;
}

.\!k-w-4 {
  width: 16px !important;
}

.k-w-4\.5 {
  width: 18px;
}

.\!k-w-4\.5 {
  width: 18px !important;
}

.k-w-5 {
  width: 20px;
}

.\!k-w-5 {
  width: 20px !important;
}

.k-w-5\.5 {
  width: 22px;
}

.\!k-w-5\.5 {
  width: 22px !important;
}

.k-w-6 {
  width: 24px;
}

.\!k-w-6 {
  width: 24px !important;
}

.k-w-6\.5 {
  width: 26px;
}

.\!k-w-6\.5 {
  width: 26px !important;
}

.k-w-7 {
  width: 28px;
}

.\!k-w-7 {
  width: 28px !important;
}

.k-w-7\.5 {
  width: 30px;
}

.\!k-w-7\.5 {
  width: 30px !important;
}

.k-w-8 {
  width: 32px;
}

.\!k-w-8 {
  width: 32px !important;
}

.k-w-9 {
  width: 36px;
}

.\!k-w-9 {
  width: 36px !important;
}

.k-w-10 {
  width: 40px;
}

.\!k-w-10 {
  width: 40px !important;
}

.k-w-11 {
  width: 44px;
}

.\!k-w-11 {
  width: 44px !important;
}

.k-w-12 {
  width: 48px;
}

.\!k-w-12 {
  width: 48px !important;
}

.k-w-13 {
  width: 52px;
}

.\!k-w-13 {
  width: 52px !important;
}

.k-w-14 {
  width: 56px;
}

.\!k-w-14 {
  width: 56px !important;
}

.k-w-15 {
  width: 60px;
}

.\!k-w-15 {
  width: 60px !important;
}

.k-w-16 {
  width: 64px;
}

.\!k-w-16 {
  width: 64px !important;
}

.k-w-17 {
  width: 68px;
}

.\!k-w-17 {
  width: 68px !important;
}

.k-w-18 {
  width: 72px;
}

.\!k-w-18 {
  width: 72px !important;
}

.k-w-19 {
  width: 76px;
}

.\!k-w-19 {
  width: 76px !important;
}

.k-w-20 {
  width: 80px;
}

.\!k-w-20 {
  width: 80px !important;
}

.k-w-21 {
  width: 84px;
}

.\!k-w-21 {
  width: 84px !important;
}

.k-w-22 {
  width: 88px;
}

.\!k-w-22 {
  width: 88px !important;
}

.k-w-23 {
  width: 92px;
}

.\!k-w-23 {
  width: 92px !important;
}

.k-w-24 {
  width: 96px;
}

.\!k-w-24 {
  width: 96px !important;
}

.k-w-auto {
  width: auto;
}

.\!k-w-auto {
  width: auto !important;
}

.k-w-1\/2 {
  width: 50%;
}

.\!k-w-1\/2 {
  width: 50% !important;
}

.k-w-1\/3 {
  width: 33.333333%;
}

.\!k-w-1\/3 {
  width: 33.333333% !important;
}

.k-w-2\/3 {
  width: 66.666667%;
}

.\!k-w-2\/3 {
  width: 66.666667% !important;
}

.k-w-1\/4 {
  width: 25%;
}

.\!k-w-1\/4 {
  width: 25% !important;
}

.k-w-2\/4 {
  width: 50%;
}

.\!k-w-2\/4 {
  width: 50% !important;
}

.k-w-3\/4 {
  width: 75%;
}

.\!k-w-3\/4 {
  width: 75% !important;
}

.k-w-1\/5 {
  width: 20%;
}

.\!k-w-1\/5 {
  width: 20% !important;
}

.k-w-2\/5 {
  width: 40%;
}

.\!k-w-2\/5 {
  width: 40% !important;
}

.k-w-3\/5 {
  width: 60%;
}

.\!k-w-3\/5 {
  width: 60% !important;
}

.k-w-4\/5 {
  width: 80%;
}

.\!k-w-4\/5 {
  width: 80% !important;
}

.k-w-1\/6 {
  width: 16.666667%;
}

.\!k-w-1\/6 {
  width: 16.666667% !important;
}

.k-w-2\/6 {
  width: 33.333333%;
}

.\!k-w-2\/6 {
  width: 33.333333% !important;
}

.k-w-3\/6 {
  width: 50%;
}

.\!k-w-3\/6 {
  width: 50% !important;
}

.k-w-4\/6 {
  width: 66.666667%;
}

.\!k-w-4\/6 {
  width: 66.666667% !important;
}

.k-w-5\/6 {
  width: 83.333333%;
}

.\!k-w-5\/6 {
  width: 83.333333% !important;
}

.k-w-1\/12 {
  width: 8.333333%;
}

.\!k-w-1\/12 {
  width: 8.333333% !important;
}

.k-w-2\/12 {
  width: 16.666667%;
}

.\!k-w-2\/12 {
  width: 16.666667% !important;
}

.k-w-3\/12 {
  width: 25%;
}

.\!k-w-3\/12 {
  width: 25% !important;
}

.k-w-4\/12 {
  width: 33.333333%;
}

.\!k-w-4\/12 {
  width: 33.333333% !important;
}

.k-w-5\/12 {
  width: 41.666667%;
}

.\!k-w-5\/12 {
  width: 41.666667% !important;
}

.k-w-6\/12 {
  width: 50%;
}

.\!k-w-6\/12 {
  width: 50% !important;
}

.k-w-7\/12 {
  width: 58.333333%;
}

.\!k-w-7\/12 {
  width: 58.333333% !important;
}

.k-w-8\/12 {
  width: 66.666667%;
}

.\!k-w-8\/12 {
  width: 66.666667% !important;
}

.k-w-9\/12 {
  width: 75%;
}

.\!k-w-9\/12 {
  width: 75% !important;
}

.k-w-10\/12 {
  width: 83.333333%;
}

.\!k-w-10\/12 {
  width: 83.333333% !important;
}

.k-w-11\/12 {
  width: 91.666667%;
}

.\!k-w-11\/12 {
  width: 91.666667% !important;
}

.k-w-full {
  width: 100%;
}

.\!k-w-full {
  width: 100% !important;
}

.k-w-min {
  width: min-content;
}

.\!k-w-min {
  width: min-content !important;
}

.k-w-max {
  width: max-content;
}

.\!k-w-max {
  width: max-content !important;
}

.k-w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.\!k-w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.k-w-screen {
  width: 100vw;
}

.\!k-w-screen {
  width: 100vw !important;
}

.k-min-w-0 {
  min-width: 0;
}

.\!k-min-w-0 {
  min-width: 0 !important;
}

.k-min-w-full {
  min-width: 100%;
}

.\!k-min-w-full {
  min-width: 100% !important;
}

.k-min-w-screen {
  min-width: 100vw;
}

.\!k-min-w-screen {
  min-width: 100vw !important;
}

.k-min-w-min {
  min-width: min-content;
}

.\!k-min-w-min {
  min-width: min-content !important;
}

.k-min-w-max {
  min-width: max-content;
}

.\!k-min-w-max {
  min-width: max-content !important;
}

.k-min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.\!k-min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.k-max-w-none {
  max-width: none;
}

.\!k-max-w-none {
  max-width: none !important;
}

.k-max-w-0 {
  max-width: 0;
}

.\!k-max-w-0 {
  max-width: 0 !important;
}

.k-max-w-full {
  max-width: 100%;
}

.\!k-max-w-full {
  max-width: 100% !important;
}

.k-max-w-screen {
  max-width: 100vw;
}

.\!k-max-w-screen {
  max-width: 100vw !important;
}

.k-max-w-min {
  max-width: min-content;
}

.\!k-max-w-min {
  max-width: min-content !important;
}

.k-max-w-max {
  max-width: max-content;
}

.\!k-max-w-max {
  max-width: max-content !important;
}

.k-max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.\!k-max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.k-font-size-xs {
  font-size: 10px;
}

.\!k-font-size-xs {
  font-size: 10px !important;
}

.k-font-size-sm {
  font-size: 12px;
}

.\!k-font-size-sm {
  font-size: 12px !important;
}

.k-font-size-md {
  font-size: 14px;
}

.\!k-font-size-md {
  font-size: 14px !important;
}

.k-font-size-lg {
  font-size: 16px;
}

.\!k-font-size-lg {
  font-size: 16px !important;
}

.k-font-size-xl {
  font-size: 20px;
}

.\!k-font-size-xl {
  font-size: 20px !important;
}

.k-fs-xs {
  font-size: 10px;
}

.\!k-fs-xs {
  font-size: 10px !important;
}

.k-fs-sm {
  font-size: 12px;
}

.\!k-fs-sm {
  font-size: 12px !important;
}

.k-fs-md {
  font-size: 14px;
}

.\!k-fs-md {
  font-size: 14px !important;
}

.k-fs-lg {
  font-size: 16px;
}

.\!k-fs-lg {
  font-size: 16px !important;
}

.k-fs-xl {
  font-size: 20px;
}

.\!k-fs-xl {
  font-size: 20px !important;
}

.k-font-italic {
  font-style: italic;
}

.\!k-font-italic {
  font-style: italic !important;
}

.k-font-non-italic {
  font-style: normal;
}

.\!k-font-non-italic {
  font-style: normal !important;
}

.k-font-thin {
  font-weight: 100;
}

.\!k-font-thin {
  font-weight: 100 !important;
}

.k-font-extralight {
  font-weight: 200;
}

.\!k-font-extralight {
  font-weight: 200 !important;
}

.k-font-light {
  font-weight: 300;
}

.\!k-font-light {
  font-weight: 300 !important;
}

.k-font-normal {
  font-weight: 400;
}

.\!k-font-normal {
  font-weight: 400 !important;
}

.k-font-medium {
  font-weight: 500;
}

.\!k-font-medium {
  font-weight: 500 !important;
}

.k-font-semibold {
  font-weight: 600;
}

.\!k-font-semibold {
  font-weight: 600 !important;
}

.k-font-bold {
  font-weight: 700;
}

.\!k-font-bold {
  font-weight: 700 !important;
}

.k-font-extrabold {
  font-weight: 800;
}

.\!k-font-extrabold {
  font-weight: 800 !important;
}

.k-font-black {
  font-weight: 900;
}

.\!k-font-black {
  font-weight: 900 !important;
}

.k-font-weight-thin {
  font-weight: 100;
}

.\!k-font-weight-thin {
  font-weight: 100 !important;
}

.k-font-weight-extralight {
  font-weight: 200;
}

.\!k-font-weight-extralight {
  font-weight: 200 !important;
}

.k-font-weight-light {
  font-weight: 300;
}

.\!k-font-weight-light {
  font-weight: 300 !important;
}

.k-font-weight-normal {
  font-weight: 400;
}

.\!k-font-weight-normal {
  font-weight: 400 !important;
}

.k-font-weight-medium {
  font-weight: 500;
}

.\!k-font-weight-medium {
  font-weight: 500 !important;
}

.k-font-weight-semibold {
  font-weight: 600;
}

.\!k-font-weight-semibold {
  font-weight: 600 !important;
}

.k-font-weight-bold {
  font-weight: 700;
}

.\!k-font-weight-bold {
  font-weight: 700 !important;
}

.k-font-weight-extrabold {
  font-weight: 800;
}

.\!k-font-weight-extrabold {
  font-weight: 800 !important;
}

.k-font-weight-black {
  font-weight: 900;
}

.\!k-font-weight-black {
  font-weight: 900 !important;
}

.k-list-none {
  list-style-type: none;
}

.\!k-list-none {
  list-style-type: none !important;
}

.k-list-disc {
  list-style-type: disc;
}

.\!k-list-disc {
  list-style-type: disc !important;
}

.k-list-decimal {
  list-style-type: decimal;
}

.\!k-list-decimal {
  list-style-type: decimal !important;
}

.k-text-left {
  text-align: left;
}

.\!k-text-left {
  text-align: left !important;
}

.k-text-right {
  text-align: right;
}

.\!k-text-right {
  text-align: right !important;
}

.k-text-center {
  text-align: center;
}

.\!k-text-center {
  text-align: center !important;
}

.k-text-justify {
  text-align: justify;
}

.\!k-text-justify {
  text-align: justify !important;
}

.k-text-start {
  text-align: start;
}

.\!k-text-start {
  text-align: start !important;
}

.k-text-end {
  text-align: end;
}

.\!k-text-end {
  text-align: end !important;
}

.k-text-primary {
  color: #ff6358;
}

.\!k-text-primary {
  color: #ff6358 !important;
}

.k-text-secondary {
  color: #666666;
}

.\!k-text-secondary {
  color: #666666 !important;
}

.k-text-tertiary {
  color: #03a9f4;
}

.\!k-text-tertiary {
  color: #03a9f4 !important;
}

.k-text-info {
  color: #0058e9;
}

.\!k-text-info {
  color: #0058e9 !important;
}

.k-text-success {
  color: #37b400;
}

.\!k-text-success {
  color: #37b400 !important;
}

.k-text-warning {
  color: #ffc000;
}

.\!k-text-warning {
  color: #ffc000 !important;
}

.k-text-error {
  color: #f31700;
}

.\!k-text-error {
  color: #f31700 !important;
}

.k-text-dark {
  color: #424242;
}

.\!k-text-dark {
  color: #424242 !important;
}

.k-text-light {
  color: #ebebeb;
}

.\!k-text-light {
  color: #ebebeb !important;
}

.k-text-inverse {
  color: #424242;
}

.\!k-text-inverse {
  color: #424242 !important;
}

.k-text-inherit {
  color: inherit;
}

.\!k-text-inherit {
  color: inherit !important;
}

.k-text-current {
  color: currentColor;
}

.\!k-text-current {
  color: currentColor !important;
}

.k-text-transparent {
  color: transparent;
}

.\!k-text-transparent {
  color: transparent !important;
}

.k-text-black {
  color: black;
}

.\!k-text-black {
  color: black !important;
}

.k-text-white {
  color: white;
}

.\!k-text-white {
  color: white !important;
}

.k-color-primary {
  color: #ff6358;
}

.\!k-color-primary {
  color: #ff6358 !important;
}

.k-color-secondary {
  color: #666666;
}

.\!k-color-secondary {
  color: #666666 !important;
}

.k-color-tertiary {
  color: #03a9f4;
}

.\!k-color-tertiary {
  color: #03a9f4 !important;
}

.k-color-info {
  color: #0058e9;
}

.\!k-color-info {
  color: #0058e9 !important;
}

.k-color-success {
  color: #37b400;
}

.\!k-color-success {
  color: #37b400 !important;
}

.k-color-warning {
  color: #ffc000;
}

.\!k-color-warning {
  color: #ffc000 !important;
}

.k-color-error {
  color: #f31700;
}

.\!k-color-error {
  color: #f31700 !important;
}

.k-color-dark {
  color: #424242;
}

.\!k-color-dark {
  color: #424242 !important;
}

.k-color-light {
  color: #ebebeb;
}

.\!k-color-light {
  color: #ebebeb !important;
}

.k-color-inverse {
  color: #424242;
}

.\!k-color-inverse {
  color: #424242 !important;
}

.k-color-inherit {
  color: inherit;
}

.\!k-color-inherit {
  color: inherit !important;
}

.k-color-current {
  color: currentColor;
}

.\!k-color-current {
  color: currentColor !important;
}

.k-color-transparent {
  color: transparent;
}

.\!k-color-transparent {
  color: transparent !important;
}

.k-color-black {
  color: black;
}

.\!k-color-black {
  color: black !important;
}

.k-color-white {
  color: white;
}

.\!k-color-white {
  color: white !important;
}

.k-text-underline {
  text-decoration: underline;
}

.\!k-text-underline {
  text-decoration: underline !important;
}

.k-text-overline {
  text-decoration: overline;
}

.\!k-text-overline {
  text-decoration: overline !important;
}

.k-text-line-through {
  text-decoration: line-through;
}

.\!k-text-line-through {
  text-decoration: line-through !important;
}

.k-text-no-underline {
  text-decoration: none;
}

.\!k-text-no-underline {
  text-decoration: none !important;
}

.k-text-clip {
  text-overflow: clip;
}

.\!k-text-clip {
  text-overflow: clip !important;
}

.k-text-ellipsis {
  text-overflow: ellipsis;
}

.\!k-text-ellipsis {
  text-overflow: ellipsis !important;
}

.k-text-truncate, .k-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.\!k-text-truncate, .\!k-text-ellipsis {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.k-text-uppercase {
  text-transform: uppercase;
}

.\!k-text-uppercase {
  text-transform: uppercase !important;
}

.k-text-lowercase {
  text-transform: lowercase;
}

.\!k-text-lowercase {
  text-transform: lowercase !important;
}

.k-text-capitalize {
  text-transform: capitalize;
}

.\!k-text-capitalize {
  text-transform: capitalize !important;
}

.k-text-normal-case {
  text-transform: none;
}

.\!k-text-normal-case {
  text-transform: none !important;
}

.k-align-baseline {
  vertical-align: baseline;
}

.\!k-align-baseline {
  vertical-align: baseline !important;
}

.k-align-top {
  vertical-align: top;
}

.\!k-align-top {
  vertical-align: top !important;
}

.k-align-middle {
  vertical-align: middle;
}

.\!k-align-middle {
  vertical-align: middle !important;
}

.k-align-bottom {
  vertical-align: bottom;
}

.\!k-align-bottom {
  vertical-align: bottom !important;
}

.k-align-text-top {
  vertical-align: text-top;
}

.\!k-align-text-top {
  vertical-align: text-top !important;
}

.k-align-text-bottom {
  vertical-align: text-bottom;
}

.\!k-align-text-bottom {
  vertical-align: text-bottom !important;
}

.k-align-sub {
  vertical-align: sub;
}

.\!k-align-sub {
  vertical-align: sub !important;
}

.k-align-super {
  vertical-align: super;
}

.\!k-align-super {
  vertical-align: super !important;
}

.k-white-space-normal {
  white-space: normal;
}

.\!k-white-space-normal {
  white-space: normal !important;
}

.k-white-space-nowrap, .k-text-nowrap {
  white-space: nowrap;
}

.\!k-white-space-nowrap {
  white-space: nowrap !important;
}

.k-white-space-pre {
  white-space: pre;
}

.\!k-white-space-pre {
  white-space: pre !important;
}

.k-white-space-pre-line {
  white-space: pre-line;
}

.\!k-white-space-pre-line {
  white-space: pre-line !important;
}

.k-white-space-pre-wrap {
  white-space: pre-wrap;
}

.\!k-white-space-pre-wrap {
  white-space: pre-wrap !important;
}

.k-white-space-break-spaces {
  white-space: break-spaces;
}

.\!k-white-space-break-spaces {
  white-space: break-spaces !important;
}

.k-whitespace-normal {
  white-space: normal;
}

.\!k-whitespace-normal {
  white-space: normal !important;
}

.k-whitespace-nowrap {
  white-space: nowrap;
}

.\!k-whitespace-nowrap {
  white-space: nowrap !important;
}

.k-whitespace-pre {
  white-space: pre;
}

.\!k-whitespace-pre {
  white-space: pre !important;
}

.k-whitespace-pre-line {
  white-space: pre-line;
}

.\!k-whitespace-pre-line {
  white-space: pre-line !important;
}

.k-whitespace-pre-wrap {
  white-space: pre-wrap;
}

.\!k-whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.k-whitespace-break-spaces {
  white-space: break-spaces;
}

.\!k-whitespace-break-spaces {
  white-space: break-spaces !important;
}

.k-bg-clip-border {
  background-clip: border-box;
}

.\!k-bg-clip-border {
  background-clip: border-box !important;
}

.k-bg-clip-padding {
  background-clip: padding-box;
}

.\!k-bg-clip-padding {
  background-clip: padding-box !important;
}

.k-bg-clip-content {
  background-clip: content-box;
}

.\!k-bg-clip-content {
  background-clip: content-box !important;
}

.k-bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.\!k-bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}

.k-bg-primary {
  background-color: #ff6358;
}

.\!k-bg-primary {
  background-color: #ff6358 !important;
}

.k-bg-secondary {
  background-color: #666666;
}

.\!k-bg-secondary {
  background-color: #666666 !important;
}

.k-bg-tertiary {
  background-color: #03a9f4;
}

.\!k-bg-tertiary {
  background-color: #03a9f4 !important;
}

.k-bg-info {
  background-color: #0058e9;
}

.\!k-bg-info {
  background-color: #0058e9 !important;
}

.k-bg-success {
  background-color: #37b400;
}

.\!k-bg-success {
  background-color: #37b400 !important;
}

.k-bg-warning {
  background-color: #ffc000;
}

.\!k-bg-warning {
  background-color: #ffc000 !important;
}

.k-bg-error {
  background-color: #f31700;
}

.\!k-bg-error {
  background-color: #f31700 !important;
}

.k-bg-dark {
  background-color: #424242;
}

.\!k-bg-dark {
  background-color: #424242 !important;
}

.k-bg-light {
  background-color: #ebebeb;
}

.\!k-bg-light {
  background-color: #ebebeb !important;
}

.k-bg-inverse {
  background-color: #424242;
}

.\!k-bg-inverse {
  background-color: #424242 !important;
}

.k-bg-inherit {
  background-color: inherit;
}

.\!k-bg-inherit {
  background-color: inherit !important;
}

.k-bg-transparent {
  background-color: transparent;
}

.\!k-bg-transparent {
  background-color: transparent !important;
}

.k-bg-black {
  background-color: black;
}

.\!k-bg-black {
  background-color: black !important;
}

.k-bg-white {
  background-color: white;
}

.\!k-bg-white {
  background-color: white !important;
}

.k-bg-center {
  background-position: center;
}

.\!k-bg-center {
  background-position: center !important;
}

.k-bg-top {
  background-position: top;
}

.\!k-bg-top {
  background-position: top !important;
}

.k-bg-right {
  background-position: right;
}

.\!k-bg-right {
  background-position: right !important;
}

.k-bg-bottom {
  background-position: bottom;
}

.\!k-bg-bottom {
  background-position: bottom !important;
}

.k-bg-left {
  background-position: left;
}

.\!k-bg-left {
  background-position: left !important;
}

.k-bg-top-left {
  background-position: top left;
}

.\!k-bg-top-left {
  background-position: top left !important;
}

.k-bg-top-right {
  background-position: top right;
}

.\!k-bg-top-right {
  background-position: top right !important;
}

.k-bg-bottom-left {
  background-position: bottom left;
}

.\!k-bg-bottom-left {
  background-position: bottom left !important;
}

.k-bg-bottom-right {
  background-position: bottom right;
}

.\!k-bg-bottom-right {
  background-position: bottom right !important;
}

.k-bg-auto {
  background-size: auto;
}

.\!k-bg-auto {
  background-size: auto !important;
}

.k-bg-cover {
  background-size: cover;
}

.\!k-bg-cover {
  background-size: cover !important;
}

.k-bg-contain {
  background-size: contain;
}

.\!k-bg-contain {
  background-size: contain !important;
}

.k-border-primary {
  border-color: #ff6358;
}

.\!k-border-primary {
  border-color: #ff6358 !important;
}

.k-border-secondary {
  border-color: #666666;
}

.\!k-border-secondary {
  border-color: #666666 !important;
}

.k-border-tertiary {
  border-color: #03a9f4;
}

.\!k-border-tertiary {
  border-color: #03a9f4 !important;
}

.k-border-info {
  border-color: #0058e9;
}

.\!k-border-info {
  border-color: #0058e9 !important;
}

.k-border-success {
  border-color: #37b400;
}

.\!k-border-success {
  border-color: #37b400 !important;
}

.k-border-warning {
  border-color: #ffc000;
}

.\!k-border-warning {
  border-color: #ffc000 !important;
}

.k-border-error {
  border-color: #f31700;
}

.\!k-border-error {
  border-color: #f31700 !important;
}

.k-border-dark {
  border-color: #424242;
}

.\!k-border-dark {
  border-color: #424242 !important;
}

.k-border-light {
  border-color: #ebebeb;
}

.\!k-border-light {
  border-color: #ebebeb !important;
}

.k-border-inverse {
  border-color: #424242;
}

.\!k-border-inverse {
  border-color: #424242 !important;
}

.k-border-inherit {
  border-color: inherit;
}

.\!k-border-inherit {
  border-color: inherit !important;
}

.k-border-current {
  border-color: currentColor;
}

.\!k-border-current {
  border-color: currentColor !important;
}

.k-border-transparent {
  border-color: transparent;
}

.\!k-border-transparent {
  border-color: transparent !important;
}

.k-border-black {
  border-color: black;
}

.\!k-border-black {
  border-color: black !important;
}

.k-border-white {
  border-color: white;
}

.\!k-border-white {
  border-color: white !important;
}

.k-border-t-primary {
  border-top-color: #ff6358;
}

.\!k-border-t-primary {
  border-top-color: #ff6358 !important;
}

.k-border-t-secondary {
  border-top-color: #666666;
}

.\!k-border-t-secondary {
  border-top-color: #666666 !important;
}

.k-border-t-tertiary {
  border-top-color: #03a9f4;
}

.\!k-border-t-tertiary {
  border-top-color: #03a9f4 !important;
}

.k-border-t-info {
  border-top-color: #0058e9;
}

.\!k-border-t-info {
  border-top-color: #0058e9 !important;
}

.k-border-t-success {
  border-top-color: #37b400;
}

.\!k-border-t-success {
  border-top-color: #37b400 !important;
}

.k-border-t-warning {
  border-top-color: #ffc000;
}

.\!k-border-t-warning {
  border-top-color: #ffc000 !important;
}

.k-border-t-error {
  border-top-color: #f31700;
}

.\!k-border-t-error {
  border-top-color: #f31700 !important;
}

.k-border-t-dark {
  border-top-color: #424242;
}

.\!k-border-t-dark {
  border-top-color: #424242 !important;
}

.k-border-t-light {
  border-top-color: #ebebeb;
}

.\!k-border-t-light {
  border-top-color: #ebebeb !important;
}

.k-border-t-inverse {
  border-top-color: #424242;
}

.\!k-border-t-inverse {
  border-top-color: #424242 !important;
}

.k-border-t-inherit {
  border-top-color: inherit;
}

.\!k-border-t-inherit {
  border-top-color: inherit !important;
}

.k-border-t-current {
  border-top-color: currentColor;
}

.\!k-border-t-current {
  border-top-color: currentColor !important;
}

.k-border-t-transparent {
  border-top-color: transparent;
}

.\!k-border-t-transparent {
  border-top-color: transparent !important;
}

.k-border-t-black {
  border-top-color: black;
}

.\!k-border-t-black {
  border-top-color: black !important;
}

.k-border-t-white {
  border-top-color: white;
}

.\!k-border-t-white {
  border-top-color: white !important;
}

.k-border-r-primary {
  border-right-color: #ff6358;
}

.\!k-border-r-primary {
  border-right-color: #ff6358 !important;
}

.k-border-r-secondary {
  border-right-color: #666666;
}

.\!k-border-r-secondary {
  border-right-color: #666666 !important;
}

.k-border-r-tertiary {
  border-right-color: #03a9f4;
}

.\!k-border-r-tertiary {
  border-right-color: #03a9f4 !important;
}

.k-border-r-info {
  border-right-color: #0058e9;
}

.\!k-border-r-info {
  border-right-color: #0058e9 !important;
}

.k-border-r-success {
  border-right-color: #37b400;
}

.\!k-border-r-success {
  border-right-color: #37b400 !important;
}

.k-border-r-warning {
  border-right-color: #ffc000;
}

.\!k-border-r-warning {
  border-right-color: #ffc000 !important;
}

.k-border-r-error {
  border-right-color: #f31700;
}

.\!k-border-r-error {
  border-right-color: #f31700 !important;
}

.k-border-r-dark {
  border-right-color: #424242;
}

.\!k-border-r-dark {
  border-right-color: #424242 !important;
}

.k-border-r-light {
  border-right-color: #ebebeb;
}

.\!k-border-r-light {
  border-right-color: #ebebeb !important;
}

.k-border-r-inverse {
  border-right-color: #424242;
}

.\!k-border-r-inverse {
  border-right-color: #424242 !important;
}

.k-border-r-inherit {
  border-right-color: inherit;
}

.\!k-border-r-inherit {
  border-right-color: inherit !important;
}

.k-border-r-current {
  border-right-color: currentColor;
}

.\!k-border-r-current {
  border-right-color: currentColor !important;
}

.k-border-r-transparent {
  border-right-color: transparent;
}

.\!k-border-r-transparent {
  border-right-color: transparent !important;
}

.k-border-r-black {
  border-right-color: black;
}

.\!k-border-r-black {
  border-right-color: black !important;
}

.k-border-r-white {
  border-right-color: white;
}

.\!k-border-r-white {
  border-right-color: white !important;
}

.k-border-b-primary {
  border-bottom-color: #ff6358;
}

.\!k-border-b-primary {
  border-bottom-color: #ff6358 !important;
}

.k-border-b-secondary {
  border-bottom-color: #666666;
}

.\!k-border-b-secondary {
  border-bottom-color: #666666 !important;
}

.k-border-b-tertiary {
  border-bottom-color: #03a9f4;
}

.\!k-border-b-tertiary {
  border-bottom-color: #03a9f4 !important;
}

.k-border-b-info {
  border-bottom-color: #0058e9;
}

.\!k-border-b-info {
  border-bottom-color: #0058e9 !important;
}

.k-border-b-success {
  border-bottom-color: #37b400;
}

.\!k-border-b-success {
  border-bottom-color: #37b400 !important;
}

.k-border-b-warning {
  border-bottom-color: #ffc000;
}

.\!k-border-b-warning {
  border-bottom-color: #ffc000 !important;
}

.k-border-b-error {
  border-bottom-color: #f31700;
}

.\!k-border-b-error {
  border-bottom-color: #f31700 !important;
}

.k-border-b-dark {
  border-bottom-color: #424242;
}

.\!k-border-b-dark {
  border-bottom-color: #424242 !important;
}

.k-border-b-light {
  border-bottom-color: #ebebeb;
}

.\!k-border-b-light {
  border-bottom-color: #ebebeb !important;
}

.k-border-b-inverse {
  border-bottom-color: #424242;
}

.\!k-border-b-inverse {
  border-bottom-color: #424242 !important;
}

.k-border-b-inherit {
  border-bottom-color: inherit;
}

.\!k-border-b-inherit {
  border-bottom-color: inherit !important;
}

.k-border-b-current {
  border-bottom-color: currentColor;
}

.\!k-border-b-current {
  border-bottom-color: currentColor !important;
}

.k-border-b-transparent {
  border-bottom-color: transparent;
}

.\!k-border-b-transparent {
  border-bottom-color: transparent !important;
}

.k-border-b-black {
  border-bottom-color: black;
}

.\!k-border-b-black {
  border-bottom-color: black !important;
}

.k-border-b-white {
  border-bottom-color: white;
}

.\!k-border-b-white {
  border-bottom-color: white !important;
}

.k-border-l-primary {
  border-left-color: #ff6358;
}

.\!k-border-l-primary {
  border-left-color: #ff6358 !important;
}

.k-border-l-secondary {
  border-left-color: #666666;
}

.\!k-border-l-secondary {
  border-left-color: #666666 !important;
}

.k-border-l-tertiary {
  border-left-color: #03a9f4;
}

.\!k-border-l-tertiary {
  border-left-color: #03a9f4 !important;
}

.k-border-l-info {
  border-left-color: #0058e9;
}

.\!k-border-l-info {
  border-left-color: #0058e9 !important;
}

.k-border-l-success {
  border-left-color: #37b400;
}

.\!k-border-l-success {
  border-left-color: #37b400 !important;
}

.k-border-l-warning {
  border-left-color: #ffc000;
}

.\!k-border-l-warning {
  border-left-color: #ffc000 !important;
}

.k-border-l-error {
  border-left-color: #f31700;
}

.\!k-border-l-error {
  border-left-color: #f31700 !important;
}

.k-border-l-dark {
  border-left-color: #424242;
}

.\!k-border-l-dark {
  border-left-color: #424242 !important;
}

.k-border-l-light {
  border-left-color: #ebebeb;
}

.\!k-border-l-light {
  border-left-color: #ebebeb !important;
}

.k-border-l-inverse {
  border-left-color: #424242;
}

.\!k-border-l-inverse {
  border-left-color: #424242 !important;
}

.k-border-l-inherit {
  border-left-color: inherit;
}

.\!k-border-l-inherit {
  border-left-color: inherit !important;
}

.k-border-l-current {
  border-left-color: currentColor;
}

.\!k-border-l-current {
  border-left-color: currentColor !important;
}

.k-border-l-transparent {
  border-left-color: transparent;
}

.\!k-border-l-transparent {
  border-left-color: transparent !important;
}

.k-border-l-black {
  border-left-color: black;
}

.\!k-border-l-black {
  border-left-color: black !important;
}

.k-border-l-white {
  border-left-color: white;
}

.\!k-border-l-white {
  border-left-color: white !important;
}

.k-border-x-primary {
  border-inline-color: #ff6358;
}

.\!k-border-x-primary {
  border-inline-color: #ff6358 !important;
}

.k-border-x-secondary {
  border-inline-color: #666666;
}

.\!k-border-x-secondary {
  border-inline-color: #666666 !important;
}

.k-border-x-tertiary {
  border-inline-color: #03a9f4;
}

.\!k-border-x-tertiary {
  border-inline-color: #03a9f4 !important;
}

.k-border-x-info {
  border-inline-color: #0058e9;
}

.\!k-border-x-info {
  border-inline-color: #0058e9 !important;
}

.k-border-x-success {
  border-inline-color: #37b400;
}

.\!k-border-x-success {
  border-inline-color: #37b400 !important;
}

.k-border-x-warning {
  border-inline-color: #ffc000;
}

.\!k-border-x-warning {
  border-inline-color: #ffc000 !important;
}

.k-border-x-error {
  border-inline-color: #f31700;
}

.\!k-border-x-error {
  border-inline-color: #f31700 !important;
}

.k-border-x-dark {
  border-inline-color: #424242;
}

.\!k-border-x-dark {
  border-inline-color: #424242 !important;
}

.k-border-x-light {
  border-inline-color: #ebebeb;
}

.\!k-border-x-light {
  border-inline-color: #ebebeb !important;
}

.k-border-x-inverse {
  border-inline-color: #424242;
}

.\!k-border-x-inverse {
  border-inline-color: #424242 !important;
}

.k-border-x-inherit {
  border-inline-color: inherit;
}

.\!k-border-x-inherit {
  border-inline-color: inherit !important;
}

.k-border-x-current {
  border-inline-color: currentColor;
}

.\!k-border-x-current {
  border-inline-color: currentColor !important;
}

.k-border-x-transparent {
  border-inline-color: transparent;
}

.\!k-border-x-transparent {
  border-inline-color: transparent !important;
}

.k-border-x-black {
  border-inline-color: black;
}

.\!k-border-x-black {
  border-inline-color: black !important;
}

.k-border-x-white {
  border-inline-color: white;
}

.\!k-border-x-white {
  border-inline-color: white !important;
}

.k-border-y-primary {
  border-block-color: #ff6358;
}

.\!k-border-y-primary {
  border-block-color: #ff6358 !important;
}

.k-border-y-secondary {
  border-block-color: #666666;
}

.\!k-border-y-secondary {
  border-block-color: #666666 !important;
}

.k-border-y-tertiary {
  border-block-color: #03a9f4;
}

.\!k-border-y-tertiary {
  border-block-color: #03a9f4 !important;
}

.k-border-y-info {
  border-block-color: #0058e9;
}

.\!k-border-y-info {
  border-block-color: #0058e9 !important;
}

.k-border-y-success {
  border-block-color: #37b400;
}

.\!k-border-y-success {
  border-block-color: #37b400 !important;
}

.k-border-y-warning {
  border-block-color: #ffc000;
}

.\!k-border-y-warning {
  border-block-color: #ffc000 !important;
}

.k-border-y-error {
  border-block-color: #f31700;
}

.\!k-border-y-error {
  border-block-color: #f31700 !important;
}

.k-border-y-dark {
  border-block-color: #424242;
}

.\!k-border-y-dark {
  border-block-color: #424242 !important;
}

.k-border-y-light {
  border-block-color: #ebebeb;
}

.\!k-border-y-light {
  border-block-color: #ebebeb !important;
}

.k-border-y-inverse {
  border-block-color: #424242;
}

.\!k-border-y-inverse {
  border-block-color: #424242 !important;
}

.k-border-y-inherit {
  border-block-color: inherit;
}

.\!k-border-y-inherit {
  border-block-color: inherit !important;
}

.k-border-y-current {
  border-block-color: currentColor;
}

.\!k-border-y-current {
  border-block-color: currentColor !important;
}

.k-border-y-transparent {
  border-block-color: transparent;
}

.\!k-border-y-transparent {
  border-block-color: transparent !important;
}

.k-border-y-black {
  border-block-color: black;
}

.\!k-border-y-black {
  border-block-color: black !important;
}

.k-border-y-white {
  border-block-color: white;
}

.\!k-border-y-white {
  border-block-color: white !important;
}

.k-rounded {
  border-radius: 4px;
}

.\!k-rounded {
  border-radius: 4px !important;
}

.k-rounded-0 {
  border-radius: 0;
}

.\!k-rounded-0 {
  border-radius: 0 !important;
}

.k-rounded-sm {
  border-radius: 2px;
}

.\!k-rounded-sm {
  border-radius: 2px !important;
}

.k-rounded-md {
  border-radius: 4px;
}

.\!k-rounded-md {
  border-radius: 4px !important;
}

.k-rounded-lg {
  border-radius: 6px;
}

.\!k-rounded-lg {
  border-radius: 6px !important;
}

.k-rounded-full {
  border-radius: 9999px;
}

.\!k-rounded-full {
  border-radius: 9999px !important;
}

.k-rounded-tl {
  border-top-left-radius: 4px;
}

.\!k-rounded-tl {
  border-top-left-radius: 4px !important;
}

.k-rounded-tl-0 {
  border-top-left-radius: 0;
}

.\!k-rounded-tl-0 {
  border-top-left-radius: 0 !important;
}

.k-rounded-tl-sm {
  border-top-left-radius: 2px;
}

.\!k-rounded-tl-sm {
  border-top-left-radius: 2px !important;
}

.k-rounded-tl-md {
  border-top-left-radius: 4px;
}

.\!k-rounded-tl-md {
  border-top-left-radius: 4px !important;
}

.k-rounded-tl-lg {
  border-top-left-radius: 6px;
}

.\!k-rounded-tl-lg {
  border-top-left-radius: 6px !important;
}

.k-rounded-tl-full {
  border-top-left-radius: 9999px;
}

.\!k-rounded-tl-full {
  border-top-left-radius: 9999px !important;
}

.k-rounded-tr {
  border-top-right-radius: 4px;
}

.\!k-rounded-tr {
  border-top-right-radius: 4px !important;
}

.k-rounded-tr-0 {
  border-top-right-radius: 0;
}

.\!k-rounded-tr-0 {
  border-top-right-radius: 0 !important;
}

.k-rounded-tr-sm {
  border-top-right-radius: 2px;
}

.\!k-rounded-tr-sm {
  border-top-right-radius: 2px !important;
}

.k-rounded-tr-md {
  border-top-right-radius: 4px;
}

.\!k-rounded-tr-md {
  border-top-right-radius: 4px !important;
}

.k-rounded-tr-lg {
  border-top-right-radius: 6px;
}

.\!k-rounded-tr-lg {
  border-top-right-radius: 6px !important;
}

.k-rounded-tr-full {
  border-top-right-radius: 9999px;
}

.\!k-rounded-tr-full {
  border-top-right-radius: 9999px !important;
}

.k-rounded-br {
  border-bottom-right-radius: 4px;
}

.\!k-rounded-br {
  border-bottom-right-radius: 4px !important;
}

.k-rounded-br-0 {
  border-bottom-right-radius: 0;
}

.\!k-rounded-br-0 {
  border-bottom-right-radius: 0 !important;
}

.k-rounded-br-sm {
  border-bottom-right-radius: 2px;
}

.\!k-rounded-br-sm {
  border-bottom-right-radius: 2px !important;
}

.k-rounded-br-md {
  border-bottom-right-radius: 4px;
}

.\!k-rounded-br-md {
  border-bottom-right-radius: 4px !important;
}

.k-rounded-br-lg {
  border-bottom-right-radius: 6px;
}

.\!k-rounded-br-lg {
  border-bottom-right-radius: 6px !important;
}

.k-rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-br-full {
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-bl {
  border-bottom-left-radius: 4px;
}

.\!k-rounded-bl {
  border-bottom-left-radius: 4px !important;
}

.k-rounded-bl-0 {
  border-bottom-left-radius: 0;
}

.\!k-rounded-bl-0 {
  border-bottom-left-radius: 0 !important;
}

.k-rounded-bl-sm {
  border-bottom-left-radius: 2px;
}

.\!k-rounded-bl-sm {
  border-bottom-left-radius: 2px !important;
}

.k-rounded-bl-md {
  border-bottom-left-radius: 4px;
}

.\!k-rounded-bl-md {
  border-bottom-left-radius: 4px !important;
}

.k-rounded-bl-lg {
  border-bottom-left-radius: 6px;
}

.\!k-rounded-bl-lg {
  border-bottom-left-radius: 6px !important;
}

.k-rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.\!k-rounded-bl-full {
  border-bottom-left-radius: 9999px !important;
}

.k-rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.\!k-rounded-t {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.k-rounded-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.\!k-rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.k-rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.\!k-rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.k-rounded-t-md {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.\!k-rounded-t-md {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.k-rounded-t-lg {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.\!k-rounded-t-lg {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.k-rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.\!k-rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.k-rounded-r {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-r {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.\!k-rounded-r-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.k-rounded-r-sm {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.\!k-rounded-r-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.k-rounded-r-md {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-r-md {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-r-lg {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.\!k-rounded-r-lg {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.k-rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-b {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-b-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.\!k-rounded-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.k-rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.\!k-rounded-b-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.k-rounded-b-md {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.\!k-rounded-b-md {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.k-rounded-b-lg {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.\!k-rounded-b-lg {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.k-rounded-b-full {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.\!k-rounded-b-full {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.k-rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.\!k-rounded-l {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.k-rounded-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.\!k-rounded-l-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.k-rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.\!k-rounded-l-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.k-rounded-l-md {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.\!k-rounded-l-md {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.k-rounded-l-lg {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.\!k-rounded-l-lg {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.k-rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.\!k-rounded-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.k-border-solid {
  border-style: solid;
}

.\!k-border-solid {
  border-style: solid !important;
}

.k-border-dashed {
  border-style: dashed;
}

.\!k-border-dashed {
  border-style: dashed !important;
}

.k-border-dotted {
  border-style: dotted;
}

.\!k-border-dotted {
  border-style: dotted !important;
}

.k-border-double {
  border-style: double;
}

.\!k-border-double {
  border-style: double !important;
}

.k-border-inset {
  border-style: inset;
}

.\!k-border-inset {
  border-style: inset !important;
}

.k-border-outset {
  border-style: outset;
}

.\!k-border-outset {
  border-style: outset !important;
}

.k-border-hidden {
  border-style: hidden;
}

.\!k-border-hidden {
  border-style: hidden !important;
}

.k-border-none {
  border-style: none;
}

.\!k-border-none {
  border-style: none !important;
}

.k-border-t-solid {
  border-top-style: solid;
}

.\!k-border-t-solid {
  border-top-style: solid !important;
}

.k-border-t-dashed {
  border-top-style: dashed;
}

.\!k-border-t-dashed {
  border-top-style: dashed !important;
}

.k-border-t-dotted {
  border-top-style: dotted;
}

.\!k-border-t-dotted {
  border-top-style: dotted !important;
}

.k-border-t-double {
  border-top-style: double;
}

.\!k-border-t-double {
  border-top-style: double !important;
}

.k-border-t-inset {
  border-top-style: inset;
}

.\!k-border-t-inset {
  border-top-style: inset !important;
}

.k-border-t-outset {
  border-top-style: outset;
}

.\!k-border-t-outset {
  border-top-style: outset !important;
}

.k-border-t-hidden {
  border-top-style: hidden;
}

.\!k-border-t-hidden {
  border-top-style: hidden !important;
}

.k-border-t-none {
  border-top-style: none;
}

.\!k-border-t-none {
  border-top-style: none !important;
}

.k-border-r-solid {
  border-right-style: solid;
}

.\!k-border-r-solid {
  border-right-style: solid !important;
}

.k-border-r-dashed {
  border-right-style: dashed;
}

.\!k-border-r-dashed {
  border-right-style: dashed !important;
}

.k-border-r-dotted {
  border-right-style: dotted;
}

.\!k-border-r-dotted {
  border-right-style: dotted !important;
}

.k-border-r-double {
  border-right-style: double;
}

.\!k-border-r-double {
  border-right-style: double !important;
}

.k-border-r-inset {
  border-right-style: inset;
}

.\!k-border-r-inset {
  border-right-style: inset !important;
}

.k-border-r-outset {
  border-right-style: outset;
}

.\!k-border-r-outset {
  border-right-style: outset !important;
}

.k-border-r-hidden {
  border-right-style: hidden;
}

.\!k-border-r-hidden {
  border-right-style: hidden !important;
}

.k-border-r-none {
  border-right-style: none;
}

.\!k-border-r-none {
  border-right-style: none !important;
}

.k-border-b-solid {
  border-bottom-style: solid;
}

.\!k-border-b-solid {
  border-bottom-style: solid !important;
}

.k-border-b-dashed {
  border-bottom-style: dashed;
}

.\!k-border-b-dashed {
  border-bottom-style: dashed !important;
}

.k-border-b-dotted {
  border-bottom-style: dotted;
}

.\!k-border-b-dotted {
  border-bottom-style: dotted !important;
}

.k-border-b-double {
  border-bottom-style: double;
}

.\!k-border-b-double {
  border-bottom-style: double !important;
}

.k-border-b-inset {
  border-bottom-style: inset;
}

.\!k-border-b-inset {
  border-bottom-style: inset !important;
}

.k-border-b-outset {
  border-bottom-style: outset;
}

.\!k-border-b-outset {
  border-bottom-style: outset !important;
}

.k-border-b-hidden {
  border-bottom-style: hidden;
}

.\!k-border-b-hidden {
  border-bottom-style: hidden !important;
}

.k-border-b-none {
  border-bottom-style: none;
}

.\!k-border-b-none {
  border-bottom-style: none !important;
}

.k-border-l-solid {
  border-left-style: solid;
}

.\!k-border-l-solid {
  border-left-style: solid !important;
}

.k-border-l-dashed {
  border-left-style: dashed;
}

.\!k-border-l-dashed {
  border-left-style: dashed !important;
}

.k-border-l-dotted {
  border-left-style: dotted;
}

.\!k-border-l-dotted {
  border-left-style: dotted !important;
}

.k-border-l-double {
  border-left-style: double;
}

.\!k-border-l-double {
  border-left-style: double !important;
}

.k-border-l-inset {
  border-left-style: inset;
}

.\!k-border-l-inset {
  border-left-style: inset !important;
}

.k-border-l-outset {
  border-left-style: outset;
}

.\!k-border-l-outset {
  border-left-style: outset !important;
}

.k-border-l-hidden {
  border-left-style: hidden;
}

.\!k-border-l-hidden {
  border-left-style: hidden !important;
}

.k-border-l-none {
  border-left-style: none;
}

.\!k-border-l-none {
  border-left-style: none !important;
}

.k-border-x-solid {
  border-inline-style: solid;
}

.\!k-border-x-solid {
  border-inline-style: solid !important;
}

.k-border-x-dashed {
  border-inline-style: dashed;
}

.\!k-border-x-dashed {
  border-inline-style: dashed !important;
}

.k-border-x-dotted {
  border-inline-style: dotted;
}

.\!k-border-x-dotted {
  border-inline-style: dotted !important;
}

.k-border-x-double {
  border-inline-style: double;
}

.\!k-border-x-double {
  border-inline-style: double !important;
}

.k-border-x-inset {
  border-inline-style: inset;
}

.\!k-border-x-inset {
  border-inline-style: inset !important;
}

.k-border-x-outset {
  border-inline-style: outset;
}

.\!k-border-x-outset {
  border-inline-style: outset !important;
}

.k-border-x-hidden {
  border-inline-style: hidden;
}

.\!k-border-x-hidden {
  border-inline-style: hidden !important;
}

.k-border-x-none {
  border-inline-style: none;
}

.\!k-border-x-none {
  border-inline-style: none !important;
}

.k-border-y-solid {
  border-block-style: solid;
}

.\!k-border-y-solid {
  border-block-style: solid !important;
}

.k-border-y-dashed {
  border-block-style: dashed;
}

.\!k-border-y-dashed {
  border-block-style: dashed !important;
}

.k-border-y-dotted {
  border-block-style: dotted;
}

.\!k-border-y-dotted {
  border-block-style: dotted !important;
}

.k-border-y-double {
  border-block-style: double;
}

.\!k-border-y-double {
  border-block-style: double !important;
}

.k-border-y-inset {
  border-block-style: inset;
}

.\!k-border-y-inset {
  border-block-style: inset !important;
}

.k-border-y-outset {
  border-block-style: outset;
}

.\!k-border-y-outset {
  border-block-style: outset !important;
}

.k-border-y-hidden {
  border-block-style: hidden;
}

.\!k-border-y-hidden {
  border-block-style: hidden !important;
}

.k-border-y-none {
  border-block-style: none;
}

.\!k-border-y-none {
  border-block-style: none !important;
}

.k-border {
  border-width: 1px;
}

.\!k-border {
  border-width: 1px !important;
}

.k-border-0 {
  border-width: 0;
}

.\!k-border-0 {
  border-width: 0 !important;
}

.k-border-2 {
  border-width: 2px;
}

.\!k-border-2 {
  border-width: 2px !important;
}

.k-border-4 {
  border-width: 4px;
}

.\!k-border-4 {
  border-width: 4px !important;
}

.k-border-8 {
  border-width: 8px;
}

.\!k-border-8 {
  border-width: 8px !important;
}

.k-border-t {
  border-top-width: 1px;
}

.\!k-border-t {
  border-top-width: 1px !important;
}

.k-border-t-0 {
  border-top-width: 0;
}

.\!k-border-t-0 {
  border-top-width: 0 !important;
}

.k-border-t-2 {
  border-top-width: 2px;
}

.\!k-border-t-2 {
  border-top-width: 2px !important;
}

.k-border-t-4 {
  border-top-width: 4px;
}

.\!k-border-t-4 {
  border-top-width: 4px !important;
}

.k-border-t-8 {
  border-top-width: 8px;
}

.\!k-border-t-8 {
  border-top-width: 8px !important;
}

.k-border-r {
  border-right-width: 1px;
}

.\!k-border-r {
  border-right-width: 1px !important;
}

.k-border-r-0 {
  border-right-width: 0;
}

.\!k-border-r-0 {
  border-right-width: 0 !important;
}

.k-border-r-2 {
  border-right-width: 2px;
}

.\!k-border-r-2 {
  border-right-width: 2px !important;
}

.k-border-r-4 {
  border-right-width: 4px;
}

.\!k-border-r-4 {
  border-right-width: 4px !important;
}

.k-border-r-8 {
  border-right-width: 8px;
}

.\!k-border-r-8 {
  border-right-width: 8px !important;
}

.k-border-b {
  border-bottom-width: 1px;
}

.\!k-border-b {
  border-bottom-width: 1px !important;
}

.k-border-b-0 {
  border-bottom-width: 0;
}

.\!k-border-b-0 {
  border-bottom-width: 0 !important;
}

.k-border-b-2 {
  border-bottom-width: 2px;
}

.\!k-border-b-2 {
  border-bottom-width: 2px !important;
}

.k-border-b-4 {
  border-bottom-width: 4px;
}

.\!k-border-b-4 {
  border-bottom-width: 4px !important;
}

.k-border-b-8 {
  border-bottom-width: 8px;
}

.\!k-border-b-8 {
  border-bottom-width: 8px !important;
}

.k-border-l {
  border-left-width: 1px;
}

.\!k-border-l {
  border-left-width: 1px !important;
}

.k-border-l-0 {
  border-left-width: 0;
}

.\!k-border-l-0 {
  border-left-width: 0 !important;
}

.k-border-l-2 {
  border-left-width: 2px;
}

.\!k-border-l-2 {
  border-left-width: 2px !important;
}

.k-border-l-4 {
  border-left-width: 4px;
}

.\!k-border-l-4 {
  border-left-width: 4px !important;
}

.k-border-l-8 {
  border-left-width: 8px;
}

.\!k-border-l-8 {
  border-left-width: 8px !important;
}

.k-border-x {
  border-inline-width: 1px;
}

.\!k-border-x {
  border-inline-width: 1px !important;
}

.k-border-x-0 {
  border-inline-width: 0;
}

.\!k-border-x-0 {
  border-inline-width: 0 !important;
}

.k-border-x-2 {
  border-inline-width: 2px;
}

.\!k-border-x-2 {
  border-inline-width: 2px !important;
}

.k-border-x-4 {
  border-inline-width: 4px;
}

.\!k-border-x-4 {
  border-inline-width: 4px !important;
}

.k-border-x-8 {
  border-inline-width: 8px;
}

.\!k-border-x-8 {
  border-inline-width: 8px !important;
}

.k-border-y {
  border-block-width: 1px;
}

.\!k-border-y {
  border-block-width: 1px !important;
}

.k-border-y-0 {
  border-block-width: 0;
}

.\!k-border-y-0 {
  border-block-width: 0 !important;
}

.k-border-y-2 {
  border-block-width: 2px;
}

.\!k-border-y-2 {
  border-block-width: 2px !important;
}

.k-border-y-4 {
  border-block-width: 4px;
}

.\!k-border-y-4 {
  border-block-width: 4px !important;
}

.k-border-y-8 {
  border-block-width: 8px;
}

.\!k-border-y-8 {
  border-block-width: 8px !important;
}

.k-border-top {
  border-top-width: 1px;
}

.\!k-border-top {
  border-top-width: 1px !important;
}

.k-border-top-0 {
  border-top-width: 0;
}

.\!k-border-top-0 {
  border-top-width: 0 !important;
}

.k-border-top-2 {
  border-top-width: 2px;
}

.\!k-border-top-2 {
  border-top-width: 2px !important;
}

.k-border-top-4 {
  border-top-width: 4px;
}

.\!k-border-top-4 {
  border-top-width: 4px !important;
}

.k-border-top-8 {
  border-top-width: 8px;
}

.\!k-border-top-8 {
  border-top-width: 8px !important;
}

.k-border-right {
  border-right-width: 1px;
}

.\!k-border-right {
  border-right-width: 1px !important;
}

.k-border-right-0 {
  border-right-width: 0;
}

.\!k-border-right-0 {
  border-right-width: 0 !important;
}

.k-border-right-2 {
  border-right-width: 2px;
}

.\!k-border-right-2 {
  border-right-width: 2px !important;
}

.k-border-right-4 {
  border-right-width: 4px;
}

.\!k-border-right-4 {
  border-right-width: 4px !important;
}

.k-border-right-8 {
  border-right-width: 8px;
}

.\!k-border-right-8 {
  border-right-width: 8px !important;
}

.k-border-bottom {
  border-bottom-width: 1px;
}

.\!k-border-bottom {
  border-bottom-width: 1px !important;
}

.k-border-bottom-0 {
  border-bottom-width: 0;
}

.\!k-border-bottom-0 {
  border-bottom-width: 0 !important;
}

.k-border-bottom-2 {
  border-bottom-width: 2px;
}

.\!k-border-bottom-2 {
  border-bottom-width: 2px !important;
}

.k-border-bottom-4 {
  border-bottom-width: 4px;
}

.\!k-border-bottom-4 {
  border-bottom-width: 4px !important;
}

.k-border-bottom-8 {
  border-bottom-width: 8px;
}

.\!k-border-bottom-8 {
  border-bottom-width: 8px !important;
}

.k-border-left {
  border-left-width: 1px;
}

.\!k-border-left {
  border-left-width: 1px !important;
}

.k-border-left-0 {
  border-left-width: 0;
}

.\!k-border-left-0 {
  border-left-width: 0 !important;
}

.k-border-left-2 {
  border-left-width: 2px;
}

.\!k-border-left-2 {
  border-left-width: 2px !important;
}

.k-border-left-4 {
  border-left-width: 4px;
}

.\!k-border-left-4 {
  border-left-width: 4px !important;
}

.k-border-left-8 {
  border-left-width: 8px;
}

.\!k-border-left-8 {
  border-left-width: 8px !important;
}

.k-outline-primary {
  outline-color: #ff6358;
}

.\!k-outline-primary {
  outline-color: #ff6358 !important;
}

.k-outline-secondary {
  outline-color: #666666;
}

.\!k-outline-secondary {
  outline-color: #666666 !important;
}

.k-outline-tertiary {
  outline-color: #03a9f4;
}

.\!k-outline-tertiary {
  outline-color: #03a9f4 !important;
}

.k-outline-info {
  outline-color: #0058e9;
}

.\!k-outline-info {
  outline-color: #0058e9 !important;
}

.k-outline-success {
  outline-color: #37b400;
}

.\!k-outline-success {
  outline-color: #37b400 !important;
}

.k-outline-warning {
  outline-color: #ffc000;
}

.\!k-outline-warning {
  outline-color: #ffc000 !important;
}

.k-outline-error {
  outline-color: #f31700;
}

.\!k-outline-error {
  outline-color: #f31700 !important;
}

.k-outline-dark {
  outline-color: #424242;
}

.\!k-outline-dark {
  outline-color: #424242 !important;
}

.k-outline-light {
  outline-color: #ebebeb;
}

.\!k-outline-light {
  outline-color: #ebebeb !important;
}

.k-outline-inverse {
  outline-color: #424242;
}

.\!k-outline-inverse {
  outline-color: #424242 !important;
}

.k-outline-inherit {
  outline-color: inherit;
}

.\!k-outline-inherit {
  outline-color: inherit !important;
}

.k-outline-current {
  outline-color: currentColor;
}

.\!k-outline-current {
  outline-color: currentColor !important;
}

.k-outline-transparent {
  outline-color: transparent;
}

.\!k-outline-transparent {
  outline-color: transparent !important;
}

.k-outline-black {
  outline-color: black;
}

.\!k-outline-black {
  outline-color: black !important;
}

.k-outline-white {
  outline-color: white;
}

.\!k-outline-white {
  outline-color: white !important;
}

.k-outline-offset-0 {
  outline-offset: 0;
}

.\!k-outline-offset-0 {
  outline-offset: 0 !important;
}

.k-outline-offset-1 {
  outline-offset: 1px;
}

.\!k-outline-offset-1 {
  outline-offset: 1px !important;
}

.k-outline-offset-2 {
  outline-offset: 2px;
}

.\!k-outline-offset-2 {
  outline-offset: 2px !important;
}

.k-outline-offset-4 {
  outline-offset: 4px;
}

.\!k-outline-offset-4 {
  outline-offset: 4px !important;
}

.k-outline-offset-8 {
  outline-offset: 8px;
}

.\!k-outline-offset-8 {
  outline-offset: 8px !important;
}

.k-outline-solid {
  outline-style: solid;
}

.\!k-outline-solid {
  outline-style: solid !important;
}

.k-outline-dashed {
  outline-style: dashed;
}

.\!k-outline-dashed {
  outline-style: dashed !important;
}

.k-outline-dotted {
  outline-style: dotted;
}

.\!k-outline-dotted {
  outline-style: dotted !important;
}

.k-outline-double {
  outline-style: double;
}

.\!k-outline-double {
  outline-style: double !important;
}

.k-outline-inset {
  outline-style: inset;
}

.\!k-outline-inset {
  outline-style: inset !important;
}

.k-outline-outset {
  outline-style: outset;
}

.\!k-outline-outset {
  outline-style: outset !important;
}

.k-outline-none {
  outline-style: none;
}

.\!k-outline-none {
  outline-style: none !important;
}

.k-outline {
  outline-width: 1px;
}

.\!k-outline {
  outline-width: 1px !important;
}

.k-outline-0 {
  outline-width: 0;
}

.\!k-outline-0 {
  outline-width: 0 !important;
}

.k-outline-2 {
  outline-width: 2px;
}

.\!k-outline-2 {
  outline-width: 2px !important;
}

.k-outline-4 {
  outline-width: 4px;
}

.\!k-outline-4 {
  outline-width: 4px !important;
}

.k-outline-8 {
  outline-width: 8px;
}

.\!k-outline-8 {
  outline-width: 8px !important;
}

.k-opacity-0 {
  opacity: 0;
}

.\!k-opacity-0 {
  opacity: 0 !important;
}

.k-opacity-5 {
  opacity: 0.05;
}

.\!k-opacity-5 {
  opacity: 0.05 !important;
}

.k-opacity-10 {
  opacity: 0.1;
}

.\!k-opacity-10 {
  opacity: 0.1 !important;
}

.k-opacity-20 {
  opacity: 0.2;
}

.\!k-opacity-20 {
  opacity: 0.2 !important;
}

.k-opacity-30 {
  opacity: 0.3;
}

.\!k-opacity-30 {
  opacity: 0.3 !important;
}

.k-opacity-40 {
  opacity: 0.4;
}

.\!k-opacity-40 {
  opacity: 0.4 !important;
}

.k-opacity-50 {
  opacity: 0.5;
}

.\!k-opacity-50 {
  opacity: 0.5 !important;
}

.k-opacity-60 {
  opacity: 0.6;
}

.\!k-opacity-60 {
  opacity: 0.6 !important;
}

.k-opacity-70 {
  opacity: 0.7;
}

.\!k-opacity-70 {
  opacity: 0.7 !important;
}

.k-opacity-80 {
  opacity: 0.8;
}

.\!k-opacity-80 {
  opacity: 0.8 !important;
}

.k-opacity-90 {
  opacity: 0.9;
}

.\!k-opacity-90 {
  opacity: 0.9 !important;
}

.k-opacity-100 {
  opacity: 1;
}

.\!k-opacity-100 {
  opacity: 1 !important;
}

.k-backdrop-blur {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.\!k-backdrop-blur {
  -webkit-backdrop-filter: blur(8px) !important;
          backdrop-filter: blur(8px) !important;
}

.k-backdrop-blur-none {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}

.\!k-backdrop-blur-none {
  -webkit-backdrop-filter: blur(0) !important;
          backdrop-filter: blur(0) !important;
}

.k-backdrop-blur-sm {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.\!k-backdrop-blur-sm {
  -webkit-backdrop-filter: blur(4px) !important;
          backdrop-filter: blur(4px) !important;
}

.k-backdrop-blur-md {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.\!k-backdrop-blur-md {
  -webkit-backdrop-filter: blur(6px) !important;
          backdrop-filter: blur(6px) !important;
}

.k-backdrop-blur-lg {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.\!k-backdrop-blur-lg {
  -webkit-backdrop-filter: blur(12px) !important;
          backdrop-filter: blur(12px) !important;
}

.k-border-collapse {
  border-collapse: collapse;
}

.\!k-border-collapse {
  border-collapse: collapse !important;
}

.k-border-separate {
  border-collapse: separate;
}

.\!k-border-separate {
  border-collapse: separate !important;
}

.k-table-auto {
  table-layout: auto;
}

.\!k-table-auto {
  table-layout: auto !important;
}

.k-table-fixed {
  table-layout: fixed;
}

.\!k-table-fixed {
  table-layout: fixed !important;
}

.k-table-layout-auto {
  table-layout: auto;
}

.\!k-table-layout-auto {
  table-layout: auto !important;
}

.k-table-layout-fixed {
  table-layout: fixed;
}

.\!k-table-layout-fixed {
  table-layout: fixed !important;
}

.k-flip-h, .k-flip-x {
  transform: scaleX(-1);
}

.\!k-flip-h, .\!k-flip-x {
  transform: scaleX(-1) !important;
}

.k-flip-v, .k-flip-y {
  transform: scaleY(-1);
}

.\!k-flip-v, .\!k-flip-y {
  transform: scaleY(-1) !important;
}

.k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y {
  transform: scale(-1, -1);
}

.\!k-flip-h.\!k-flip-v, .\!k-flip-h.\!k-flip-y, .\!k-flip-v.\!k-flip-x, .\!k-flip-x.\!k-flip-y {
  transform: scale(-1, -1) !important;
}

.k-origin-center {
  transform-origin: center;
}

.\!k-origin-center {
  transform-origin: center !important;
}

.k-origin-top {
  transform-origin: top;
}

.\!k-origin-top {
  transform-origin: top !important;
}

.k-origin-right {
  transform-origin: right;
}

.\!k-origin-right {
  transform-origin: right !important;
}

.k-origin-bottom {
  transform-origin: bottom;
}

.\!k-origin-bottom {
  transform-origin: bottom !important;
}

.k-origin-left {
  transform-origin: left;
}

.\!k-origin-left {
  transform-origin: left !important;
}

.k-origin-top-left {
  transform-origin: top left;
}

.\!k-origin-top-left {
  transform-origin: top left !important;
}

.k-origin-top-right {
  transform-origin: top right;
}

.\!k-origin-top-right {
  transform-origin: top right !important;
}

.k-origin-bottom-left {
  transform-origin: bottom left;
}

.\!k-origin-bottom-left {
  transform-origin: bottom left !important;
}

.k-origin-bottom-right {
  transform-origin: bottom right;
}

.\!k-origin-bottom-right {
  transform-origin: bottom right !important;
}

.k-rotate-0 {
  transform: rotate(0deg);
}

.\!k-rotate-0 {
  transform: rotate(0deg) !important;
}

.k-rotate-45 {
  transform: rotate(45deg);
}

.\!k-rotate-45 {
  transform: rotate(45deg) !important;
}

.k-rotate-90 {
  transform: rotate(90deg);
}

.\!k-rotate-90 {
  transform: rotate(90deg) !important;
}

.k-rotate-135 {
  transform: rotate(135deg);
}

.\!k-rotate-135 {
  transform: rotate(135deg) !important;
}

.k-rotate-180 {
  transform: rotate(180deg);
}

.\!k-rotate-180 {
  transform: rotate(180deg) !important;
}

.k-rotate-225 {
  transform: rotate(225deg);
}

.\!k-rotate-225 {
  transform: rotate(225deg) !important;
}

.k-rotate-270 {
  transform: rotate(270deg);
}

.\!k-rotate-270 {
  transform: rotate(270deg) !important;
}

.k-rotate-315 {
  transform: rotate(315deg);
}

.\!k-rotate-315 {
  transform: rotate(315deg) !important;
}

.k-scale-0 {
  transform: scale(0);
}

.\!k-scale-0 {
  transform: scale(0) !important;
}

.k-scale-0\.25 {
  transform: scale(0.25);
}

.\!k-scale-0\.25 {
  transform: scale(0.25) !important;
}

.k-scale-0\.5 {
  transform: scale(0.5);
}

.\!k-scale-0\.5 {
  transform: scale(0.5) !important;
}

.k-scale-0\.75 {
  transform: scale(0.75);
}

.\!k-scale-0\.75 {
  transform: scale(0.75) !important;
}

.k-scale-1 {
  transform: scale(1);
}

.\!k-scale-1 {
  transform: scale(1) !important;
}

.k-scale-1\.25 {
  transform: scale(1.25);
}

.\!k-scale-1\.25 {
  transform: scale(1.25) !important;
}

.k-scale-1\.5 {
  transform: scale(1.5);
}

.\!k-scale-1\.5 {
  transform: scale(1.5) !important;
}

.k-scale-2 {
  transform: scale(2);
}

.\!k-scale-2 {
  transform: scale(2) !important;
}

.k-scale-x-0 {
  transform: scaleX(0);
}

.\!k-scale-x-0 {
  transform: scaleX(0) !important;
}

.k-scale-x-0\.25 {
  transform: scaleX(0.25);
}

.\!k-scale-x-0\.25 {
  transform: scaleX(0.25) !important;
}

.k-scale-x-0\.5 {
  transform: scaleX(0.5);
}

.\!k-scale-x-0\.5 {
  transform: scaleX(0.5) !important;
}

.k-scale-x-0\.75 {
  transform: scaleX(0.75);
}

.\!k-scale-x-0\.75 {
  transform: scaleX(0.75) !important;
}

.k-scale-x-1 {
  transform: scaleX(1);
}

.\!k-scale-x-1 {
  transform: scaleX(1) !important;
}

.k-scale-x-1\.25 {
  transform: scaleX(1.25);
}

.\!k-scale-x-1\.25 {
  transform: scaleX(1.25) !important;
}

.k-scale-x-1\.5 {
  transform: scaleX(1.5);
}

.\!k-scale-x-1\.5 {
  transform: scaleX(1.5) !important;
}

.k-scale-x-2 {
  transform: scaleX(2);
}

.\!k-scale-x-2 {
  transform: scaleX(2) !important;
}

.k-scale-y-0 {
  transform: scaleY(0);
}

.\!k-scale-y-0 {
  transform: scaleY(0) !important;
}

.k-scale-y-0\.25 {
  transform: scaleY(0.25);
}

.\!k-scale-y-0\.25 {
  transform: scaleY(0.25) !important;
}

.k-scale-y-0\.5 {
  transform: scaleY(0.5);
}

.\!k-scale-y-0\.5 {
  transform: scaleY(0.5) !important;
}

.k-scale-y-0\.75 {
  transform: scaleY(0.75);
}

.\!k-scale-y-0\.75 {
  transform: scaleY(0.75) !important;
}

.k-scale-y-1 {
  transform: scaleY(1);
}

.\!k-scale-y-1 {
  transform: scaleY(1) !important;
}

.k-scale-y-1\.25 {
  transform: scaleY(1.25);
}

.\!k-scale-y-1\.25 {
  transform: scaleY(1.25) !important;
}

.k-scale-y-1\.5 {
  transform: scaleY(1.5);
}

.\!k-scale-y-1\.5 {
  transform: scaleY(1.5) !important;
}

.k-scale-y-2 {
  transform: scaleY(2);
}

.\!k-scale-y-2 {
  transform: scaleY(2) !important;
}

.k-skew-x-0 {
  transform: skewX(0deg);
}

.\!k-skew-x-0 {
  transform: skewX(0deg) !important;
}

.k-skew-x-1 {
  transform: skewX(1deg);
}

.\!k-skew-x-1 {
  transform: skewX(1deg) !important;
}

.k-skew-x-2 {
  transform: skewX(2deg);
}

.\!k-skew-x-2 {
  transform: skewX(2deg) !important;
}

.k-skew-x-3 {
  transform: skewX(3deg);
}

.\!k-skew-x-3 {
  transform: skewX(3deg) !important;
}

.k-skew-x-4 {
  transform: skewX(4deg);
}

.\!k-skew-x-4 {
  transform: skewX(4deg) !important;
}

.k-skew-x-5 {
  transform: skewX(5deg);
}

.\!k-skew-x-5 {
  transform: skewX(5deg) !important;
}

.k-skew-x-6 {
  transform: skewX(6deg);
}

.\!k-skew-x-6 {
  transform: skewX(6deg) !important;
}

.k-skew-x-7 {
  transform: skewX(7deg);
}

.\!k-skew-x-7 {
  transform: skewX(7deg) !important;
}

.k-skew-x-8 {
  transform: skewX(8deg);
}

.\!k-skew-x-8 {
  transform: skewX(8deg) !important;
}

.k-skew-x-9 {
  transform: skewX(9deg);
}

.\!k-skew-x-9 {
  transform: skewX(9deg) !important;
}

.k-skew-x-10 {
  transform: skewX(10deg);
}

.\!k-skew-x-10 {
  transform: skewX(10deg) !important;
}

.k-skew-x-11 {
  transform: skewX(11deg);
}

.\!k-skew-x-11 {
  transform: skewX(11deg) !important;
}

.k-skew-x-12 {
  transform: skewX(12deg);
}

.\!k-skew-x-12 {
  transform: skewX(12deg) !important;
}

.k-skew-y-0 {
  transform: skewY(0deg);
}

.\!k-skew-y-0 {
  transform: skewY(0deg) !important;
}

.k-skew-y-1 {
  transform: skewY(1deg);
}

.\!k-skew-y-1 {
  transform: skewY(1deg) !important;
}

.k-skew-y-2 {
  transform: skewY(2deg);
}

.\!k-skew-y-2 {
  transform: skewY(2deg) !important;
}

.k-skew-y-3 {
  transform: skewY(3deg);
}

.\!k-skew-y-3 {
  transform: skewY(3deg) !important;
}

.k-skew-y-4 {
  transform: skewY(4deg);
}

.\!k-skew-y-4 {
  transform: skewY(4deg) !important;
}

.k-skew-y-5 {
  transform: skewY(5deg);
}

.\!k-skew-y-5 {
  transform: skewY(5deg) !important;
}

.k-skew-y-6 {
  transform: skewY(6deg);
}

.\!k-skew-y-6 {
  transform: skewY(6deg) !important;
}

.k-skew-y-7 {
  transform: skewY(7deg);
}

.\!k-skew-y-7 {
  transform: skewY(7deg) !important;
}

.k-skew-y-8 {
  transform: skewY(8deg);
}

.\!k-skew-y-8 {
  transform: skewY(8deg) !important;
}

.k-skew-y-9 {
  transform: skewY(9deg);
}

.\!k-skew-y-9 {
  transform: skewY(9deg) !important;
}

.k-skew-y-10 {
  transform: skewY(10deg);
}

.\!k-skew-y-10 {
  transform: skewY(10deg) !important;
}

.k-skew-y-11 {
  transform: skewY(11deg);
}

.\!k-skew-y-11 {
  transform: skewY(11deg) !important;
}

.k-skew-y-12 {
  transform: skewY(12deg);
}

.\!k-skew-y-12 {
  transform: skewY(12deg) !important;
}

.k-translate-0 {
  transform: translate(0, 0);
}

.\!k-translate-0 {
  transform: translate(0, 0) !important;
}

.k-translate-0-50 {
  transform: translate(0, 50%);
}

.\!k-translate-0-50 {
  transform: translate(0, 50%) !important;
}

.k-translate-0-100 {
  transform: translate(0, 100%);
}

.\!k-translate-0-100 {
  transform: translate(0, 100%) !important;
}

.k-translate-50-0 {
  transform: translate(50%, 0);
}

.\!k-translate-50-0 {
  transform: translate(50%, 0) !important;
}

.k-translate-50-50 {
  transform: translate(50%, 50%);
}

.\!k-translate-50-50 {
  transform: translate(50%, 50%) !important;
}

.k-translate-50-100 {
  transform: translate(50%, 100%);
}

.\!k-translate-50-100 {
  transform: translate(50%, 100%) !important;
}

.k-translate-100-0 {
  transform: translate(100%, 0);
}

.\!k-translate-100-0 {
  transform: translate(100%, 0) !important;
}

.k-translate-100-50 {
  transform: translate(100%, 50%);
}

.\!k-translate-100-50 {
  transform: translate(100%, 50%) !important;
}

.k-translate-100-100 {
  transform: translate(100%, 100%);
}

.\!k-translate-100-100 {
  transform: translate(100%, 100%) !important;
}

.k-translate-x-0 {
  transform: translateX(0);
}

.\!k-translate-x-0 {
  transform: translateX(0) !important;
}

.k-translate-x-1px {
  transform: translateX(1px);
}

.\!k-translate-x-1px {
  transform: translateX(1px) !important;
}

.k-translate-x-0\.5 {
  transform: translateX(2px);
}

.\!k-translate-x-0\.5 {
  transform: translateX(2px) !important;
}

.k-translate-x-1 {
  transform: translateX(4px);
}

.\!k-translate-x-1 {
  transform: translateX(4px) !important;
}

.k-translate-x-1\.5 {
  transform: translateX(6px);
}

.\!k-translate-x-1\.5 {
  transform: translateX(6px) !important;
}

.k-translate-x-2 {
  transform: translateX(8px);
}

.\!k-translate-x-2 {
  transform: translateX(8px) !important;
}

.k-translate-x-2\.5 {
  transform: translateX(10px);
}

.\!k-translate-x-2\.5 {
  transform: translateX(10px) !important;
}

.k-translate-x-3 {
  transform: translateX(12px);
}

.\!k-translate-x-3 {
  transform: translateX(12px) !important;
}

.k-translate-x-3\.5 {
  transform: translateX(14px);
}

.\!k-translate-x-3\.5 {
  transform: translateX(14px) !important;
}

.k-translate-x-4 {
  transform: translateX(16px);
}

.\!k-translate-x-4 {
  transform: translateX(16px) !important;
}

.k-translate-x-4\.5 {
  transform: translateX(18px);
}

.\!k-translate-x-4\.5 {
  transform: translateX(18px) !important;
}

.k-translate-x-5 {
  transform: translateX(20px);
}

.\!k-translate-x-5 {
  transform: translateX(20px) !important;
}

.k-translate-x-5\.5 {
  transform: translateX(22px);
}

.\!k-translate-x-5\.5 {
  transform: translateX(22px) !important;
}

.k-translate-x-6 {
  transform: translateX(24px);
}

.\!k-translate-x-6 {
  transform: translateX(24px) !important;
}

.k-translate-x-6\.5 {
  transform: translateX(26px);
}

.\!k-translate-x-6\.5 {
  transform: translateX(26px) !important;
}

.k-translate-x-7 {
  transform: translateX(28px);
}

.\!k-translate-x-7 {
  transform: translateX(28px) !important;
}

.k-translate-x-7\.5 {
  transform: translateX(30px);
}

.\!k-translate-x-7\.5 {
  transform: translateX(30px) !important;
}

.k-translate-x-8 {
  transform: translateX(32px);
}

.\!k-translate-x-8 {
  transform: translateX(32px) !important;
}

.k-translate-x-9 {
  transform: translateX(36px);
}

.\!k-translate-x-9 {
  transform: translateX(36px) !important;
}

.k-translate-x-10 {
  transform: translateX(40px);
}

.\!k-translate-x-10 {
  transform: translateX(40px) !important;
}

.k-translate-x-11 {
  transform: translateX(44px);
}

.\!k-translate-x-11 {
  transform: translateX(44px) !important;
}

.k-translate-x-12 {
  transform: translateX(48px);
}

.\!k-translate-x-12 {
  transform: translateX(48px) !important;
}

.k-translate-x-13 {
  transform: translateX(52px);
}

.\!k-translate-x-13 {
  transform: translateX(52px) !important;
}

.k-translate-x-14 {
  transform: translateX(56px);
}

.\!k-translate-x-14 {
  transform: translateX(56px) !important;
}

.k-translate-x-15 {
  transform: translateX(60px);
}

.\!k-translate-x-15 {
  transform: translateX(60px) !important;
}

.k-translate-x-16 {
  transform: translateX(64px);
}

.\!k-translate-x-16 {
  transform: translateX(64px) !important;
}

.k-translate-x-17 {
  transform: translateX(68px);
}

.\!k-translate-x-17 {
  transform: translateX(68px) !important;
}

.k-translate-x-18 {
  transform: translateX(72px);
}

.\!k-translate-x-18 {
  transform: translateX(72px) !important;
}

.k-translate-x-19 {
  transform: translateX(76px);
}

.\!k-translate-x-19 {
  transform: translateX(76px) !important;
}

.k-translate-x-20 {
  transform: translateX(80px);
}

.\!k-translate-x-20 {
  transform: translateX(80px) !important;
}

.k-translate-x-21 {
  transform: translateX(84px);
}

.\!k-translate-x-21 {
  transform: translateX(84px) !important;
}

.k-translate-x-22 {
  transform: translateX(88px);
}

.\!k-translate-x-22 {
  transform: translateX(88px) !important;
}

.k-translate-x-23 {
  transform: translateX(92px);
}

.\!k-translate-x-23 {
  transform: translateX(92px) !important;
}

.k-translate-x-24 {
  transform: translateX(96px);
}

.\!k-translate-x-24 {
  transform: translateX(96px) !important;
}

.k-translate-x-1\/2 {
  transform: translateX(50%);
}

.\!k-translate-x-1\/2 {
  transform: translateX(50%) !important;
}

.k-translate-x-1\/3 {
  transform: translateX(33.333333%);
}

.\!k-translate-x-1\/3 {
  transform: translateX(33.333333%) !important;
}

.k-translate-x-2\/3 {
  transform: translateX(66.666667%);
}

.\!k-translate-x-2\/3 {
  transform: translateX(66.666667%) !important;
}

.k-translate-x-1\/4 {
  transform: translateX(25%);
}

.\!k-translate-x-1\/4 {
  transform: translateX(25%) !important;
}

.k-translate-x-2\/4 {
  transform: translateX(50%);
}

.\!k-translate-x-2\/4 {
  transform: translateX(50%) !important;
}

.k-translate-x-3\/4 {
  transform: translateX(75%);
}

.\!k-translate-x-3\/4 {
  transform: translateX(75%) !important;
}

.k-translate-x-1\/5 {
  transform: translateX(20%);
}

.\!k-translate-x-1\/5 {
  transform: translateX(20%) !important;
}

.k-translate-x-2\/5 {
  transform: translateX(40%);
}

.\!k-translate-x-2\/5 {
  transform: translateX(40%) !important;
}

.k-translate-x-3\/5 {
  transform: translateX(60%);
}

.\!k-translate-x-3\/5 {
  transform: translateX(60%) !important;
}

.k-translate-x-4\/5 {
  transform: translateX(80%);
}

.\!k-translate-x-4\/5 {
  transform: translateX(80%) !important;
}

.k-translate-x-1\/6 {
  transform: translateX(16.666667%);
}

.\!k-translate-x-1\/6 {
  transform: translateX(16.666667%) !important;
}

.k-translate-x-2\/6 {
  transform: translateX(33.333333%);
}

.\!k-translate-x-2\/6 {
  transform: translateX(33.333333%) !important;
}

.k-translate-x-3\/6 {
  transform: translateX(50%);
}

.\!k-translate-x-3\/6 {
  transform: translateX(50%) !important;
}

.k-translate-x-4\/6 {
  transform: translateX(66.666667%);
}

.\!k-translate-x-4\/6 {
  transform: translateX(66.666667%) !important;
}

.k-translate-x-5\/6 {
  transform: translateX(83.333333%);
}

.\!k-translate-x-5\/6 {
  transform: translateX(83.333333%) !important;
}

.k-translate-x-1\/12 {
  transform: translateX(8.333333%);
}

.\!k-translate-x-1\/12 {
  transform: translateX(8.333333%) !important;
}

.k-translate-x-2\/12 {
  transform: translateX(16.666667%);
}

.\!k-translate-x-2\/12 {
  transform: translateX(16.666667%) !important;
}

.k-translate-x-3\/12 {
  transform: translateX(25%);
}

.\!k-translate-x-3\/12 {
  transform: translateX(25%) !important;
}

.k-translate-x-4\/12 {
  transform: translateX(33.333333%);
}

.\!k-translate-x-4\/12 {
  transform: translateX(33.333333%) !important;
}

.k-translate-x-5\/12 {
  transform: translateX(41.666667%);
}

.\!k-translate-x-5\/12 {
  transform: translateX(41.666667%) !important;
}

.k-translate-x-6\/12 {
  transform: translateX(50%);
}

.\!k-translate-x-6\/12 {
  transform: translateX(50%) !important;
}

.k-translate-x-7\/12 {
  transform: translateX(58.333333%);
}

.\!k-translate-x-7\/12 {
  transform: translateX(58.333333%) !important;
}

.k-translate-x-8\/12 {
  transform: translateX(66.666667%);
}

.\!k-translate-x-8\/12 {
  transform: translateX(66.666667%) !important;
}

.k-translate-x-9\/12 {
  transform: translateX(75%);
}

.\!k-translate-x-9\/12 {
  transform: translateX(75%) !important;
}

.k-translate-x-10\/12 {
  transform: translateX(83.333333%);
}

.\!k-translate-x-10\/12 {
  transform: translateX(83.333333%) !important;
}

.k-translate-x-11\/12 {
  transform: translateX(91.666667%);
}

.\!k-translate-x-11\/12 {
  transform: translateX(91.666667%) !important;
}

.k-translate-x-full {
  transform: translateX(100%);
}

.\!k-translate-x-full {
  transform: translateX(100%) !important;
}

.k-translate-y-0 {
  transform: translateY(0);
}

.\!k-translate-y-0 {
  transform: translateY(0) !important;
}

.k-translate-y-1px {
  transform: translateY(1px);
}

.\!k-translate-y-1px {
  transform: translateY(1px) !important;
}

.k-translate-y-0\.5 {
  transform: translateY(2px);
}

.\!k-translate-y-0\.5 {
  transform: translateY(2px) !important;
}

.k-translate-y-1 {
  transform: translateY(4px);
}

.\!k-translate-y-1 {
  transform: translateY(4px) !important;
}

.k-translate-y-1\.5 {
  transform: translateY(6px);
}

.\!k-translate-y-1\.5 {
  transform: translateY(6px) !important;
}

.k-translate-y-2 {
  transform: translateY(8px);
}

.\!k-translate-y-2 {
  transform: translateY(8px) !important;
}

.k-translate-y-2\.5 {
  transform: translateY(10px);
}

.\!k-translate-y-2\.5 {
  transform: translateY(10px) !important;
}

.k-translate-y-3 {
  transform: translateY(12px);
}

.\!k-translate-y-3 {
  transform: translateY(12px) !important;
}

.k-translate-y-3\.5 {
  transform: translateY(14px);
}

.\!k-translate-y-3\.5 {
  transform: translateY(14px) !important;
}

.k-translate-y-4 {
  transform: translateY(16px);
}

.\!k-translate-y-4 {
  transform: translateY(16px) !important;
}

.k-translate-y-4\.5 {
  transform: translateY(18px);
}

.\!k-translate-y-4\.5 {
  transform: translateY(18px) !important;
}

.k-translate-y-5 {
  transform: translateY(20px);
}

.\!k-translate-y-5 {
  transform: translateY(20px) !important;
}

.k-translate-y-5\.5 {
  transform: translateY(22px);
}

.\!k-translate-y-5\.5 {
  transform: translateY(22px) !important;
}

.k-translate-y-6 {
  transform: translateY(24px);
}

.\!k-translate-y-6 {
  transform: translateY(24px) !important;
}

.k-translate-y-6\.5 {
  transform: translateY(26px);
}

.\!k-translate-y-6\.5 {
  transform: translateY(26px) !important;
}

.k-translate-y-7 {
  transform: translateY(28px);
}

.\!k-translate-y-7 {
  transform: translateY(28px) !important;
}

.k-translate-y-7\.5 {
  transform: translateY(30px);
}

.\!k-translate-y-7\.5 {
  transform: translateY(30px) !important;
}

.k-translate-y-8 {
  transform: translateY(32px);
}

.\!k-translate-y-8 {
  transform: translateY(32px) !important;
}

.k-translate-y-9 {
  transform: translateY(36px);
}

.\!k-translate-y-9 {
  transform: translateY(36px) !important;
}

.k-translate-y-10 {
  transform: translateY(40px);
}

.\!k-translate-y-10 {
  transform: translateY(40px) !important;
}

.k-translate-y-11 {
  transform: translateY(44px);
}

.\!k-translate-y-11 {
  transform: translateY(44px) !important;
}

.k-translate-y-12 {
  transform: translateY(48px);
}

.\!k-translate-y-12 {
  transform: translateY(48px) !important;
}

.k-translate-y-13 {
  transform: translateY(52px);
}

.\!k-translate-y-13 {
  transform: translateY(52px) !important;
}

.k-translate-y-14 {
  transform: translateY(56px);
}

.\!k-translate-y-14 {
  transform: translateY(56px) !important;
}

.k-translate-y-15 {
  transform: translateY(60px);
}

.\!k-translate-y-15 {
  transform: translateY(60px) !important;
}

.k-translate-y-16 {
  transform: translateY(64px);
}

.\!k-translate-y-16 {
  transform: translateY(64px) !important;
}

.k-translate-y-17 {
  transform: translateY(68px);
}

.\!k-translate-y-17 {
  transform: translateY(68px) !important;
}

.k-translate-y-18 {
  transform: translateY(72px);
}

.\!k-translate-y-18 {
  transform: translateY(72px) !important;
}

.k-translate-y-19 {
  transform: translateY(76px);
}

.\!k-translate-y-19 {
  transform: translateY(76px) !important;
}

.k-translate-y-20 {
  transform: translateY(80px);
}

.\!k-translate-y-20 {
  transform: translateY(80px) !important;
}

.k-translate-y-21 {
  transform: translateY(84px);
}

.\!k-translate-y-21 {
  transform: translateY(84px) !important;
}

.k-translate-y-22 {
  transform: translateY(88px);
}

.\!k-translate-y-22 {
  transform: translateY(88px) !important;
}

.k-translate-y-23 {
  transform: translateY(92px);
}

.\!k-translate-y-23 {
  transform: translateY(92px) !important;
}

.k-translate-y-24 {
  transform: translateY(96px);
}

.\!k-translate-y-24 {
  transform: translateY(96px) !important;
}

.k-translate-y-1\/2 {
  transform: translateY(50%);
}

.\!k-translate-y-1\/2 {
  transform: translateY(50%) !important;
}

.k-translate-y-1\/3 {
  transform: translateY(33.333333%);
}

.\!k-translate-y-1\/3 {
  transform: translateY(33.333333%) !important;
}

.k-translate-y-2\/3 {
  transform: translateY(66.666667%);
}

.\!k-translate-y-2\/3 {
  transform: translateY(66.666667%) !important;
}

.k-translate-y-1\/4 {
  transform: translateY(25%);
}

.\!k-translate-y-1\/4 {
  transform: translateY(25%) !important;
}

.k-translate-y-2\/4 {
  transform: translateY(50%);
}

.\!k-translate-y-2\/4 {
  transform: translateY(50%) !important;
}

.k-translate-y-3\/4 {
  transform: translateY(75%);
}

.\!k-translate-y-3\/4 {
  transform: translateY(75%) !important;
}

.k-translate-y-1\/5 {
  transform: translateY(20%);
}

.\!k-translate-y-1\/5 {
  transform: translateY(20%) !important;
}

.k-translate-y-2\/5 {
  transform: translateY(40%);
}

.\!k-translate-y-2\/5 {
  transform: translateY(40%) !important;
}

.k-translate-y-3\/5 {
  transform: translateY(60%);
}

.\!k-translate-y-3\/5 {
  transform: translateY(60%) !important;
}

.k-translate-y-4\/5 {
  transform: translateY(80%);
}

.\!k-translate-y-4\/5 {
  transform: translateY(80%) !important;
}

.k-translate-y-1\/6 {
  transform: translateY(16.666667%);
}

.\!k-translate-y-1\/6 {
  transform: translateY(16.666667%) !important;
}

.k-translate-y-2\/6 {
  transform: translateY(33.333333%);
}

.\!k-translate-y-2\/6 {
  transform: translateY(33.333333%) !important;
}

.k-translate-y-3\/6 {
  transform: translateY(50%);
}

.\!k-translate-y-3\/6 {
  transform: translateY(50%) !important;
}

.k-translate-y-4\/6 {
  transform: translateY(66.666667%);
}

.\!k-translate-y-4\/6 {
  transform: translateY(66.666667%) !important;
}

.k-translate-y-5\/6 {
  transform: translateY(83.333333%);
}

.\!k-translate-y-5\/6 {
  transform: translateY(83.333333%) !important;
}

.k-translate-y-1\/12 {
  transform: translateY(8.333333%);
}

.\!k-translate-y-1\/12 {
  transform: translateY(8.333333%) !important;
}

.k-translate-y-2\/12 {
  transform: translateY(16.666667%);
}

.\!k-translate-y-2\/12 {
  transform: translateY(16.666667%) !important;
}

.k-translate-y-3\/12 {
  transform: translateY(25%);
}

.\!k-translate-y-3\/12 {
  transform: translateY(25%) !important;
}

.k-translate-y-4\/12 {
  transform: translateY(33.333333%);
}

.\!k-translate-y-4\/12 {
  transform: translateY(33.333333%) !important;
}

.k-translate-y-5\/12 {
  transform: translateY(41.666667%);
}

.\!k-translate-y-5\/12 {
  transform: translateY(41.666667%) !important;
}

.k-translate-y-6\/12 {
  transform: translateY(50%);
}

.\!k-translate-y-6\/12 {
  transform: translateY(50%) !important;
}

.k-translate-y-7\/12 {
  transform: translateY(58.333333%);
}

.\!k-translate-y-7\/12 {
  transform: translateY(58.333333%) !important;
}

.k-translate-y-8\/12 {
  transform: translateY(66.666667%);
}

.\!k-translate-y-8\/12 {
  transform: translateY(66.666667%) !important;
}

.k-translate-y-9\/12 {
  transform: translateY(75%);
}

.\!k-translate-y-9\/12 {
  transform: translateY(75%) !important;
}

.k-translate-y-10\/12 {
  transform: translateY(83.333333%);
}

.\!k-translate-y-10\/12 {
  transform: translateY(83.333333%) !important;
}

.k-translate-y-11\/12 {
  transform: translateY(91.666667%);
}

.\!k-translate-y-11\/12 {
  transform: translateY(91.666667%) !important;
}

.k-translate-y-full {
  transform: translateY(100%);
}

.\!k-translate-y-full {
  transform: translateY(100%) !important;
}

.k-appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.\!k-appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.k-appearance-auto {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.\!k-appearance-auto {
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
}

.k-cursor-none {
  cursor: none;
}

.\!k-cursor-none {
  cursor: none !important;
}

.k-cursor-auto {
  cursor: auto;
}

.\!k-cursor-auto {
  cursor: auto !important;
}

.k-cursor-default {
  cursor: default;
}

.\!k-cursor-default {
  cursor: default !important;
}

.k-cursor-context-menu {
  cursor: context-menu;
}

.\!k-cursor-context-menu {
  cursor: context-menu !important;
}

.k-cursor-help {
  cursor: help;
}

.\!k-cursor-help {
  cursor: help !important;
}

.k-cursor-pointer {
  cursor: pointer;
}

.\!k-cursor-pointer {
  cursor: pointer !important;
}

.k-cursor-progress {
  cursor: progress;
}

.\!k-cursor-progress {
  cursor: progress !important;
}

.k-cursor-wait {
  cursor: wait;
}

.\!k-cursor-wait {
  cursor: wait !important;
}

.k-cursor-cell {
  cursor: cell;
}

.\!k-cursor-cell {
  cursor: cell !important;
}

.k-cursor-crosshair {
  cursor: crosshair;
}

.\!k-cursor-crosshair {
  cursor: crosshair !important;
}

.k-cursor-text {
  cursor: text;
}

.\!k-cursor-text {
  cursor: text !important;
}

.k-cursor-vertical-text {
  cursor: vertical-text;
}

.\!k-cursor-vertical-text {
  cursor: vertical-text !important;
}

.k-cursor-alias {
  cursor: alias;
}

.\!k-cursor-alias {
  cursor: alias !important;
}

.k-cursor-copy {
  cursor: copy;
}

.\!k-cursor-copy {
  cursor: copy !important;
}

.k-cursor-move {
  cursor: move;
}

.\!k-cursor-move {
  cursor: move !important;
}

.k-cursor-no-drop {
  cursor: no-drop;
}

.\!k-cursor-no-drop {
  cursor: no-drop !important;
}

.k-cursor-not-allowed {
  cursor: not-allowed;
}

.\!k-cursor-not-allowed {
  cursor: not-allowed !important;
}

.k-cursor-e-resize {
  cursor: e-resize;
}

.\!k-cursor-e-resize {
  cursor: e-resize !important;
}

.k-cursor-n-resize {
  cursor: n-resize;
}

.\!k-cursor-n-resize {
  cursor: n-resize !important;
}

.k-cursor-ne-resize {
  cursor: ne-resize;
}

.\!k-cursor-ne-resize {
  cursor: ne-resize !important;
}

.k-cursor-nw-resize {
  cursor: nw-resize;
}

.\!k-cursor-nw-resize {
  cursor: nw-resize !important;
}

.k-cursor-s-resize {
  cursor: s-resize;
}

.\!k-cursor-s-resize {
  cursor: s-resize !important;
}

.k-cursor-se-resize {
  cursor: se-resize;
}

.\!k-cursor-se-resize {
  cursor: se-resize !important;
}

.k-cursor-sw-resize {
  cursor: sw-resize;
}

.\!k-cursor-sw-resize {
  cursor: sw-resize !important;
}

.k-cursor-w-resize {
  cursor: w-resize;
}

.\!k-cursor-w-resize {
  cursor: w-resize !important;
}

.k-cursor-ew-resize {
  cursor: ew-resize;
}

.\!k-cursor-ew-resize {
  cursor: ew-resize !important;
}

.k-cursor-ns-resize {
  cursor: ns-resize;
}

.\!k-cursor-ns-resize {
  cursor: ns-resize !important;
}

.k-cursor-nesw-resize {
  cursor: nesw-resize;
}

.\!k-cursor-nesw-resize {
  cursor: nesw-resize !important;
}

.k-cursor-nwse-resize {
  cursor: nwse-resize;
}

.\!k-cursor-nwse-resize {
  cursor: nwse-resize !important;
}

.k-cursor-col-resize {
  cursor: col-resize;
}

.\!k-cursor-col-resize {
  cursor: col-resize !important;
}

.k-cursor-row-resize {
  cursor: row-resize;
}

.\!k-cursor-row-resize {
  cursor: row-resize !important;
}

.k-cursor-all-scroll {
  cursor: all-scroll;
}

.\!k-cursor-all-scroll {
  cursor: all-scroll !important;
}

.k-cursor-zoom-in {
  cursor: zoom-in;
}

.\!k-cursor-zoom-in {
  cursor: zoom-in !important;
}

.k-cursor-zoom-out {
  cursor: zoom-out;
}

.\!k-cursor-zoom-out {
  cursor: zoom-out !important;
}

.k-cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.\!k-cursor-grab {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.k-cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.\!k-cursor-grabbing {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

.k-pointer-events-none {
  pointer-events: none;
}

.\!k-pointer-events-none {
  pointer-events: none !important;
}

.k-pointer-events-auto {
  pointer-events: auto;
}

.\!k-pointer-events-auto {
  pointer-events: auto !important;
}

.k-resize {
  resize: both;
}

.\!k-resize {
  resize: both !important;
}

.k-resize-none {
  resize: none;
}

.\!k-resize-none {
  resize: none !important;
}

.k-resize-x {
  resize: horizontal;
}

.\!k-resize-x {
  resize: horizontal !important;
}

.k-resize-y {
  resize: vertical;
}

.\!k-resize-y {
  resize: vertical !important;
}

.k-scroll-auto {
  scroll-behavior: auto;
}

.\!k-scroll-auto {
  scroll-behavior: auto !important;
}

.k-scroll-smooth {
  scroll-behavior: smooth;
}

.\!k-scroll-smooth {
  scroll-behavior: smooth !important;
}

.k-scroll-snap-none {
  scroll-snap-type: none;
}

.\!k-scroll-snap-none {
  scroll-snap-type: none !important;
}

.k-scroll-snap-snap-x {
  scroll-snap-type: x var(--k-scroll-snap-strictness);
}

.\!k-scroll-snap-snap-x {
  scroll-snap-type: x var(--k-scroll-snap-strictness) !important;
}

.k-scroll-snap-snap-y {
  scroll-snap-type: y var(--k-scroll-snap-strictness);
}

.\!k-scroll-snap-snap-y {
  scroll-snap-type: y var(--k-scroll-snap-strictness) !important;
}

.k-scroll-snap-snap-both {
  scroll-snap-type: both var(--k-scroll-snap-strictness);
}

.\!k-scroll-snap-snap-both {
  scroll-snap-type: both var(--k-scroll-snap-strictness) !important;
}

.k-scroll-snap-mandatory {
  --k-scroll-snap-strictness: mandatory;
}

.k-scroll-snap-proximity {
  --k-scroll-snap-strictness: proximity;
}

.k-scroll-snap-stop-normal {
  scroll-snap-stop: normal;
}

.\!k-scroll-snap-stop-normal {
  scroll-snap-stop: normal !important;
}

.k-scroll-snap-stop-always {
  scroll-snap-stop: always;
}

.\!k-scroll-snap-stop-always {
  scroll-snap-stop: always !important;
}

.k-scroll-snap-align-start {
  scroll-snap-align: start;
}

.\!k-scroll-snap-align-start {
  scroll-snap-align: start !important;
}

.k-scroll-snap-align-end {
  scroll-snap-align: end;
}

.\!k-scroll-snap-align-end {
  scroll-snap-align: end !important;
}

.k-scroll-snap-align-center {
  scroll-snap-align: center;
}

.\!k-scroll-snap-align-center {
  scroll-snap-align: center !important;
}

.k-scroll-snap-align-none {
  scroll-snap-align: none;
}

.\!k-scroll-snap-align-none {
  scroll-snap-align: none !important;
}

.k-scroll-m-0 {
  scroll-margin: 0;
}

.\!k-scroll-m-0 {
  scroll-margin: 0 !important;
}

.k-scroll-m-1px {
  scroll-margin: 1px;
}

.\!k-scroll-m-1px {
  scroll-margin: 1px !important;
}

.k-scroll-m-0\.5 {
  scroll-margin: 2px;
}

.\!k-scroll-m-0\.5 {
  scroll-margin: 2px !important;
}

.k-scroll-m-1 {
  scroll-margin: 4px;
}

.\!k-scroll-m-1 {
  scroll-margin: 4px !important;
}

.k-scroll-m-1\.5 {
  scroll-margin: 6px;
}

.\!k-scroll-m-1\.5 {
  scroll-margin: 6px !important;
}

.k-scroll-m-2 {
  scroll-margin: 8px;
}

.\!k-scroll-m-2 {
  scroll-margin: 8px !important;
}

.k-scroll-m-2\.5 {
  scroll-margin: 10px;
}

.\!k-scroll-m-2\.5 {
  scroll-margin: 10px !important;
}

.k-scroll-m-3 {
  scroll-margin: 12px;
}

.\!k-scroll-m-3 {
  scroll-margin: 12px !important;
}

.k-scroll-m-3\.5 {
  scroll-margin: 14px;
}

.\!k-scroll-m-3\.5 {
  scroll-margin: 14px !important;
}

.k-scroll-m-4 {
  scroll-margin: 16px;
}

.\!k-scroll-m-4 {
  scroll-margin: 16px !important;
}

.k-scroll-m-4\.5 {
  scroll-margin: 18px;
}

.\!k-scroll-m-4\.5 {
  scroll-margin: 18px !important;
}

.k-scroll-m-5 {
  scroll-margin: 20px;
}

.\!k-scroll-m-5 {
  scroll-margin: 20px !important;
}

.k-scroll-m-5\.5 {
  scroll-margin: 22px;
}

.\!k-scroll-m-5\.5 {
  scroll-margin: 22px !important;
}

.k-scroll-m-6 {
  scroll-margin: 24px;
}

.\!k-scroll-m-6 {
  scroll-margin: 24px !important;
}

.k-scroll-m-6\.5 {
  scroll-margin: 26px;
}

.\!k-scroll-m-6\.5 {
  scroll-margin: 26px !important;
}

.k-scroll-m-7 {
  scroll-margin: 28px;
}

.\!k-scroll-m-7 {
  scroll-margin: 28px !important;
}

.k-scroll-m-7\.5 {
  scroll-margin: 30px;
}

.\!k-scroll-m-7\.5 {
  scroll-margin: 30px !important;
}

.k-scroll-m-8 {
  scroll-margin: 32px;
}

.\!k-scroll-m-8 {
  scroll-margin: 32px !important;
}

.k-scroll-m-9 {
  scroll-margin: 36px;
}

.\!k-scroll-m-9 {
  scroll-margin: 36px !important;
}

.k-scroll-m-10 {
  scroll-margin: 40px;
}

.\!k-scroll-m-10 {
  scroll-margin: 40px !important;
}

.k-scroll-m-11 {
  scroll-margin: 44px;
}

.\!k-scroll-m-11 {
  scroll-margin: 44px !important;
}

.k-scroll-m-12 {
  scroll-margin: 48px;
}

.\!k-scroll-m-12 {
  scroll-margin: 48px !important;
}

.k-scroll-m-13 {
  scroll-margin: 52px;
}

.\!k-scroll-m-13 {
  scroll-margin: 52px !important;
}

.k-scroll-m-14 {
  scroll-margin: 56px;
}

.\!k-scroll-m-14 {
  scroll-margin: 56px !important;
}

.k-scroll-m-15 {
  scroll-margin: 60px;
}

.\!k-scroll-m-15 {
  scroll-margin: 60px !important;
}

.k-scroll-m-16 {
  scroll-margin: 64px;
}

.\!k-scroll-m-16 {
  scroll-margin: 64px !important;
}

.k-scroll-m-17 {
  scroll-margin: 68px;
}

.\!k-scroll-m-17 {
  scroll-margin: 68px !important;
}

.k-scroll-m-18 {
  scroll-margin: 72px;
}

.\!k-scroll-m-18 {
  scroll-margin: 72px !important;
}

.k-scroll-m-19 {
  scroll-margin: 76px;
}

.\!k-scroll-m-19 {
  scroll-margin: 76px !important;
}

.k-scroll-m-20 {
  scroll-margin: 80px;
}

.\!k-scroll-m-20 {
  scroll-margin: 80px !important;
}

.k-scroll-m-21 {
  scroll-margin: 84px;
}

.\!k-scroll-m-21 {
  scroll-margin: 84px !important;
}

.k-scroll-m-22 {
  scroll-margin: 88px;
}

.\!k-scroll-m-22 {
  scroll-margin: 88px !important;
}

.k-scroll-m-23 {
  scroll-margin: 92px;
}

.\!k-scroll-m-23 {
  scroll-margin: 92px !important;
}

.k-scroll-m-24 {
  scroll-margin: 96px;
}

.\!k-scroll-m-24 {
  scroll-margin: 96px !important;
}

.k-scroll-mt-0 {
  scroll-margin-top: 0;
}

.\!k-scroll-mt-0 {
  scroll-margin-top: 0 !important;
}

.k-scroll-mt-1px {
  scroll-margin-top: 1px;
}

.\!k-scroll-mt-1px {
  scroll-margin-top: 1px !important;
}

.k-scroll-mt-0\.5 {
  scroll-margin-top: 2px;
}

.\!k-scroll-mt-0\.5 {
  scroll-margin-top: 2px !important;
}

.k-scroll-mt-1 {
  scroll-margin-top: 4px;
}

.\!k-scroll-mt-1 {
  scroll-margin-top: 4px !important;
}

.k-scroll-mt-1\.5 {
  scroll-margin-top: 6px;
}

.\!k-scroll-mt-1\.5 {
  scroll-margin-top: 6px !important;
}

.k-scroll-mt-2 {
  scroll-margin-top: 8px;
}

.\!k-scroll-mt-2 {
  scroll-margin-top: 8px !important;
}

.k-scroll-mt-2\.5 {
  scroll-margin-top: 10px;
}

.\!k-scroll-mt-2\.5 {
  scroll-margin-top: 10px !important;
}

.k-scroll-mt-3 {
  scroll-margin-top: 12px;
}

.\!k-scroll-mt-3 {
  scroll-margin-top: 12px !important;
}

.k-scroll-mt-3\.5 {
  scroll-margin-top: 14px;
}

.\!k-scroll-mt-3\.5 {
  scroll-margin-top: 14px !important;
}

.k-scroll-mt-4 {
  scroll-margin-top: 16px;
}

.\!k-scroll-mt-4 {
  scroll-margin-top: 16px !important;
}

.k-scroll-mt-4\.5 {
  scroll-margin-top: 18px;
}

.\!k-scroll-mt-4\.5 {
  scroll-margin-top: 18px !important;
}

.k-scroll-mt-5 {
  scroll-margin-top: 20px;
}

.\!k-scroll-mt-5 {
  scroll-margin-top: 20px !important;
}

.k-scroll-mt-5\.5 {
  scroll-margin-top: 22px;
}

.\!k-scroll-mt-5\.5 {
  scroll-margin-top: 22px !important;
}

.k-scroll-mt-6 {
  scroll-margin-top: 24px;
}

.\!k-scroll-mt-6 {
  scroll-margin-top: 24px !important;
}

.k-scroll-mt-6\.5 {
  scroll-margin-top: 26px;
}

.\!k-scroll-mt-6\.5 {
  scroll-margin-top: 26px !important;
}

.k-scroll-mt-7 {
  scroll-margin-top: 28px;
}

.\!k-scroll-mt-7 {
  scroll-margin-top: 28px !important;
}

.k-scroll-mt-7\.5 {
  scroll-margin-top: 30px;
}

.\!k-scroll-mt-7\.5 {
  scroll-margin-top: 30px !important;
}

.k-scroll-mt-8 {
  scroll-margin-top: 32px;
}

.\!k-scroll-mt-8 {
  scroll-margin-top: 32px !important;
}

.k-scroll-mt-9 {
  scroll-margin-top: 36px;
}

.\!k-scroll-mt-9 {
  scroll-margin-top: 36px !important;
}

.k-scroll-mt-10 {
  scroll-margin-top: 40px;
}

.\!k-scroll-mt-10 {
  scroll-margin-top: 40px !important;
}

.k-scroll-mt-11 {
  scroll-margin-top: 44px;
}

.\!k-scroll-mt-11 {
  scroll-margin-top: 44px !important;
}

.k-scroll-mt-12 {
  scroll-margin-top: 48px;
}

.\!k-scroll-mt-12 {
  scroll-margin-top: 48px !important;
}

.k-scroll-mt-13 {
  scroll-margin-top: 52px;
}

.\!k-scroll-mt-13 {
  scroll-margin-top: 52px !important;
}

.k-scroll-mt-14 {
  scroll-margin-top: 56px;
}

.\!k-scroll-mt-14 {
  scroll-margin-top: 56px !important;
}

.k-scroll-mt-15 {
  scroll-margin-top: 60px;
}

.\!k-scroll-mt-15 {
  scroll-margin-top: 60px !important;
}

.k-scroll-mt-16 {
  scroll-margin-top: 64px;
}

.\!k-scroll-mt-16 {
  scroll-margin-top: 64px !important;
}

.k-scroll-mt-17 {
  scroll-margin-top: 68px;
}

.\!k-scroll-mt-17 {
  scroll-margin-top: 68px !important;
}

.k-scroll-mt-18 {
  scroll-margin-top: 72px;
}

.\!k-scroll-mt-18 {
  scroll-margin-top: 72px !important;
}

.k-scroll-mt-19 {
  scroll-margin-top: 76px;
}

.\!k-scroll-mt-19 {
  scroll-margin-top: 76px !important;
}

.k-scroll-mt-20 {
  scroll-margin-top: 80px;
}

.\!k-scroll-mt-20 {
  scroll-margin-top: 80px !important;
}

.k-scroll-mt-21 {
  scroll-margin-top: 84px;
}

.\!k-scroll-mt-21 {
  scroll-margin-top: 84px !important;
}

.k-scroll-mt-22 {
  scroll-margin-top: 88px;
}

.\!k-scroll-mt-22 {
  scroll-margin-top: 88px !important;
}

.k-scroll-mt-23 {
  scroll-margin-top: 92px;
}

.\!k-scroll-mt-23 {
  scroll-margin-top: 92px !important;
}

.k-scroll-mt-24 {
  scroll-margin-top: 96px;
}

.\!k-scroll-mt-24 {
  scroll-margin-top: 96px !important;
}

.k-scroll-mr-0 {
  scroll-margin-right: 0;
}

.\!k-scroll-mr-0 {
  scroll-margin-right: 0 !important;
}

.k-scroll-mr-1px {
  scroll-margin-right: 1px;
}

.\!k-scroll-mr-1px {
  scroll-margin-right: 1px !important;
}

.k-scroll-mr-0\.5 {
  scroll-margin-right: 2px;
}

.\!k-scroll-mr-0\.5 {
  scroll-margin-right: 2px !important;
}

.k-scroll-mr-1 {
  scroll-margin-right: 4px;
}

.\!k-scroll-mr-1 {
  scroll-margin-right: 4px !important;
}

.k-scroll-mr-1\.5 {
  scroll-margin-right: 6px;
}

.\!k-scroll-mr-1\.5 {
  scroll-margin-right: 6px !important;
}

.k-scroll-mr-2 {
  scroll-margin-right: 8px;
}

.\!k-scroll-mr-2 {
  scroll-margin-right: 8px !important;
}

.k-scroll-mr-2\.5 {
  scroll-margin-right: 10px;
}

.\!k-scroll-mr-2\.5 {
  scroll-margin-right: 10px !important;
}

.k-scroll-mr-3 {
  scroll-margin-right: 12px;
}

.\!k-scroll-mr-3 {
  scroll-margin-right: 12px !important;
}

.k-scroll-mr-3\.5 {
  scroll-margin-right: 14px;
}

.\!k-scroll-mr-3\.5 {
  scroll-margin-right: 14px !important;
}

.k-scroll-mr-4 {
  scroll-margin-right: 16px;
}

.\!k-scroll-mr-4 {
  scroll-margin-right: 16px !important;
}

.k-scroll-mr-4\.5 {
  scroll-margin-right: 18px;
}

.\!k-scroll-mr-4\.5 {
  scroll-margin-right: 18px !important;
}

.k-scroll-mr-5 {
  scroll-margin-right: 20px;
}

.\!k-scroll-mr-5 {
  scroll-margin-right: 20px !important;
}

.k-scroll-mr-5\.5 {
  scroll-margin-right: 22px;
}

.\!k-scroll-mr-5\.5 {
  scroll-margin-right: 22px !important;
}

.k-scroll-mr-6 {
  scroll-margin-right: 24px;
}

.\!k-scroll-mr-6 {
  scroll-margin-right: 24px !important;
}

.k-scroll-mr-6\.5 {
  scroll-margin-right: 26px;
}

.\!k-scroll-mr-6\.5 {
  scroll-margin-right: 26px !important;
}

.k-scroll-mr-7 {
  scroll-margin-right: 28px;
}

.\!k-scroll-mr-7 {
  scroll-margin-right: 28px !important;
}

.k-scroll-mr-7\.5 {
  scroll-margin-right: 30px;
}

.\!k-scroll-mr-7\.5 {
  scroll-margin-right: 30px !important;
}

.k-scroll-mr-8 {
  scroll-margin-right: 32px;
}

.\!k-scroll-mr-8 {
  scroll-margin-right: 32px !important;
}

.k-scroll-mr-9 {
  scroll-margin-right: 36px;
}

.\!k-scroll-mr-9 {
  scroll-margin-right: 36px !important;
}

.k-scroll-mr-10 {
  scroll-margin-right: 40px;
}

.\!k-scroll-mr-10 {
  scroll-margin-right: 40px !important;
}

.k-scroll-mr-11 {
  scroll-margin-right: 44px;
}

.\!k-scroll-mr-11 {
  scroll-margin-right: 44px !important;
}

.k-scroll-mr-12 {
  scroll-margin-right: 48px;
}

.\!k-scroll-mr-12 {
  scroll-margin-right: 48px !important;
}

.k-scroll-mr-13 {
  scroll-margin-right: 52px;
}

.\!k-scroll-mr-13 {
  scroll-margin-right: 52px !important;
}

.k-scroll-mr-14 {
  scroll-margin-right: 56px;
}

.\!k-scroll-mr-14 {
  scroll-margin-right: 56px !important;
}

.k-scroll-mr-15 {
  scroll-margin-right: 60px;
}

.\!k-scroll-mr-15 {
  scroll-margin-right: 60px !important;
}

.k-scroll-mr-16 {
  scroll-margin-right: 64px;
}

.\!k-scroll-mr-16 {
  scroll-margin-right: 64px !important;
}

.k-scroll-mr-17 {
  scroll-margin-right: 68px;
}

.\!k-scroll-mr-17 {
  scroll-margin-right: 68px !important;
}

.k-scroll-mr-18 {
  scroll-margin-right: 72px;
}

.\!k-scroll-mr-18 {
  scroll-margin-right: 72px !important;
}

.k-scroll-mr-19 {
  scroll-margin-right: 76px;
}

.\!k-scroll-mr-19 {
  scroll-margin-right: 76px !important;
}

.k-scroll-mr-20 {
  scroll-margin-right: 80px;
}

.\!k-scroll-mr-20 {
  scroll-margin-right: 80px !important;
}

.k-scroll-mr-21 {
  scroll-margin-right: 84px;
}

.\!k-scroll-mr-21 {
  scroll-margin-right: 84px !important;
}

.k-scroll-mr-22 {
  scroll-margin-right: 88px;
}

.\!k-scroll-mr-22 {
  scroll-margin-right: 88px !important;
}

.k-scroll-mr-23 {
  scroll-margin-right: 92px;
}

.\!k-scroll-mr-23 {
  scroll-margin-right: 92px !important;
}

.k-scroll-mr-24 {
  scroll-margin-right: 96px;
}

.\!k-scroll-mr-24 {
  scroll-margin-right: 96px !important;
}

.k-scroll-mb-0 {
  scroll-margin-bottom: 0;
}

.\!k-scroll-mb-0 {
  scroll-margin-bottom: 0 !important;
}

.k-scroll-mb-1px {
  scroll-margin-bottom: 1px;
}

.\!k-scroll-mb-1px {
  scroll-margin-bottom: 1px !important;
}

.k-scroll-mb-0\.5 {
  scroll-margin-bottom: 2px;
}

.\!k-scroll-mb-0\.5 {
  scroll-margin-bottom: 2px !important;
}

.k-scroll-mb-1 {
  scroll-margin-bottom: 4px;
}

.\!k-scroll-mb-1 {
  scroll-margin-bottom: 4px !important;
}

.k-scroll-mb-1\.5 {
  scroll-margin-bottom: 6px;
}

.\!k-scroll-mb-1\.5 {
  scroll-margin-bottom: 6px !important;
}

.k-scroll-mb-2 {
  scroll-margin-bottom: 8px;
}

.\!k-scroll-mb-2 {
  scroll-margin-bottom: 8px !important;
}

.k-scroll-mb-2\.5 {
  scroll-margin-bottom: 10px;
}

.\!k-scroll-mb-2\.5 {
  scroll-margin-bottom: 10px !important;
}

.k-scroll-mb-3 {
  scroll-margin-bottom: 12px;
}

.\!k-scroll-mb-3 {
  scroll-margin-bottom: 12px !important;
}

.k-scroll-mb-3\.5 {
  scroll-margin-bottom: 14px;
}

.\!k-scroll-mb-3\.5 {
  scroll-margin-bottom: 14px !important;
}

.k-scroll-mb-4 {
  scroll-margin-bottom: 16px;
}

.\!k-scroll-mb-4 {
  scroll-margin-bottom: 16px !important;
}

.k-scroll-mb-4\.5 {
  scroll-margin-bottom: 18px;
}

.\!k-scroll-mb-4\.5 {
  scroll-margin-bottom: 18px !important;
}

.k-scroll-mb-5 {
  scroll-margin-bottom: 20px;
}

.\!k-scroll-mb-5 {
  scroll-margin-bottom: 20px !important;
}

.k-scroll-mb-5\.5 {
  scroll-margin-bottom: 22px;
}

.\!k-scroll-mb-5\.5 {
  scroll-margin-bottom: 22px !important;
}

.k-scroll-mb-6 {
  scroll-margin-bottom: 24px;
}

.\!k-scroll-mb-6 {
  scroll-margin-bottom: 24px !important;
}

.k-scroll-mb-6\.5 {
  scroll-margin-bottom: 26px;
}

.\!k-scroll-mb-6\.5 {
  scroll-margin-bottom: 26px !important;
}

.k-scroll-mb-7 {
  scroll-margin-bottom: 28px;
}

.\!k-scroll-mb-7 {
  scroll-margin-bottom: 28px !important;
}

.k-scroll-mb-7\.5 {
  scroll-margin-bottom: 30px;
}

.\!k-scroll-mb-7\.5 {
  scroll-margin-bottom: 30px !important;
}

.k-scroll-mb-8 {
  scroll-margin-bottom: 32px;
}

.\!k-scroll-mb-8 {
  scroll-margin-bottom: 32px !important;
}

.k-scroll-mb-9 {
  scroll-margin-bottom: 36px;
}

.\!k-scroll-mb-9 {
  scroll-margin-bottom: 36px !important;
}

.k-scroll-mb-10 {
  scroll-margin-bottom: 40px;
}

.\!k-scroll-mb-10 {
  scroll-margin-bottom: 40px !important;
}

.k-scroll-mb-11 {
  scroll-margin-bottom: 44px;
}

.\!k-scroll-mb-11 {
  scroll-margin-bottom: 44px !important;
}

.k-scroll-mb-12 {
  scroll-margin-bottom: 48px;
}

.\!k-scroll-mb-12 {
  scroll-margin-bottom: 48px !important;
}

.k-scroll-mb-13 {
  scroll-margin-bottom: 52px;
}

.\!k-scroll-mb-13 {
  scroll-margin-bottom: 52px !important;
}

.k-scroll-mb-14 {
  scroll-margin-bottom: 56px;
}

.\!k-scroll-mb-14 {
  scroll-margin-bottom: 56px !important;
}

.k-scroll-mb-15 {
  scroll-margin-bottom: 60px;
}

.\!k-scroll-mb-15 {
  scroll-margin-bottom: 60px !important;
}

.k-scroll-mb-16 {
  scroll-margin-bottom: 64px;
}

.\!k-scroll-mb-16 {
  scroll-margin-bottom: 64px !important;
}

.k-scroll-mb-17 {
  scroll-margin-bottom: 68px;
}

.\!k-scroll-mb-17 {
  scroll-margin-bottom: 68px !important;
}

.k-scroll-mb-18 {
  scroll-margin-bottom: 72px;
}

.\!k-scroll-mb-18 {
  scroll-margin-bottom: 72px !important;
}

.k-scroll-mb-19 {
  scroll-margin-bottom: 76px;
}

.\!k-scroll-mb-19 {
  scroll-margin-bottom: 76px !important;
}

.k-scroll-mb-20 {
  scroll-margin-bottom: 80px;
}

.\!k-scroll-mb-20 {
  scroll-margin-bottom: 80px !important;
}

.k-scroll-mb-21 {
  scroll-margin-bottom: 84px;
}

.\!k-scroll-mb-21 {
  scroll-margin-bottom: 84px !important;
}

.k-scroll-mb-22 {
  scroll-margin-bottom: 88px;
}

.\!k-scroll-mb-22 {
  scroll-margin-bottom: 88px !important;
}

.k-scroll-mb-23 {
  scroll-margin-bottom: 92px;
}

.\!k-scroll-mb-23 {
  scroll-margin-bottom: 92px !important;
}

.k-scroll-mb-24 {
  scroll-margin-bottom: 96px;
}

.\!k-scroll-mb-24 {
  scroll-margin-bottom: 96px !important;
}

.k-scroll-ml-0 {
  scroll-margin-left: 0;
}

.\!k-scroll-ml-0 {
  scroll-margin-left: 0 !important;
}

.k-scroll-ml-1px {
  scroll-margin-left: 1px;
}

.\!k-scroll-ml-1px {
  scroll-margin-left: 1px !important;
}

.k-scroll-ml-0\.5 {
  scroll-margin-left: 2px;
}

.\!k-scroll-ml-0\.5 {
  scroll-margin-left: 2px !important;
}

.k-scroll-ml-1 {
  scroll-margin-left: 4px;
}

.\!k-scroll-ml-1 {
  scroll-margin-left: 4px !important;
}

.k-scroll-ml-1\.5 {
  scroll-margin-left: 6px;
}

.\!k-scroll-ml-1\.5 {
  scroll-margin-left: 6px !important;
}

.k-scroll-ml-2 {
  scroll-margin-left: 8px;
}

.\!k-scroll-ml-2 {
  scroll-margin-left: 8px !important;
}

.k-scroll-ml-2\.5 {
  scroll-margin-left: 10px;
}

.\!k-scroll-ml-2\.5 {
  scroll-margin-left: 10px !important;
}

.k-scroll-ml-3 {
  scroll-margin-left: 12px;
}

.\!k-scroll-ml-3 {
  scroll-margin-left: 12px !important;
}

.k-scroll-ml-3\.5 {
  scroll-margin-left: 14px;
}

.\!k-scroll-ml-3\.5 {
  scroll-margin-left: 14px !important;
}

.k-scroll-ml-4 {
  scroll-margin-left: 16px;
}

.\!k-scroll-ml-4 {
  scroll-margin-left: 16px !important;
}

.k-scroll-ml-4\.5 {
  scroll-margin-left: 18px;
}

.\!k-scroll-ml-4\.5 {
  scroll-margin-left: 18px !important;
}

.k-scroll-ml-5 {
  scroll-margin-left: 20px;
}

.\!k-scroll-ml-5 {
  scroll-margin-left: 20px !important;
}

.k-scroll-ml-5\.5 {
  scroll-margin-left: 22px;
}

.\!k-scroll-ml-5\.5 {
  scroll-margin-left: 22px !important;
}

.k-scroll-ml-6 {
  scroll-margin-left: 24px;
}

.\!k-scroll-ml-6 {
  scroll-margin-left: 24px !important;
}

.k-scroll-ml-6\.5 {
  scroll-margin-left: 26px;
}

.\!k-scroll-ml-6\.5 {
  scroll-margin-left: 26px !important;
}

.k-scroll-ml-7 {
  scroll-margin-left: 28px;
}

.\!k-scroll-ml-7 {
  scroll-margin-left: 28px !important;
}

.k-scroll-ml-7\.5 {
  scroll-margin-left: 30px;
}

.\!k-scroll-ml-7\.5 {
  scroll-margin-left: 30px !important;
}

.k-scroll-ml-8 {
  scroll-margin-left: 32px;
}

.\!k-scroll-ml-8 {
  scroll-margin-left: 32px !important;
}

.k-scroll-ml-9 {
  scroll-margin-left: 36px;
}

.\!k-scroll-ml-9 {
  scroll-margin-left: 36px !important;
}

.k-scroll-ml-10 {
  scroll-margin-left: 40px;
}

.\!k-scroll-ml-10 {
  scroll-margin-left: 40px !important;
}

.k-scroll-ml-11 {
  scroll-margin-left: 44px;
}

.\!k-scroll-ml-11 {
  scroll-margin-left: 44px !important;
}

.k-scroll-ml-12 {
  scroll-margin-left: 48px;
}

.\!k-scroll-ml-12 {
  scroll-margin-left: 48px !important;
}

.k-scroll-ml-13 {
  scroll-margin-left: 52px;
}

.\!k-scroll-ml-13 {
  scroll-margin-left: 52px !important;
}

.k-scroll-ml-14 {
  scroll-margin-left: 56px;
}

.\!k-scroll-ml-14 {
  scroll-margin-left: 56px !important;
}

.k-scroll-ml-15 {
  scroll-margin-left: 60px;
}

.\!k-scroll-ml-15 {
  scroll-margin-left: 60px !important;
}

.k-scroll-ml-16 {
  scroll-margin-left: 64px;
}

.\!k-scroll-ml-16 {
  scroll-margin-left: 64px !important;
}

.k-scroll-ml-17 {
  scroll-margin-left: 68px;
}

.\!k-scroll-ml-17 {
  scroll-margin-left: 68px !important;
}

.k-scroll-ml-18 {
  scroll-margin-left: 72px;
}

.\!k-scroll-ml-18 {
  scroll-margin-left: 72px !important;
}

.k-scroll-ml-19 {
  scroll-margin-left: 76px;
}

.\!k-scroll-ml-19 {
  scroll-margin-left: 76px !important;
}

.k-scroll-ml-20 {
  scroll-margin-left: 80px;
}

.\!k-scroll-ml-20 {
  scroll-margin-left: 80px !important;
}

.k-scroll-ml-21 {
  scroll-margin-left: 84px;
}

.\!k-scroll-ml-21 {
  scroll-margin-left: 84px !important;
}

.k-scroll-ml-22 {
  scroll-margin-left: 88px;
}

.\!k-scroll-ml-22 {
  scroll-margin-left: 88px !important;
}

.k-scroll-ml-23 {
  scroll-margin-left: 92px;
}

.\!k-scroll-ml-23 {
  scroll-margin-left: 92px !important;
}

.k-scroll-ml-24 {
  scroll-margin-left: 96px;
}

.\!k-scroll-ml-24 {
  scroll-margin-left: 96px !important;
}

.k-scroll-mx-0 {
  scroll-margin-inline: 0;
}

.\!k-scroll-mx-0 {
  scroll-margin-inline: 0 !important;
}

.k-scroll-mx-1px {
  scroll-margin-inline: 1px;
}

.\!k-scroll-mx-1px {
  scroll-margin-inline: 1px !important;
}

.k-scroll-mx-0\.5 {
  scroll-margin-inline: 2px;
}

.\!k-scroll-mx-0\.5 {
  scroll-margin-inline: 2px !important;
}

.k-scroll-mx-1 {
  scroll-margin-inline: 4px;
}

.\!k-scroll-mx-1 {
  scroll-margin-inline: 4px !important;
}

.k-scroll-mx-1\.5 {
  scroll-margin-inline: 6px;
}

.\!k-scroll-mx-1\.5 {
  scroll-margin-inline: 6px !important;
}

.k-scroll-mx-2 {
  scroll-margin-inline: 8px;
}

.\!k-scroll-mx-2 {
  scroll-margin-inline: 8px !important;
}

.k-scroll-mx-2\.5 {
  scroll-margin-inline: 10px;
}

.\!k-scroll-mx-2\.5 {
  scroll-margin-inline: 10px !important;
}

.k-scroll-mx-3 {
  scroll-margin-inline: 12px;
}

.\!k-scroll-mx-3 {
  scroll-margin-inline: 12px !important;
}

.k-scroll-mx-3\.5 {
  scroll-margin-inline: 14px;
}

.\!k-scroll-mx-3\.5 {
  scroll-margin-inline: 14px !important;
}

.k-scroll-mx-4 {
  scroll-margin-inline: 16px;
}

.\!k-scroll-mx-4 {
  scroll-margin-inline: 16px !important;
}

.k-scroll-mx-4\.5 {
  scroll-margin-inline: 18px;
}

.\!k-scroll-mx-4\.5 {
  scroll-margin-inline: 18px !important;
}

.k-scroll-mx-5 {
  scroll-margin-inline: 20px;
}

.\!k-scroll-mx-5 {
  scroll-margin-inline: 20px !important;
}

.k-scroll-mx-5\.5 {
  scroll-margin-inline: 22px;
}

.\!k-scroll-mx-5\.5 {
  scroll-margin-inline: 22px !important;
}

.k-scroll-mx-6 {
  scroll-margin-inline: 24px;
}

.\!k-scroll-mx-6 {
  scroll-margin-inline: 24px !important;
}

.k-scroll-mx-6\.5 {
  scroll-margin-inline: 26px;
}

.\!k-scroll-mx-6\.5 {
  scroll-margin-inline: 26px !important;
}

.k-scroll-mx-7 {
  scroll-margin-inline: 28px;
}

.\!k-scroll-mx-7 {
  scroll-margin-inline: 28px !important;
}

.k-scroll-mx-7\.5 {
  scroll-margin-inline: 30px;
}

.\!k-scroll-mx-7\.5 {
  scroll-margin-inline: 30px !important;
}

.k-scroll-mx-8 {
  scroll-margin-inline: 32px;
}

.\!k-scroll-mx-8 {
  scroll-margin-inline: 32px !important;
}

.k-scroll-mx-9 {
  scroll-margin-inline: 36px;
}

.\!k-scroll-mx-9 {
  scroll-margin-inline: 36px !important;
}

.k-scroll-mx-10 {
  scroll-margin-inline: 40px;
}

.\!k-scroll-mx-10 {
  scroll-margin-inline: 40px !important;
}

.k-scroll-mx-11 {
  scroll-margin-inline: 44px;
}

.\!k-scroll-mx-11 {
  scroll-margin-inline: 44px !important;
}

.k-scroll-mx-12 {
  scroll-margin-inline: 48px;
}

.\!k-scroll-mx-12 {
  scroll-margin-inline: 48px !important;
}

.k-scroll-mx-13 {
  scroll-margin-inline: 52px;
}

.\!k-scroll-mx-13 {
  scroll-margin-inline: 52px !important;
}

.k-scroll-mx-14 {
  scroll-margin-inline: 56px;
}

.\!k-scroll-mx-14 {
  scroll-margin-inline: 56px !important;
}

.k-scroll-mx-15 {
  scroll-margin-inline: 60px;
}

.\!k-scroll-mx-15 {
  scroll-margin-inline: 60px !important;
}

.k-scroll-mx-16 {
  scroll-margin-inline: 64px;
}

.\!k-scroll-mx-16 {
  scroll-margin-inline: 64px !important;
}

.k-scroll-mx-17 {
  scroll-margin-inline: 68px;
}

.\!k-scroll-mx-17 {
  scroll-margin-inline: 68px !important;
}

.k-scroll-mx-18 {
  scroll-margin-inline: 72px;
}

.\!k-scroll-mx-18 {
  scroll-margin-inline: 72px !important;
}

.k-scroll-mx-19 {
  scroll-margin-inline: 76px;
}

.\!k-scroll-mx-19 {
  scroll-margin-inline: 76px !important;
}

.k-scroll-mx-20 {
  scroll-margin-inline: 80px;
}

.\!k-scroll-mx-20 {
  scroll-margin-inline: 80px !important;
}

.k-scroll-mx-21 {
  scroll-margin-inline: 84px;
}

.\!k-scroll-mx-21 {
  scroll-margin-inline: 84px !important;
}

.k-scroll-mx-22 {
  scroll-margin-inline: 88px;
}

.\!k-scroll-mx-22 {
  scroll-margin-inline: 88px !important;
}

.k-scroll-mx-23 {
  scroll-margin-inline: 92px;
}

.\!k-scroll-mx-23 {
  scroll-margin-inline: 92px !important;
}

.k-scroll-mx-24 {
  scroll-margin-inline: 96px;
}

.\!k-scroll-mx-24 {
  scroll-margin-inline: 96px !important;
}

.k-scroll-my-0 {
  scroll-margin-block: 0;
}

.\!k-scroll-my-0 {
  scroll-margin-block: 0 !important;
}

.k-scroll-my-1px {
  scroll-margin-block: 1px;
}

.\!k-scroll-my-1px {
  scroll-margin-block: 1px !important;
}

.k-scroll-my-0\.5 {
  scroll-margin-block: 2px;
}

.\!k-scroll-my-0\.5 {
  scroll-margin-block: 2px !important;
}

.k-scroll-my-1 {
  scroll-margin-block: 4px;
}

.\!k-scroll-my-1 {
  scroll-margin-block: 4px !important;
}

.k-scroll-my-1\.5 {
  scroll-margin-block: 6px;
}

.\!k-scroll-my-1\.5 {
  scroll-margin-block: 6px !important;
}

.k-scroll-my-2 {
  scroll-margin-block: 8px;
}

.\!k-scroll-my-2 {
  scroll-margin-block: 8px !important;
}

.k-scroll-my-2\.5 {
  scroll-margin-block: 10px;
}

.\!k-scroll-my-2\.5 {
  scroll-margin-block: 10px !important;
}

.k-scroll-my-3 {
  scroll-margin-block: 12px;
}

.\!k-scroll-my-3 {
  scroll-margin-block: 12px !important;
}

.k-scroll-my-3\.5 {
  scroll-margin-block: 14px;
}

.\!k-scroll-my-3\.5 {
  scroll-margin-block: 14px !important;
}

.k-scroll-my-4 {
  scroll-margin-block: 16px;
}

.\!k-scroll-my-4 {
  scroll-margin-block: 16px !important;
}

.k-scroll-my-4\.5 {
  scroll-margin-block: 18px;
}

.\!k-scroll-my-4\.5 {
  scroll-margin-block: 18px !important;
}

.k-scroll-my-5 {
  scroll-margin-block: 20px;
}

.\!k-scroll-my-5 {
  scroll-margin-block: 20px !important;
}

.k-scroll-my-5\.5 {
  scroll-margin-block: 22px;
}

.\!k-scroll-my-5\.5 {
  scroll-margin-block: 22px !important;
}

.k-scroll-my-6 {
  scroll-margin-block: 24px;
}

.\!k-scroll-my-6 {
  scroll-margin-block: 24px !important;
}

.k-scroll-my-6\.5 {
  scroll-margin-block: 26px;
}

.\!k-scroll-my-6\.5 {
  scroll-margin-block: 26px !important;
}

.k-scroll-my-7 {
  scroll-margin-block: 28px;
}

.\!k-scroll-my-7 {
  scroll-margin-block: 28px !important;
}

.k-scroll-my-7\.5 {
  scroll-margin-block: 30px;
}

.\!k-scroll-my-7\.5 {
  scroll-margin-block: 30px !important;
}

.k-scroll-my-8 {
  scroll-margin-block: 32px;
}

.\!k-scroll-my-8 {
  scroll-margin-block: 32px !important;
}

.k-scroll-my-9 {
  scroll-margin-block: 36px;
}

.\!k-scroll-my-9 {
  scroll-margin-block: 36px !important;
}

.k-scroll-my-10 {
  scroll-margin-block: 40px;
}

.\!k-scroll-my-10 {
  scroll-margin-block: 40px !important;
}

.k-scroll-my-11 {
  scroll-margin-block: 44px;
}

.\!k-scroll-my-11 {
  scroll-margin-block: 44px !important;
}

.k-scroll-my-12 {
  scroll-margin-block: 48px;
}

.\!k-scroll-my-12 {
  scroll-margin-block: 48px !important;
}

.k-scroll-my-13 {
  scroll-margin-block: 52px;
}

.\!k-scroll-my-13 {
  scroll-margin-block: 52px !important;
}

.k-scroll-my-14 {
  scroll-margin-block: 56px;
}

.\!k-scroll-my-14 {
  scroll-margin-block: 56px !important;
}

.k-scroll-my-15 {
  scroll-margin-block: 60px;
}

.\!k-scroll-my-15 {
  scroll-margin-block: 60px !important;
}

.k-scroll-my-16 {
  scroll-margin-block: 64px;
}

.\!k-scroll-my-16 {
  scroll-margin-block: 64px !important;
}

.k-scroll-my-17 {
  scroll-margin-block: 68px;
}

.\!k-scroll-my-17 {
  scroll-margin-block: 68px !important;
}

.k-scroll-my-18 {
  scroll-margin-block: 72px;
}

.\!k-scroll-my-18 {
  scroll-margin-block: 72px !important;
}

.k-scroll-my-19 {
  scroll-margin-block: 76px;
}

.\!k-scroll-my-19 {
  scroll-margin-block: 76px !important;
}

.k-scroll-my-20 {
  scroll-margin-block: 80px;
}

.\!k-scroll-my-20 {
  scroll-margin-block: 80px !important;
}

.k-scroll-my-21 {
  scroll-margin-block: 84px;
}

.\!k-scroll-my-21 {
  scroll-margin-block: 84px !important;
}

.k-scroll-my-22 {
  scroll-margin-block: 88px;
}

.\!k-scroll-my-22 {
  scroll-margin-block: 88px !important;
}

.k-scroll-my-23 {
  scroll-margin-block: 92px;
}

.\!k-scroll-my-23 {
  scroll-margin-block: 92px !important;
}

.k-scroll-my-24 {
  scroll-margin-block: 96px;
}

.\!k-scroll-my-24 {
  scroll-margin-block: 96px !important;
}

.k-scroll-p-0 {
  scroll-padding: 0;
}

.\!k-scroll-p-0 {
  scroll-padding: 0 !important;
}

.k-scroll-p-1px {
  scroll-padding: 1px;
}

.\!k-scroll-p-1px {
  scroll-padding: 1px !important;
}

.k-scroll-p-0\.5 {
  scroll-padding: 2px;
}

.\!k-scroll-p-0\.5 {
  scroll-padding: 2px !important;
}

.k-scroll-p-1 {
  scroll-padding: 4px;
}

.\!k-scroll-p-1 {
  scroll-padding: 4px !important;
}

.k-scroll-p-1\.5 {
  scroll-padding: 6px;
}

.\!k-scroll-p-1\.5 {
  scroll-padding: 6px !important;
}

.k-scroll-p-2 {
  scroll-padding: 8px;
}

.\!k-scroll-p-2 {
  scroll-padding: 8px !important;
}

.k-scroll-p-2\.5 {
  scroll-padding: 10px;
}

.\!k-scroll-p-2\.5 {
  scroll-padding: 10px !important;
}

.k-scroll-p-3 {
  scroll-padding: 12px;
}

.\!k-scroll-p-3 {
  scroll-padding: 12px !important;
}

.k-scroll-p-3\.5 {
  scroll-padding: 14px;
}

.\!k-scroll-p-3\.5 {
  scroll-padding: 14px !important;
}

.k-scroll-p-4 {
  scroll-padding: 16px;
}

.\!k-scroll-p-4 {
  scroll-padding: 16px !important;
}

.k-scroll-p-4\.5 {
  scroll-padding: 18px;
}

.\!k-scroll-p-4\.5 {
  scroll-padding: 18px !important;
}

.k-scroll-p-5 {
  scroll-padding: 20px;
}

.\!k-scroll-p-5 {
  scroll-padding: 20px !important;
}

.k-scroll-p-5\.5 {
  scroll-padding: 22px;
}

.\!k-scroll-p-5\.5 {
  scroll-padding: 22px !important;
}

.k-scroll-p-6 {
  scroll-padding: 24px;
}

.\!k-scroll-p-6 {
  scroll-padding: 24px !important;
}

.k-scroll-p-6\.5 {
  scroll-padding: 26px;
}

.\!k-scroll-p-6\.5 {
  scroll-padding: 26px !important;
}

.k-scroll-p-7 {
  scroll-padding: 28px;
}

.\!k-scroll-p-7 {
  scroll-padding: 28px !important;
}

.k-scroll-p-7\.5 {
  scroll-padding: 30px;
}

.\!k-scroll-p-7\.5 {
  scroll-padding: 30px !important;
}

.k-scroll-p-8 {
  scroll-padding: 32px;
}

.\!k-scroll-p-8 {
  scroll-padding: 32px !important;
}

.k-scroll-p-9 {
  scroll-padding: 36px;
}

.\!k-scroll-p-9 {
  scroll-padding: 36px !important;
}

.k-scroll-p-10 {
  scroll-padding: 40px;
}

.\!k-scroll-p-10 {
  scroll-padding: 40px !important;
}

.k-scroll-p-11 {
  scroll-padding: 44px;
}

.\!k-scroll-p-11 {
  scroll-padding: 44px !important;
}

.k-scroll-p-12 {
  scroll-padding: 48px;
}

.\!k-scroll-p-12 {
  scroll-padding: 48px !important;
}

.k-scroll-p-13 {
  scroll-padding: 52px;
}

.\!k-scroll-p-13 {
  scroll-padding: 52px !important;
}

.k-scroll-p-14 {
  scroll-padding: 56px;
}

.\!k-scroll-p-14 {
  scroll-padding: 56px !important;
}

.k-scroll-p-15 {
  scroll-padding: 60px;
}

.\!k-scroll-p-15 {
  scroll-padding: 60px !important;
}

.k-scroll-p-16 {
  scroll-padding: 64px;
}

.\!k-scroll-p-16 {
  scroll-padding: 64px !important;
}

.k-scroll-p-17 {
  scroll-padding: 68px;
}

.\!k-scroll-p-17 {
  scroll-padding: 68px !important;
}

.k-scroll-p-18 {
  scroll-padding: 72px;
}

.\!k-scroll-p-18 {
  scroll-padding: 72px !important;
}

.k-scroll-p-19 {
  scroll-padding: 76px;
}

.\!k-scroll-p-19 {
  scroll-padding: 76px !important;
}

.k-scroll-p-20 {
  scroll-padding: 80px;
}

.\!k-scroll-p-20 {
  scroll-padding: 80px !important;
}

.k-scroll-p-21 {
  scroll-padding: 84px;
}

.\!k-scroll-p-21 {
  scroll-padding: 84px !important;
}

.k-scroll-p-22 {
  scroll-padding: 88px;
}

.\!k-scroll-p-22 {
  scroll-padding: 88px !important;
}

.k-scroll-p-23 {
  scroll-padding: 92px;
}

.\!k-scroll-p-23 {
  scroll-padding: 92px !important;
}

.k-scroll-p-24 {
  scroll-padding: 96px;
}

.\!k-scroll-p-24 {
  scroll-padding: 96px !important;
}

.k-scroll-pt-0 {
  scroll-padding-top: 0;
}

.\!k-scroll-pt-0 {
  scroll-padding-top: 0 !important;
}

.k-scroll-pt-1px {
  scroll-padding-top: 1px;
}

.\!k-scroll-pt-1px {
  scroll-padding-top: 1px !important;
}

.k-scroll-pt-0\.5 {
  scroll-padding-top: 2px;
}

.\!k-scroll-pt-0\.5 {
  scroll-padding-top: 2px !important;
}

.k-scroll-pt-1 {
  scroll-padding-top: 4px;
}

.\!k-scroll-pt-1 {
  scroll-padding-top: 4px !important;
}

.k-scroll-pt-1\.5 {
  scroll-padding-top: 6px;
}

.\!k-scroll-pt-1\.5 {
  scroll-padding-top: 6px !important;
}

.k-scroll-pt-2 {
  scroll-padding-top: 8px;
}

.\!k-scroll-pt-2 {
  scroll-padding-top: 8px !important;
}

.k-scroll-pt-2\.5 {
  scroll-padding-top: 10px;
}

.\!k-scroll-pt-2\.5 {
  scroll-padding-top: 10px !important;
}

.k-scroll-pt-3 {
  scroll-padding-top: 12px;
}

.\!k-scroll-pt-3 {
  scroll-padding-top: 12px !important;
}

.k-scroll-pt-3\.5 {
  scroll-padding-top: 14px;
}

.\!k-scroll-pt-3\.5 {
  scroll-padding-top: 14px !important;
}

.k-scroll-pt-4 {
  scroll-padding-top: 16px;
}

.\!k-scroll-pt-4 {
  scroll-padding-top: 16px !important;
}

.k-scroll-pt-4\.5 {
  scroll-padding-top: 18px;
}

.\!k-scroll-pt-4\.5 {
  scroll-padding-top: 18px !important;
}

.k-scroll-pt-5 {
  scroll-padding-top: 20px;
}

.\!k-scroll-pt-5 {
  scroll-padding-top: 20px !important;
}

.k-scroll-pt-5\.5 {
  scroll-padding-top: 22px;
}

.\!k-scroll-pt-5\.5 {
  scroll-padding-top: 22px !important;
}

.k-scroll-pt-6 {
  scroll-padding-top: 24px;
}

.\!k-scroll-pt-6 {
  scroll-padding-top: 24px !important;
}

.k-scroll-pt-6\.5 {
  scroll-padding-top: 26px;
}

.\!k-scroll-pt-6\.5 {
  scroll-padding-top: 26px !important;
}

.k-scroll-pt-7 {
  scroll-padding-top: 28px;
}

.\!k-scroll-pt-7 {
  scroll-padding-top: 28px !important;
}

.k-scroll-pt-7\.5 {
  scroll-padding-top: 30px;
}

.\!k-scroll-pt-7\.5 {
  scroll-padding-top: 30px !important;
}

.k-scroll-pt-8 {
  scroll-padding-top: 32px;
}

.\!k-scroll-pt-8 {
  scroll-padding-top: 32px !important;
}

.k-scroll-pt-9 {
  scroll-padding-top: 36px;
}

.\!k-scroll-pt-9 {
  scroll-padding-top: 36px !important;
}

.k-scroll-pt-10 {
  scroll-padding-top: 40px;
}

.\!k-scroll-pt-10 {
  scroll-padding-top: 40px !important;
}

.k-scroll-pt-11 {
  scroll-padding-top: 44px;
}

.\!k-scroll-pt-11 {
  scroll-padding-top: 44px !important;
}

.k-scroll-pt-12 {
  scroll-padding-top: 48px;
}

.\!k-scroll-pt-12 {
  scroll-padding-top: 48px !important;
}

.k-scroll-pt-13 {
  scroll-padding-top: 52px;
}

.\!k-scroll-pt-13 {
  scroll-padding-top: 52px !important;
}

.k-scroll-pt-14 {
  scroll-padding-top: 56px;
}

.\!k-scroll-pt-14 {
  scroll-padding-top: 56px !important;
}

.k-scroll-pt-15 {
  scroll-padding-top: 60px;
}

.\!k-scroll-pt-15 {
  scroll-padding-top: 60px !important;
}

.k-scroll-pt-16 {
  scroll-padding-top: 64px;
}

.\!k-scroll-pt-16 {
  scroll-padding-top: 64px !important;
}

.k-scroll-pt-17 {
  scroll-padding-top: 68px;
}

.\!k-scroll-pt-17 {
  scroll-padding-top: 68px !important;
}

.k-scroll-pt-18 {
  scroll-padding-top: 72px;
}

.\!k-scroll-pt-18 {
  scroll-padding-top: 72px !important;
}

.k-scroll-pt-19 {
  scroll-padding-top: 76px;
}

.\!k-scroll-pt-19 {
  scroll-padding-top: 76px !important;
}

.k-scroll-pt-20 {
  scroll-padding-top: 80px;
}

.\!k-scroll-pt-20 {
  scroll-padding-top: 80px !important;
}

.k-scroll-pt-21 {
  scroll-padding-top: 84px;
}

.\!k-scroll-pt-21 {
  scroll-padding-top: 84px !important;
}

.k-scroll-pt-22 {
  scroll-padding-top: 88px;
}

.\!k-scroll-pt-22 {
  scroll-padding-top: 88px !important;
}

.k-scroll-pt-23 {
  scroll-padding-top: 92px;
}

.\!k-scroll-pt-23 {
  scroll-padding-top: 92px !important;
}

.k-scroll-pt-24 {
  scroll-padding-top: 96px;
}

.\!k-scroll-pt-24 {
  scroll-padding-top: 96px !important;
}

.k-scroll-pr-0 {
  scroll-padding-right: 0;
}

.\!k-scroll-pr-0 {
  scroll-padding-right: 0 !important;
}

.k-scroll-pr-1px {
  scroll-padding-right: 1px;
}

.\!k-scroll-pr-1px {
  scroll-padding-right: 1px !important;
}

.k-scroll-pr-0\.5 {
  scroll-padding-right: 2px;
}

.\!k-scroll-pr-0\.5 {
  scroll-padding-right: 2px !important;
}

.k-scroll-pr-1 {
  scroll-padding-right: 4px;
}

.\!k-scroll-pr-1 {
  scroll-padding-right: 4px !important;
}

.k-scroll-pr-1\.5 {
  scroll-padding-right: 6px;
}

.\!k-scroll-pr-1\.5 {
  scroll-padding-right: 6px !important;
}

.k-scroll-pr-2 {
  scroll-padding-right: 8px;
}

.\!k-scroll-pr-2 {
  scroll-padding-right: 8px !important;
}

.k-scroll-pr-2\.5 {
  scroll-padding-right: 10px;
}

.\!k-scroll-pr-2\.5 {
  scroll-padding-right: 10px !important;
}

.k-scroll-pr-3 {
  scroll-padding-right: 12px;
}

.\!k-scroll-pr-3 {
  scroll-padding-right: 12px !important;
}

.k-scroll-pr-3\.5 {
  scroll-padding-right: 14px;
}

.\!k-scroll-pr-3\.5 {
  scroll-padding-right: 14px !important;
}

.k-scroll-pr-4 {
  scroll-padding-right: 16px;
}

.\!k-scroll-pr-4 {
  scroll-padding-right: 16px !important;
}

.k-scroll-pr-4\.5 {
  scroll-padding-right: 18px;
}

.\!k-scroll-pr-4\.5 {
  scroll-padding-right: 18px !important;
}

.k-scroll-pr-5 {
  scroll-padding-right: 20px;
}

.\!k-scroll-pr-5 {
  scroll-padding-right: 20px !important;
}

.k-scroll-pr-5\.5 {
  scroll-padding-right: 22px;
}

.\!k-scroll-pr-5\.5 {
  scroll-padding-right: 22px !important;
}

.k-scroll-pr-6 {
  scroll-padding-right: 24px;
}

.\!k-scroll-pr-6 {
  scroll-padding-right: 24px !important;
}

.k-scroll-pr-6\.5 {
  scroll-padding-right: 26px;
}

.\!k-scroll-pr-6\.5 {
  scroll-padding-right: 26px !important;
}

.k-scroll-pr-7 {
  scroll-padding-right: 28px;
}

.\!k-scroll-pr-7 {
  scroll-padding-right: 28px !important;
}

.k-scroll-pr-7\.5 {
  scroll-padding-right: 30px;
}

.\!k-scroll-pr-7\.5 {
  scroll-padding-right: 30px !important;
}

.k-scroll-pr-8 {
  scroll-padding-right: 32px;
}

.\!k-scroll-pr-8 {
  scroll-padding-right: 32px !important;
}

.k-scroll-pr-9 {
  scroll-padding-right: 36px;
}

.\!k-scroll-pr-9 {
  scroll-padding-right: 36px !important;
}

.k-scroll-pr-10 {
  scroll-padding-right: 40px;
}

.\!k-scroll-pr-10 {
  scroll-padding-right: 40px !important;
}

.k-scroll-pr-11 {
  scroll-padding-right: 44px;
}

.\!k-scroll-pr-11 {
  scroll-padding-right: 44px !important;
}

.k-scroll-pr-12 {
  scroll-padding-right: 48px;
}

.\!k-scroll-pr-12 {
  scroll-padding-right: 48px !important;
}

.k-scroll-pr-13 {
  scroll-padding-right: 52px;
}

.\!k-scroll-pr-13 {
  scroll-padding-right: 52px !important;
}

.k-scroll-pr-14 {
  scroll-padding-right: 56px;
}

.\!k-scroll-pr-14 {
  scroll-padding-right: 56px !important;
}

.k-scroll-pr-15 {
  scroll-padding-right: 60px;
}

.\!k-scroll-pr-15 {
  scroll-padding-right: 60px !important;
}

.k-scroll-pr-16 {
  scroll-padding-right: 64px;
}

.\!k-scroll-pr-16 {
  scroll-padding-right: 64px !important;
}

.k-scroll-pr-17 {
  scroll-padding-right: 68px;
}

.\!k-scroll-pr-17 {
  scroll-padding-right: 68px !important;
}

.k-scroll-pr-18 {
  scroll-padding-right: 72px;
}

.\!k-scroll-pr-18 {
  scroll-padding-right: 72px !important;
}

.k-scroll-pr-19 {
  scroll-padding-right: 76px;
}

.\!k-scroll-pr-19 {
  scroll-padding-right: 76px !important;
}

.k-scroll-pr-20 {
  scroll-padding-right: 80px;
}

.\!k-scroll-pr-20 {
  scroll-padding-right: 80px !important;
}

.k-scroll-pr-21 {
  scroll-padding-right: 84px;
}

.\!k-scroll-pr-21 {
  scroll-padding-right: 84px !important;
}

.k-scroll-pr-22 {
  scroll-padding-right: 88px;
}

.\!k-scroll-pr-22 {
  scroll-padding-right: 88px !important;
}

.k-scroll-pr-23 {
  scroll-padding-right: 92px;
}

.\!k-scroll-pr-23 {
  scroll-padding-right: 92px !important;
}

.k-scroll-pr-24 {
  scroll-padding-right: 96px;
}

.\!k-scroll-pr-24 {
  scroll-padding-right: 96px !important;
}

.k-scroll-pb-0 {
  scroll-padding-bottom: 0;
}

.\!k-scroll-pb-0 {
  scroll-padding-bottom: 0 !important;
}

.k-scroll-pb-1px {
  scroll-padding-bottom: 1px;
}

.\!k-scroll-pb-1px {
  scroll-padding-bottom: 1px !important;
}

.k-scroll-pb-0\.5 {
  scroll-padding-bottom: 2px;
}

.\!k-scroll-pb-0\.5 {
  scroll-padding-bottom: 2px !important;
}

.k-scroll-pb-1 {
  scroll-padding-bottom: 4px;
}

.\!k-scroll-pb-1 {
  scroll-padding-bottom: 4px !important;
}

.k-scroll-pb-1\.5 {
  scroll-padding-bottom: 6px;
}

.\!k-scroll-pb-1\.5 {
  scroll-padding-bottom: 6px !important;
}

.k-scroll-pb-2 {
  scroll-padding-bottom: 8px;
}

.\!k-scroll-pb-2 {
  scroll-padding-bottom: 8px !important;
}

.k-scroll-pb-2\.5 {
  scroll-padding-bottom: 10px;
}

.\!k-scroll-pb-2\.5 {
  scroll-padding-bottom: 10px !important;
}

.k-scroll-pb-3 {
  scroll-padding-bottom: 12px;
}

.\!k-scroll-pb-3 {
  scroll-padding-bottom: 12px !important;
}

.k-scroll-pb-3\.5 {
  scroll-padding-bottom: 14px;
}

.\!k-scroll-pb-3\.5 {
  scroll-padding-bottom: 14px !important;
}

.k-scroll-pb-4 {
  scroll-padding-bottom: 16px;
}

.\!k-scroll-pb-4 {
  scroll-padding-bottom: 16px !important;
}

.k-scroll-pb-4\.5 {
  scroll-padding-bottom: 18px;
}

.\!k-scroll-pb-4\.5 {
  scroll-padding-bottom: 18px !important;
}

.k-scroll-pb-5 {
  scroll-padding-bottom: 20px;
}

.\!k-scroll-pb-5 {
  scroll-padding-bottom: 20px !important;
}

.k-scroll-pb-5\.5 {
  scroll-padding-bottom: 22px;
}

.\!k-scroll-pb-5\.5 {
  scroll-padding-bottom: 22px !important;
}

.k-scroll-pb-6 {
  scroll-padding-bottom: 24px;
}

.\!k-scroll-pb-6 {
  scroll-padding-bottom: 24px !important;
}

.k-scroll-pb-6\.5 {
  scroll-padding-bottom: 26px;
}

.\!k-scroll-pb-6\.5 {
  scroll-padding-bottom: 26px !important;
}

.k-scroll-pb-7 {
  scroll-padding-bottom: 28px;
}

.\!k-scroll-pb-7 {
  scroll-padding-bottom: 28px !important;
}

.k-scroll-pb-7\.5 {
  scroll-padding-bottom: 30px;
}

.\!k-scroll-pb-7\.5 {
  scroll-padding-bottom: 30px !important;
}

.k-scroll-pb-8 {
  scroll-padding-bottom: 32px;
}

.\!k-scroll-pb-8 {
  scroll-padding-bottom: 32px !important;
}

.k-scroll-pb-9 {
  scroll-padding-bottom: 36px;
}

.\!k-scroll-pb-9 {
  scroll-padding-bottom: 36px !important;
}

.k-scroll-pb-10 {
  scroll-padding-bottom: 40px;
}

.\!k-scroll-pb-10 {
  scroll-padding-bottom: 40px !important;
}

.k-scroll-pb-11 {
  scroll-padding-bottom: 44px;
}

.\!k-scroll-pb-11 {
  scroll-padding-bottom: 44px !important;
}

.k-scroll-pb-12 {
  scroll-padding-bottom: 48px;
}

.\!k-scroll-pb-12 {
  scroll-padding-bottom: 48px !important;
}

.k-scroll-pb-13 {
  scroll-padding-bottom: 52px;
}

.\!k-scroll-pb-13 {
  scroll-padding-bottom: 52px !important;
}

.k-scroll-pb-14 {
  scroll-padding-bottom: 56px;
}

.\!k-scroll-pb-14 {
  scroll-padding-bottom: 56px !important;
}

.k-scroll-pb-15 {
  scroll-padding-bottom: 60px;
}

.\!k-scroll-pb-15 {
  scroll-padding-bottom: 60px !important;
}

.k-scroll-pb-16 {
  scroll-padding-bottom: 64px;
}

.\!k-scroll-pb-16 {
  scroll-padding-bottom: 64px !important;
}

.k-scroll-pb-17 {
  scroll-padding-bottom: 68px;
}

.\!k-scroll-pb-17 {
  scroll-padding-bottom: 68px !important;
}

.k-scroll-pb-18 {
  scroll-padding-bottom: 72px;
}

.\!k-scroll-pb-18 {
  scroll-padding-bottom: 72px !important;
}

.k-scroll-pb-19 {
  scroll-padding-bottom: 76px;
}

.\!k-scroll-pb-19 {
  scroll-padding-bottom: 76px !important;
}

.k-scroll-pb-20 {
  scroll-padding-bottom: 80px;
}

.\!k-scroll-pb-20 {
  scroll-padding-bottom: 80px !important;
}

.k-scroll-pb-21 {
  scroll-padding-bottom: 84px;
}

.\!k-scroll-pb-21 {
  scroll-padding-bottom: 84px !important;
}

.k-scroll-pb-22 {
  scroll-padding-bottom: 88px;
}

.\!k-scroll-pb-22 {
  scroll-padding-bottom: 88px !important;
}

.k-scroll-pb-23 {
  scroll-padding-bottom: 92px;
}

.\!k-scroll-pb-23 {
  scroll-padding-bottom: 92px !important;
}

.k-scroll-pb-24 {
  scroll-padding-bottom: 96px;
}

.\!k-scroll-pb-24 {
  scroll-padding-bottom: 96px !important;
}

.k-scroll-pl-0 {
  scroll-padding-left: 0;
}

.\!k-scroll-pl-0 {
  scroll-padding-left: 0 !important;
}

.k-scroll-pl-1px {
  scroll-padding-left: 1px;
}

.\!k-scroll-pl-1px {
  scroll-padding-left: 1px !important;
}

.k-scroll-pl-0\.5 {
  scroll-padding-left: 2px;
}

.\!k-scroll-pl-0\.5 {
  scroll-padding-left: 2px !important;
}

.k-scroll-pl-1 {
  scroll-padding-left: 4px;
}

.\!k-scroll-pl-1 {
  scroll-padding-left: 4px !important;
}

.k-scroll-pl-1\.5 {
  scroll-padding-left: 6px;
}

.\!k-scroll-pl-1\.5 {
  scroll-padding-left: 6px !important;
}

.k-scroll-pl-2 {
  scroll-padding-left: 8px;
}

.\!k-scroll-pl-2 {
  scroll-padding-left: 8px !important;
}

.k-scroll-pl-2\.5 {
  scroll-padding-left: 10px;
}

.\!k-scroll-pl-2\.5 {
  scroll-padding-left: 10px !important;
}

.k-scroll-pl-3 {
  scroll-padding-left: 12px;
}

.\!k-scroll-pl-3 {
  scroll-padding-left: 12px !important;
}

.k-scroll-pl-3\.5 {
  scroll-padding-left: 14px;
}

.\!k-scroll-pl-3\.5 {
  scroll-padding-left: 14px !important;
}

.k-scroll-pl-4 {
  scroll-padding-left: 16px;
}

.\!k-scroll-pl-4 {
  scroll-padding-left: 16px !important;
}

.k-scroll-pl-4\.5 {
  scroll-padding-left: 18px;
}

.\!k-scroll-pl-4\.5 {
  scroll-padding-left: 18px !important;
}

.k-scroll-pl-5 {
  scroll-padding-left: 20px;
}

.\!k-scroll-pl-5 {
  scroll-padding-left: 20px !important;
}

.k-scroll-pl-5\.5 {
  scroll-padding-left: 22px;
}

.\!k-scroll-pl-5\.5 {
  scroll-padding-left: 22px !important;
}

.k-scroll-pl-6 {
  scroll-padding-left: 24px;
}

.\!k-scroll-pl-6 {
  scroll-padding-left: 24px !important;
}

.k-scroll-pl-6\.5 {
  scroll-padding-left: 26px;
}

.\!k-scroll-pl-6\.5 {
  scroll-padding-left: 26px !important;
}

.k-scroll-pl-7 {
  scroll-padding-left: 28px;
}

.\!k-scroll-pl-7 {
  scroll-padding-left: 28px !important;
}

.k-scroll-pl-7\.5 {
  scroll-padding-left: 30px;
}

.\!k-scroll-pl-7\.5 {
  scroll-padding-left: 30px !important;
}

.k-scroll-pl-8 {
  scroll-padding-left: 32px;
}

.\!k-scroll-pl-8 {
  scroll-padding-left: 32px !important;
}

.k-scroll-pl-9 {
  scroll-padding-left: 36px;
}

.\!k-scroll-pl-9 {
  scroll-padding-left: 36px !important;
}

.k-scroll-pl-10 {
  scroll-padding-left: 40px;
}

.\!k-scroll-pl-10 {
  scroll-padding-left: 40px !important;
}

.k-scroll-pl-11 {
  scroll-padding-left: 44px;
}

.\!k-scroll-pl-11 {
  scroll-padding-left: 44px !important;
}

.k-scroll-pl-12 {
  scroll-padding-left: 48px;
}

.\!k-scroll-pl-12 {
  scroll-padding-left: 48px !important;
}

.k-scroll-pl-13 {
  scroll-padding-left: 52px;
}

.\!k-scroll-pl-13 {
  scroll-padding-left: 52px !important;
}

.k-scroll-pl-14 {
  scroll-padding-left: 56px;
}

.\!k-scroll-pl-14 {
  scroll-padding-left: 56px !important;
}

.k-scroll-pl-15 {
  scroll-padding-left: 60px;
}

.\!k-scroll-pl-15 {
  scroll-padding-left: 60px !important;
}

.k-scroll-pl-16 {
  scroll-padding-left: 64px;
}

.\!k-scroll-pl-16 {
  scroll-padding-left: 64px !important;
}

.k-scroll-pl-17 {
  scroll-padding-left: 68px;
}

.\!k-scroll-pl-17 {
  scroll-padding-left: 68px !important;
}

.k-scroll-pl-18 {
  scroll-padding-left: 72px;
}

.\!k-scroll-pl-18 {
  scroll-padding-left: 72px !important;
}

.k-scroll-pl-19 {
  scroll-padding-left: 76px;
}

.\!k-scroll-pl-19 {
  scroll-padding-left: 76px !important;
}

.k-scroll-pl-20 {
  scroll-padding-left: 80px;
}

.\!k-scroll-pl-20 {
  scroll-padding-left: 80px !important;
}

.k-scroll-pl-21 {
  scroll-padding-left: 84px;
}

.\!k-scroll-pl-21 {
  scroll-padding-left: 84px !important;
}

.k-scroll-pl-22 {
  scroll-padding-left: 88px;
}

.\!k-scroll-pl-22 {
  scroll-padding-left: 88px !important;
}

.k-scroll-pl-23 {
  scroll-padding-left: 92px;
}

.\!k-scroll-pl-23 {
  scroll-padding-left: 92px !important;
}

.k-scroll-pl-24 {
  scroll-padding-left: 96px;
}

.\!k-scroll-pl-24 {
  scroll-padding-left: 96px !important;
}

.k-scroll-px-0 {
  scroll-padding-inline: 0;
}

.\!k-scroll-px-0 {
  scroll-padding-inline: 0 !important;
}

.k-scroll-px-1px {
  scroll-padding-inline: 1px;
}

.\!k-scroll-px-1px {
  scroll-padding-inline: 1px !important;
}

.k-scroll-px-0\.5 {
  scroll-padding-inline: 2px;
}

.\!k-scroll-px-0\.5 {
  scroll-padding-inline: 2px !important;
}

.k-scroll-px-1 {
  scroll-padding-inline: 4px;
}

.\!k-scroll-px-1 {
  scroll-padding-inline: 4px !important;
}

.k-scroll-px-1\.5 {
  scroll-padding-inline: 6px;
}

.\!k-scroll-px-1\.5 {
  scroll-padding-inline: 6px !important;
}

.k-scroll-px-2 {
  scroll-padding-inline: 8px;
}

.\!k-scroll-px-2 {
  scroll-padding-inline: 8px !important;
}

.k-scroll-px-2\.5 {
  scroll-padding-inline: 10px;
}

.\!k-scroll-px-2\.5 {
  scroll-padding-inline: 10px !important;
}

.k-scroll-px-3 {
  scroll-padding-inline: 12px;
}

.\!k-scroll-px-3 {
  scroll-padding-inline: 12px !important;
}

.k-scroll-px-3\.5 {
  scroll-padding-inline: 14px;
}

.\!k-scroll-px-3\.5 {
  scroll-padding-inline: 14px !important;
}

.k-scroll-px-4 {
  scroll-padding-inline: 16px;
}

.\!k-scroll-px-4 {
  scroll-padding-inline: 16px !important;
}

.k-scroll-px-4\.5 {
  scroll-padding-inline: 18px;
}

.\!k-scroll-px-4\.5 {
  scroll-padding-inline: 18px !important;
}

.k-scroll-px-5 {
  scroll-padding-inline: 20px;
}

.\!k-scroll-px-5 {
  scroll-padding-inline: 20px !important;
}

.k-scroll-px-5\.5 {
  scroll-padding-inline: 22px;
}

.\!k-scroll-px-5\.5 {
  scroll-padding-inline: 22px !important;
}

.k-scroll-px-6 {
  scroll-padding-inline: 24px;
}

.\!k-scroll-px-6 {
  scroll-padding-inline: 24px !important;
}

.k-scroll-px-6\.5 {
  scroll-padding-inline: 26px;
}

.\!k-scroll-px-6\.5 {
  scroll-padding-inline: 26px !important;
}

.k-scroll-px-7 {
  scroll-padding-inline: 28px;
}

.\!k-scroll-px-7 {
  scroll-padding-inline: 28px !important;
}

.k-scroll-px-7\.5 {
  scroll-padding-inline: 30px;
}

.\!k-scroll-px-7\.5 {
  scroll-padding-inline: 30px !important;
}

.k-scroll-px-8 {
  scroll-padding-inline: 32px;
}

.\!k-scroll-px-8 {
  scroll-padding-inline: 32px !important;
}

.k-scroll-px-9 {
  scroll-padding-inline: 36px;
}

.\!k-scroll-px-9 {
  scroll-padding-inline: 36px !important;
}

.k-scroll-px-10 {
  scroll-padding-inline: 40px;
}

.\!k-scroll-px-10 {
  scroll-padding-inline: 40px !important;
}

.k-scroll-px-11 {
  scroll-padding-inline: 44px;
}

.\!k-scroll-px-11 {
  scroll-padding-inline: 44px !important;
}

.k-scroll-px-12 {
  scroll-padding-inline: 48px;
}

.\!k-scroll-px-12 {
  scroll-padding-inline: 48px !important;
}

.k-scroll-px-13 {
  scroll-padding-inline: 52px;
}

.\!k-scroll-px-13 {
  scroll-padding-inline: 52px !important;
}

.k-scroll-px-14 {
  scroll-padding-inline: 56px;
}

.\!k-scroll-px-14 {
  scroll-padding-inline: 56px !important;
}

.k-scroll-px-15 {
  scroll-padding-inline: 60px;
}

.\!k-scroll-px-15 {
  scroll-padding-inline: 60px !important;
}

.k-scroll-px-16 {
  scroll-padding-inline: 64px;
}

.\!k-scroll-px-16 {
  scroll-padding-inline: 64px !important;
}

.k-scroll-px-17 {
  scroll-padding-inline: 68px;
}

.\!k-scroll-px-17 {
  scroll-padding-inline: 68px !important;
}

.k-scroll-px-18 {
  scroll-padding-inline: 72px;
}

.\!k-scroll-px-18 {
  scroll-padding-inline: 72px !important;
}

.k-scroll-px-19 {
  scroll-padding-inline: 76px;
}

.\!k-scroll-px-19 {
  scroll-padding-inline: 76px !important;
}

.k-scroll-px-20 {
  scroll-padding-inline: 80px;
}

.\!k-scroll-px-20 {
  scroll-padding-inline: 80px !important;
}

.k-scroll-px-21 {
  scroll-padding-inline: 84px;
}

.\!k-scroll-px-21 {
  scroll-padding-inline: 84px !important;
}

.k-scroll-px-22 {
  scroll-padding-inline: 88px;
}

.\!k-scroll-px-22 {
  scroll-padding-inline: 88px !important;
}

.k-scroll-px-23 {
  scroll-padding-inline: 92px;
}

.\!k-scroll-px-23 {
  scroll-padding-inline: 92px !important;
}

.k-scroll-px-24 {
  scroll-padding-inline: 96px;
}

.\!k-scroll-px-24 {
  scroll-padding-inline: 96px !important;
}

.k-scroll-py-0 {
  scroll-padding-block: 0;
}

.\!k-scroll-py-0 {
  scroll-padding-block: 0 !important;
}

.k-scroll-py-1px {
  scroll-padding-block: 1px;
}

.\!k-scroll-py-1px {
  scroll-padding-block: 1px !important;
}

.k-scroll-py-0\.5 {
  scroll-padding-block: 2px;
}

.\!k-scroll-py-0\.5 {
  scroll-padding-block: 2px !important;
}

.k-scroll-py-1 {
  scroll-padding-block: 4px;
}

.\!k-scroll-py-1 {
  scroll-padding-block: 4px !important;
}

.k-scroll-py-1\.5 {
  scroll-padding-block: 6px;
}

.\!k-scroll-py-1\.5 {
  scroll-padding-block: 6px !important;
}

.k-scroll-py-2 {
  scroll-padding-block: 8px;
}

.\!k-scroll-py-2 {
  scroll-padding-block: 8px !important;
}

.k-scroll-py-2\.5 {
  scroll-padding-block: 10px;
}

.\!k-scroll-py-2\.5 {
  scroll-padding-block: 10px !important;
}

.k-scroll-py-3 {
  scroll-padding-block: 12px;
}

.\!k-scroll-py-3 {
  scroll-padding-block: 12px !important;
}

.k-scroll-py-3\.5 {
  scroll-padding-block: 14px;
}

.\!k-scroll-py-3\.5 {
  scroll-padding-block: 14px !important;
}

.k-scroll-py-4 {
  scroll-padding-block: 16px;
}

.\!k-scroll-py-4 {
  scroll-padding-block: 16px !important;
}

.k-scroll-py-4\.5 {
  scroll-padding-block: 18px;
}

.\!k-scroll-py-4\.5 {
  scroll-padding-block: 18px !important;
}

.k-scroll-py-5 {
  scroll-padding-block: 20px;
}

.\!k-scroll-py-5 {
  scroll-padding-block: 20px !important;
}

.k-scroll-py-5\.5 {
  scroll-padding-block: 22px;
}

.\!k-scroll-py-5\.5 {
  scroll-padding-block: 22px !important;
}

.k-scroll-py-6 {
  scroll-padding-block: 24px;
}

.\!k-scroll-py-6 {
  scroll-padding-block: 24px !important;
}

.k-scroll-py-6\.5 {
  scroll-padding-block: 26px;
}

.\!k-scroll-py-6\.5 {
  scroll-padding-block: 26px !important;
}

.k-scroll-py-7 {
  scroll-padding-block: 28px;
}

.\!k-scroll-py-7 {
  scroll-padding-block: 28px !important;
}

.k-scroll-py-7\.5 {
  scroll-padding-block: 30px;
}

.\!k-scroll-py-7\.5 {
  scroll-padding-block: 30px !important;
}

.k-scroll-py-8 {
  scroll-padding-block: 32px;
}

.\!k-scroll-py-8 {
  scroll-padding-block: 32px !important;
}

.k-scroll-py-9 {
  scroll-padding-block: 36px;
}

.\!k-scroll-py-9 {
  scroll-padding-block: 36px !important;
}

.k-scroll-py-10 {
  scroll-padding-block: 40px;
}

.\!k-scroll-py-10 {
  scroll-padding-block: 40px !important;
}

.k-scroll-py-11 {
  scroll-padding-block: 44px;
}

.\!k-scroll-py-11 {
  scroll-padding-block: 44px !important;
}

.k-scroll-py-12 {
  scroll-padding-block: 48px;
}

.\!k-scroll-py-12 {
  scroll-padding-block: 48px !important;
}

.k-scroll-py-13 {
  scroll-padding-block: 52px;
}

.\!k-scroll-py-13 {
  scroll-padding-block: 52px !important;
}

.k-scroll-py-14 {
  scroll-padding-block: 56px;
}

.\!k-scroll-py-14 {
  scroll-padding-block: 56px !important;
}

.k-scroll-py-15 {
  scroll-padding-block: 60px;
}

.\!k-scroll-py-15 {
  scroll-padding-block: 60px !important;
}

.k-scroll-py-16 {
  scroll-padding-block: 64px;
}

.\!k-scroll-py-16 {
  scroll-padding-block: 64px !important;
}

.k-scroll-py-17 {
  scroll-padding-block: 68px;
}

.\!k-scroll-py-17 {
  scroll-padding-block: 68px !important;
}

.k-scroll-py-18 {
  scroll-padding-block: 72px;
}

.\!k-scroll-py-18 {
  scroll-padding-block: 72px !important;
}

.k-scroll-py-19 {
  scroll-padding-block: 76px;
}

.\!k-scroll-py-19 {
  scroll-padding-block: 76px !important;
}

.k-scroll-py-20 {
  scroll-padding-block: 80px;
}

.\!k-scroll-py-20 {
  scroll-padding-block: 80px !important;
}

.k-scroll-py-21 {
  scroll-padding-block: 84px;
}

.\!k-scroll-py-21 {
  scroll-padding-block: 84px !important;
}

.k-scroll-py-22 {
  scroll-padding-block: 88px;
}

.\!k-scroll-py-22 {
  scroll-padding-block: 88px !important;
}

.k-scroll-py-23 {
  scroll-padding-block: 92px;
}

.\!k-scroll-py-23 {
  scroll-padding-block: 92px !important;
}

.k-scroll-py-24 {
  scroll-padding-block: 96px;
}

.\!k-scroll-py-24 {
  scroll-padding-block: 96px !important;
}

.k-touch-action-none {
  touch-action: none;
}

.\!k-touch-action-none {
  touch-action: none !important;
}

.k-touch-action-auto {
  touch-action: auto;
}

.\!k-touch-action-auto {
  touch-action: auto !important;
}

.k-touch-action-pan-x {
  touch-action: pan-x;
}

.\!k-touch-action-pan-x {
  touch-action: pan-x !important;
}

.k-touch-action-pan-left {
  touch-action: pan-left;
}

.\!k-touch-action-pan-left {
  touch-action: pan-left !important;
}

.k-touch-action-pan-right {
  touch-action: pan-right;
}

.\!k-touch-action-pan-right {
  touch-action: pan-right !important;
}

.k-touch-action-pan-y {
  touch-action: pan-y;
}

.\!k-touch-action-pan-y {
  touch-action: pan-y !important;
}

.k-touch-action-pan-up {
  touch-action: pan-up;
}

.\!k-touch-action-pan-up {
  touch-action: pan-up !important;
}

.k-touch-action-pan-down {
  touch-action: pan-down;
}

.\!k-touch-action-pan-down {
  touch-action: pan-down !important;
}

.k-touch-action-pinch-zoom {
  touch-action: pinch-zoom;
}

.\!k-touch-action-pinch-zoom {
  touch-action: pinch-zoom !important;
}

.k-touch-action-manipulation {
  touch-action: manipulation;
}

.\!k-touch-action-manipulation {
  touch-action: manipulation !important;
}

.k-user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.\!k-user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.k-user-select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.\!k-user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.k-user-select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.\!k-user-select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.k-user-select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.\!k-user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.k-user-select-contain {
  -webkit-user-select: contain;
     -moz-user-select: contain;
          user-select: contain;
}

.\!k-user-select-contain {
  -webkit-user-select: contain !important;
     -moz-user-select: contain !important;
          user-select: contain !important;
}

.k-will-change-auto {
  will-change: auto;
}

.\!k-will-change-auto {
  will-change: auto !important;
}

.k-will-change-scroll {
  will-change: scroll-position;
}

.\!k-will-change-scroll {
  will-change: scroll-position !important;
}

.k-will-change-contents {
  will-change: contents;
}

.\!k-will-change-contents {
  will-change: contents !important;
}

.k-will-change-transform {
  will-change: transform;
}

.\!k-will-change-transform {
  will-change: transform !important;
}

.k-fill-none {
  fill: none;
}

.\!k-fill-none {
  fill: none !important;
}

.k-fill-inherit {
  fill: inherit;
}

.\!k-fill-inherit {
  fill: inherit !important;
}

.k-fill-current {
  fill: currentColor;
}

.\!k-fill-current {
  fill: currentColor !important;
}

.k-fill-transparent {
  fill: transparent;
}

.\!k-fill-transparent {
  fill: transparent !important;
}

.k-fill-black {
  fill: black;
}

.\!k-fill-black {
  fill: black !important;
}

.k-fill-white {
  fill: white;
}

.\!k-fill-white {
  fill: white !important;
}

.k-stroke-none {
  stroke: none;
}

.\!k-stroke-none {
  stroke: none !important;
}

.k-stroke-inherit {
  stroke: inherit;
}

.\!k-stroke-inherit {
  stroke: inherit !important;
}

.k-stroke-current {
  stroke: currentColor;
}

.\!k-stroke-current {
  stroke: currentColor !important;
}

.k-stroke-transparent {
  stroke: transparent;
}

.\!k-stroke-transparent {
  stroke: transparent !important;
}

.k-stroke-black {
  stroke: black;
}

.\!k-stroke-black {
  stroke: black !important;
}

.k-stroke-white {
  stroke: white;
}

.\!k-stroke-white {
  stroke: white !important;
}

.k-elevation-1 {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-1 {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-2 {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-2 {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-3 {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-3 {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-4 {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-4 {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-5 {
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-5 {
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-6 {
  box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-6 {
  box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-7 {
  box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-7 {
  box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-8 {
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-8 {
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-elevation-9 {
  box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
}

.\!k-elevation-9 {
  box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

.k-reset {
  margin: 0;
  padding: 0;
  border-width: 0;
  outline: 0;
  text-decoration: none;
  font: inherit;
  list-style: none;
}

kendo-sortable {
  display: block;
}

.k-link,
.k-link:hover {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.k-content {
  outline: 0;
}

.k-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-no-click {
  pointer-events: none;
}

.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
  display: none !important;
}

.k-text-selection ::selection {
  background-color: #ff6358;
  color: white;
}

.k-block,
.k-panel {
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.k-block > .k-header,
.k-panel > .k-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #fafafa;
  padding-inline: 8px;
  padding-block: 4px;
}
.k-block > .k-content,
.k-panel > .k-content {
  padding-inline: 8px;
  padding-block: 4px;
}

.k-content {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
}

.k-disabled,
.k-widget[disabled] {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
.k-disabled .k-link,
.k-widget[disabled] .k-link {
  cursor: default;
  outline: 0;
}
.k-disabled [disabled],
.k-disabled .k-disabled,
.k-widget[disabled] [disabled],
.k-widget[disabled] .k-disabled {
  opacity: 1;
  filter: grayscale(0);
}

.k-hr {
  margin: 16px auto;
  padding: 0;
  height: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
  display: block;
  float: none;
  clear: both;
}

.k-d-flex-row > .k-hr {
  margin: 0;
  width: 0;
  height: auto;
  border-width: 0 0 0 1px;
  flex: 0 0 auto;
}

.k-d-flex-col > .k-hr {
  margin: 0;
  flex: 0 0 auto;
}

.k-dirty {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: #f31700 #f31700 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

[dir=rtl] .k-dirty,
.k-rtl .k-dirty {
  border-color: transparent transparent #f31700 #f31700;
  right: auto;
  left: 0;
}

.k-animation-container {
  position: absolute;
  overflow: hidden;
  z-index: 100;
}
.k-animation-container-fixed {
  position: fixed;
}
.k-animation-container-relative {
  position: relative;
  display: inline-block;
}

.k-push-right-enter, .k-push-right-appear {
  transform: translate(-100%, 0);
}
.k-push-right-enter-active, .k-push-right-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-right-exit {
  transform: translate(0, 0);
}
.k-push-right-exit-active {
  transform: translate(100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-left-enter, .k-push-left-appear {
  transform: translate(100%, 0);
}
.k-push-left-enter-active, .k-push-left-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-left-exit {
  transform: translate(0, 0);
}
.k-push-left-exit-active {
  transform: translate(-100%, 0);
  transition: transform 300ms ease-in-out;
}

.k-push-down-enter, .k-push-down-appear {
  transform: translate(0, -100%);
}
.k-push-down-enter-active, .k-push-down-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-down-exit {
  transform: translate(0, 0);
}
.k-push-down-exit-active {
  transform: translate(0, 100%);
  transition: transform 300ms ease-in-out;
}

.k-push-up-enter, .k-push-up-appear {
  transform: translate(0, 100%);
}
.k-push-up-enter-active, .k-push-up-appear-active {
  transform: translate(0, 0);
  transition: transform 300ms ease-in-out;
}
.k-push-up-exit {
  transform: translate(0, 0);
}
.k-push-up-exit-active {
  transform: translate(0, -100%);
  transition: transform 300ms ease-in-out;
}

.k-expand-vertical-enter, .k-expand-vertical-appear {
  transform: scaleY(0);
}
.k-expand-vertical-enter-active, .k-expand-vertical-appear-active {
  transform: scaleY(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-vertical-exit {
  transform: scaleY(1);
}
.k-expand-vertical-exit-active {
  transform: scaleY(0);
  transition: transform 300ms ease-in-out;
}

.k-expand-horizontal-enter, .k-expand-horizontal-appear {
  transform: scaleX(0);
}
.k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active {
  transform: scaleX(1);
  transition: transform 300ms ease-in-out;
}
.k-expand-horizontal-exit {
  transform: scaleX(1);
}
.k-expand-horizontal-exit-active {
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}

.k-fade-enter, .k-fade-appear {
  opacity: 0;
}
.k-fade-enter-active, .k-fade-appear-active {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit {
  opacity: 1;
}
.k-fade-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active {
  display: none;
}

.k-zoom-in-enter, .k-zoom-in-appear {
  opacity: 0;
  transform: scale(0);
}
.k-zoom-in-enter-active, .k-zoom-in-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-in-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-in-exit-active {
  opacity: 0;
  transform: scale(2);
  transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-out-enter, .k-zoom-out-appear {
  opacity: 0;
  transform: scale(2);
}
.k-zoom-out-enter-active, .k-zoom-out-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform, opacity 300ms ease-in-out;
}
.k-zoom-out-exit {
  opacity: 1;
  transform: scale(1);
}
.k-zoom-out-exit-active {
  opacity: 0;
  transform: scale(0);
  transition: transform, opacity 300ms ease-in-out;
}

.k-slide-in-appear {
  opacity: 0.1;
  transform: translate(0, -3em);
}
.k-slide-in-appear .k-centered {
  transform: translate(-50%, -60%);
}
.k-slide-in-appear-active {
  opacity: 1;
  transform: translate(0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1);
}
.k-slide-in-appear-active .k-centered {
  transform: translate(-50%, -50%);
}

.k-slide-down-enter, .k-slide-down-appear {
  transform: translateY(-100%);
}
.k-slide-down-enter-active, .k-slide-down-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-down-exit {
  transform: translateY(0);
}
.k-slide-down-exit-active {
  transform: translateY(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-up-enter, .k-slide-up-appear {
  transform: translateY(100%);
}
.k-slide-up-enter-active, .k-slide-up-appear-active {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-up-exit {
  transform: translateY(0);
}
.k-slide-up-exit-active {
  transform: translateY(100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-right-enter, .k-slide-right-appear {
  transform: translateX(-100%);
}
.k-slide-right-enter-active, .k-slide-right-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-right-exit {
  transform: translateX(0);
}
.k-slide-right-exit-active {
  transform: translateX(-100%);
  transition: transform 300ms ease-in-out;
}

.k-slide-left-enter, .k-slide-left-appear {
  transform: translateX(100%);
}
.k-slide-left-enter-active, .k-slide-left-appear-active {
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}
.k-slide-left-exit {
  transform: translateX(0);
}
.k-slide-left-exit-active {
  transform: translateX(100%);
  transition: transform 300ms ease-in-out;
}

.k-reveal-vertical-enter, .k-reveal-vertical-appear {
  max-height: 0;
}
.k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active {
  transition: max-height 300ms ease-in-out;
}
.k-reveal-vertical-exit-active {
  max-height: 0 !important;
  transition: max-height 300ms ease-in-out;
}

.k-reveal-horizontal-enter, .k-reveal-horizontal-appear {
  max-width: 0;
}
.k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active {
  transition: max-width 300ms ease-in-out;
}
.k-reveal-horizontal-exit-active {
  max-width: 0 !important;
  transition: max-width 300ms ease-in-out;
}

.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
  transition: all 350ms ease-out;
}

.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}

.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}

.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
  transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  transform: scale(0) !important;
}

.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer {
  transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
  opacity: 1;
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  transform: translateX(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  transform: translateX(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  transform: translateX(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  transform: translateX(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: translateX(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  transform: translateX(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  transform: translateX(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  transform: translateX(0%);
}

.k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
  will-change: transform;
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  transform: translateY(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  transform: translateX(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  transform: translateX(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  transform: translateY(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  transform: translateY(-100%);
}

.k-current-time {
  position: absolute;
}
.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}

.k-current-time {
  background: #ff0000;
}
.k-current-time.k-current-time-arrow-left {
  border-right-color: #ff0000;
}
.k-current-time.k-current-time-arrow-right {
  border-left-color: #ff0000;
}
.k-current-time.k-current-time-arrow-down {
  border-top-color: #ff0000;
}

.k-resize-handle,
.k-resize-hint {
  position: absolute;
  border-color: inherit;
  z-index: 200;
}

.k-resize-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-resize-handle::before {
  content: "";
  border: 0 solid;
  border-color: inherit;
}

.k-resize-n {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  top: -3px;
  cursor: n-resize;
}

.k-resize-s {
  width: 100%;
  height: 6px;
  flex-direction: row;
  left: 0;
  bottom: -3px;
  cursor: s-resize;
}

.k-resize-w {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  left: -3px;
  cursor: w-resize;
}

.k-resize-e {
  width: 6px;
  height: 100%;
  flex-direction: column;
  top: 0;
  right: -3px;
  cursor: e-resize;
}

.k-resize-sw,
.k-resize-se,
.k-resize-nw,
.k-resize-ne {
  width: 5px;
  height: 5px;
}

.k-resize-sw {
  cursor: sw-resize;
  bottom: 0;
  left: 0;
}

.k-resize-se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
}

.k-resize-nw {
  cursor: nw-resize;
  top: 0;
  left: 0;
}

.k-resize-ne {
  cursor: ne-resize;
  top: 0;
  right: 0;
}

.k-vertical-resize {
  cursor: row-resize;
}

.k-horizontal-resize {
  cursor: col-resize;
}

.k-resize-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-resize-hint .k-resize-hint-handle {
  width: auto;
  height: 20px;
  align-self: stretch;
}
.k-resize-hint .k-resize-hint-marker {
  width: 2px;
  height: auto;
  flex: 1 1 auto;
}

.k-resize-hint-vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-resize-hint-vertical .k-resize-hint-handle {
  width: 20px;
  height: auto;
  align-self: stretch;
}
.k-resize-hint-vertical .k-resize-hint-marker {
  width: auto;
  height: 2px;
  flex: 1 1 auto;
}

.k-scrollbar {
  position: absolute;
  overflow: scroll;
}

.k-scrollbar-vertical {
  top: 0;
  right: 0;
  width: 17px;
  height: 100%;
  overflow-x: hidden;
}

.k-touch-scrollbar {
  display: none;
  position: absolute;
  z-index: 200000;
  height: 8px;
  width: 8px;
  border: 1px solid #8a8a8a;
  background-color: #858585;
}

.k-svg-icon {
  width: 16px;
  height: 16px;
  outline: 0;
  line-height: 1;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
}
.k-svg-icon > svg {
  fill: currentColor;
  flex: 1 1 auto;
}

.k-svg-icon.k-icon-xs {
  width: calc(16px * 0.75);
  height: calc(16px * 0.75);
}
.k-svg-icon.k-icon-sm {
  width: calc(16px * 0.875);
  height: calc(16px * 0.875);
}
.k-svg-icon.k-icon-md {
  width: 16px;
  height: 16px;
}
.k-svg-icon.k-icon-lg {
  width: calc(16px * 1.25);
  height: calc(16px * 1.25);
}
.k-svg-icon.k-icon-xl {
  width: calc(16px * 1.5);
  height: calc(16px * 1.5);
}
.k-svg-icon.k-icon-xxl {
  width: calc(16px * 2);
  height: calc(16px * 2);
}
.k-svg-icon.k-icon-xxxl {
  width: calc(16px * 3);
  height: calc(16px * 3);
}

.k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x,
.k-flip-v.k-svg-icon,
.k-svg-icon.k-flip-y,
.k-flip-h.k-flip-v.k-svg-icon {
  transform: none;
}

.k-flip-h > svg, .k-flip-x > svg {
  transform: scaleX(-1);
}

.k-flip-v > svg, .k-flip-y > svg {
  transform: scaleY(-1);
}

.k-flip-h.k-flip-v > svg, .k-flip-v.k-flip-x > svg, .k-flip-h.k-flip-y > svg, .k-flip-x.k-flip-y > svg,
.k-flip-both > svg {
  transform: scale(-1, -1);
}

.k-rotate-0.k-svg-icon {
  transform: none;
}
.k-rotate-0 > svg {
  transform: rotate(0deg);
}

.k-rotate-45.k-svg-icon {
  transform: none;
}
.k-rotate-45 > svg {
  transform: rotate(45deg);
}

.k-rotate-90.k-svg-icon {
  transform: none;
}
.k-rotate-90 > svg {
  transform: rotate(90deg);
}

.k-rotate-135.k-svg-icon {
  transform: none;
}
.k-rotate-135 > svg {
  transform: rotate(135deg);
}

.k-rotate-180.k-svg-icon {
  transform: none;
}
.k-rotate-180 > svg {
  transform: rotate(180deg);
}

.k-rotate-225.k-svg-icon {
  transform: none;
}
.k-rotate-225 > svg {
  transform: rotate(225deg);
}

.k-rotate-270.k-svg-icon {
  transform: none;
}
.k-rotate-270 > svg {
  transform: rotate(270deg);
}

.k-rotate-315.k-svg-icon {
  transform: none;
}
.k-rotate-315 > svg {
  transform: rotate(315deg);
}

.k-icon-wrap {
  flex: none;
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 0;
  align-items: center;
  align-self: flex-start;
  vertical-align: middle;
  position: relative;
}
.k-icon-wrap::before {
  content: "​";
  width: 0;
  overflow: hidden;
  flex: none;
  display: inline-block;
  vertical-align: top;
}

.k-icon-wrapper-host {
  display: contents;
}

.k-icon-with-modifier {
  position: relative;
  margin: 0.25em;
}

.k-icon.k-icon-modifier {
  width: 1em;
  height: 1em;
  position: absolute;
  font-size: 0.5em;
  bottom: 0;
  right: 0;
  margin: 0 -0.5em -0.5em 0;
}

.k-i-none::before {
  content: "";
  display: none;
}

.k-icon-action {
  display: inline-flex;
  padding: 4px;
  line-height: 1;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}

.k-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.k-image {
  display: inline-block;
}

.k-badge {
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  box-sizing: border-box;
  color: inherit;
  background-color: transparent;
  font: inherit;
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-badge *,
.k-badge *::before,
.k-badge *::after {
  box-sizing: border-box;
}

.k-badge > * {
  color: inherit;
}

a.k-badge,
.k-badge > a {
  text-decoration: none;
}

a.k-badge:hover,
.k-badge > a:hover {
  text-decoration: underline;
}

.k-badge-icon {
  max-width: 1em;
  max-height: 1em;
  font-size: inherit;
}

.k-badge-icon.k-svg-icon svg {
  fill: currentColor;
}

.k-badge-sm {
  padding-block: 2px;
  padding-inline: 2px;
  font-size: 10px;
  line-height: 1;
  min-width: calc(1em + 4px + 2px);
}
.k-badge-sm:empty {
  padding: 2px;
  min-width: auto;
}

.k-badge-md {
  padding-block: 4px;
  padding-inline: 4px;
  font-size: 10px;
  line-height: 1;
  min-width: calc(1em + 8px + 2px);
}
.k-badge-md:empty {
  padding: 4px;
  min-width: auto;
}

.k-badge-lg {
  padding-block: 6px;
  padding-inline: 6px;
  font-size: 10px;
  line-height: 1;
  min-width: calc(1em + 12px + 2px);
}
.k-badge-lg:empty {
  padding: 6px;
  min-width: auto;
}

kendo-badge-container {
  display: inline-block;
}

.k-badge-container {
  position: relative;
  overflow: visible;
}

.k-badge-inside {
  position: absolute;
  z-index: 9999;
}
.k-badge-edge {
  position: absolute;
  z-index: 9999;
}
.k-badge-edge.k-top-start {
  transform: translate(-50%, -50%);
}
.k-badge-edge.k-top-end {
  transform: translate(50%, -50%);
}
.k-badge-edge.k-bottom-start {
  transform: translate(-50%, 50%);
}
.k-badge-edge.k-bottom-end {
  transform: translate(50%, 50%);
}

.k-rtl .k-badge-edge.k-top-start,
[dir=rtl].k-badge-edge.k-top-start,
[dir=rtl] .k-badge-edge.k-top-start {
  transform: translate(50%, -50%);
}
.k-rtl .k-badge-edge.k-top-end,
[dir=rtl].k-badge-edge.k-top-end,
[dir=rtl] .k-badge-edge.k-top-end {
  transform: translate(-50%, -50%);
}
.k-rtl .k-badge-edge.k-bottom-start,
[dir=rtl].k-badge-edge.k-bottom-start,
[dir=rtl] .k-badge-edge.k-bottom-start {
  transform: translate(50%, 50%);
}
.k-rtl .k-badge-edge.k-bottom-end,
[dir=rtl].k-badge-edge.k-bottom-end,
[dir=rtl] .k-badge-edge.k-bottom-end {
  transform: translate(-50%, 50%);
}

.k-badge-outside {
  position: absolute;
  z-index: 9999;
}
.k-badge-outside.k-top-start {
  transform: translate(-100%, -100%);
}
.k-badge-outside.k-top-end {
  transform: translate(100%, -100%);
}
.k-badge-outside.k-bottom-start {
  transform: translate(-100%, 100%);
}
.k-badge-outside.k-bottom-end {
  transform: translate(100%, 100%);
}

.k-rtl .k-badge-outside.k-top-start,
[dir=rtl].k-badge-outside.k-top-start,
[dir=rtl] .k-badge-outside.k-top-start {
  transform: translate(100%, -100%);
}
.k-rtl .k-badge-outside.k-top-end,
[dir=rtl].k-badge-outside.k-top-end,
[dir=rtl] .k-badge-outside.k-top-end {
  transform: translate(-100%, -100%);
}
.k-rtl .k-badge-outside.k-bottom-start,
[dir=rtl].k-badge-outside.k-bottom-start,
[dir=rtl] .k-badge-outside.k-bottom-start {
  transform: translate(100%, 100%);
}
.k-rtl .k-badge-outside.k-bottom-end,
[dir=rtl].k-badge-outside.k-bottom-end,
[dir=rtl] .k-badge-outside.k-bottom-end {
  transform: translate(-100%, 100%);
}

.k-badge-border-cutout {
  box-shadow: 0 0 0 2px #ffffff;
}

.k-badge-solid-primary {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}

.k-badge-solid-secondary {
  border-color: #666666;
  color: white;
  background-color: #666666;
}

.k-badge-solid-tertiary {
  border-color: #03a9f4;
  color: white;
  background-color: #03a9f4;
}

.k-badge-solid-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}

.k-badge-solid-success {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}

.k-badge-solid-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}

.k-badge-solid-error {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}

.k-badge-solid-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-badge-solid-light {
  border-color: #ebebeb;
  color: black;
  background-color: #ebebeb;
}

.k-badge-solid-inverse {
  border-color: #424242;
  color: white;
  background-color: #424242;
}

.k-badge-outline {
  border-color: currentColor;
  background-color: #ffffff;
}

.k-badge-outline-primary {
  color: #ff6358;
}

.k-badge-outline-secondary {
  color: #666666;
}

.k-badge-outline-tertiary {
  color: #03a9f4;
}

.k-badge-outline-info {
  color: #0058e9;
}

.k-badge-outline-success {
  color: #37b400;
}

.k-badge-outline-warning {
  color: #ffc000;
}

.k-badge-outline-error {
  color: #f31700;
}

.k-badge-outline-dark {
  color: #424242;
}

.k-badge-outline-light {
  color: #ebebeb;
}

.k-badge-outline-inverse {
  color: #424242;
}

.k-button {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  color: inherit;
  background: none;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  position: relative;
  transition: color 0.2s ease-in-out;
}
.k-button *,
.k-button *::before,
.k-button *::after {
  box-sizing: border-box;
}
.k-button:disabled, .k-button.k-disabled {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
.k-button::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}
.k-button:hover, .k-button:focus {
  text-decoration: none;
  outline: 0;
}

.k-icon-button {
  gap: 0;
}
.k-icon-button .k-icon {
  display: inline-flex;
}

.k-button-icon {
  color: inherit;
  align-self: center;
  position: relative;
}

.k-button-sm {
  padding-block: 2px;
  padding-inline: 8px;
  font-size: 14px;
  line-height: 1.4285714286;
}

.k-button-sm.k-icon-button {
  padding: 2px;
}
.k-button-sm.k-icon-button .k-button-icon {
  min-width: calc(14px * 1.4285714286);
  min-height: calc(14px * 1.4285714286);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md > svg {
  width: 16px;
  height: 16px;
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-xs > svg {
  width: calc(16px * 0.75);
  height: calc(16px * 0.75);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.875);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-lg > svg {
  width: calc(16px * 1.25);
  height: calc(16px * 1.25);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-xl > svg {
  width: calc(16px * 1.5);
  height: calc(16px * 1.5);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-xxl > svg {
  width: calc(16px * 2);
  height: calc(16px * 2);
}
.k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl > svg {
  width: calc(16px * 3);
  height: calc(16px * 3);
}

.k-button-md {
  padding-block: 4px;
  padding-inline: 8px;
  font-size: 14px;
  line-height: 1.4285714286;
}

.k-button-md.k-icon-button {
  padding: 4px;
}
.k-button-md.k-icon-button .k-button-icon {
  min-width: calc(14px * 1.4285714286);
  min-height: calc(14px * 1.4285714286);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg {
  width: 16px;
  height: 16px;
}
.k-button-md.k-icon-button .k-button-icon.k-icon-xs > svg {
  width: calc(16px * 0.75);
  height: calc(16px * 0.75);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.875);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-lg > svg {
  width: calc(16px * 1.25);
  height: calc(16px * 1.25);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-xl > svg {
  width: calc(16px * 1.5);
  height: calc(16px * 1.5);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-xxl > svg {
  width: calc(16px * 2);
  height: calc(16px * 2);
}
.k-button-md.k-icon-button .k-button-icon.k-icon-xxxl > svg {
  width: calc(16px * 3);
  height: calc(16px * 3);
}

.k-button-lg {
  padding-block: 8px;
  padding-inline: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.k-button-lg.k-icon-button {
  padding: 8px;
}
.k-button-lg.k-icon-button .k-button-icon {
  min-width: calc(16px * 1.5);
  min-height: calc(16px * 1.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.k-button-lg.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-lg.k-icon-button .k-button-icon.k-icon-md > svg {
  width: 16px;
  height: 16px;
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-xs > svg {
  width: calc(16px * 0.75);
  height: calc(16px * 0.75);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.875);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-lg > svg {
  width: calc(16px * 1.25);
  height: calc(16px * 1.25);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-xl > svg {
  width: calc(16px * 1.5);
  height: calc(16px * 1.5);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-xxl > svg {
  width: calc(16px * 2);
  height: calc(16px * 2);
}
.k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl > svg {
  width: calc(16px * 3);
  height: calc(16px * 3);
}

.k-button-square {
  aspect-ratio: 1;
}

.k-button-group {
  margin: 0;
  padding: 0;
  border-width: 0;
  box-sizing: border-box;
  list-style: none;
  outline: 0;
  display: inline-flex;
  flex-flow: row nowrap;
  vertical-align: middle;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-button-group > .k-button + .k-button {
  -webkit-margin-start: -1px;
          margin-inline-start: -1px;
}
.k-button-group > .k-button:hover,
.k-button-group > .k-button.k-hover,
.k-button-group > .k-button:focus,
.k-button-group > .k-button.k-focus,
.k-button-group > .k-button:active,
.k-button-group > .k-button.k-active,
.k-button-group > .k-button.k-selected {
  z-index: 2;
}
.k-button-group .k-button:not(:first-child):not(:last-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.k-button-group > .k-button:first-child:not(:only-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.k-button-group > .k-button:last-child:not(:only-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
  opacity: 1;
  filter: none;
}

.k-button-group-stretched {
  width: 100%;
}
.k-button-group-stretched > * {
  flex: 1 0;
  overflow: hidden;
}

.k-button-flat {
  border-color: transparent !important;
  color: inherit;
  background: none !important;
  box-shadow: none !important;
}
.k-button-flat::before {
  display: block !important;
}
.k-button-flat::after {
  box-shadow: inset 0 0 0 2px currentColor;
  display: block !important;
}
.k-button-flat:focus::after, .k-button-flat.k-focus::after {
  opacity: 0.12;
}

.k-button-outline {
  border-color: currentColor;
  color: inherit;
  background: none;
}

.k-button-link {
  border-color: transparent;
  color: inherit;
  text-decoration: none;
  background: none;
}
.k-button-link:hover, .k-button-link.k-hover {
  text-decoration: underline;
}

.k-button-clear {
  border-color: transparent !important;
  color: inherit;
  background: none !important;
  box-shadow: none !important;
}

.k-button-overlay, .k-button::before {
  border-radius: inherit;
  content: "";
  background: currentColor;
  opacity: 0;
  display: none;
  pointer-events: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 0;
  transition: opacity 0.2s ease-in-out;
}

.k-button:hover::before, .k-button.k-hover::before {
  opacity: 0.04;
}
.k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-hover)::before {
  opacity: 0;
}
.k-button:active::before, .k-button.k-active::before {
  opacity: 0.16;
}
.k-button.k-selected::before {
  opacity: 0.2;
}

.k-button::after {
  border-radius: inherit;
  content: "";
  opacity: 0;
  display: none;
  pointer-events: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 0;
  transition: opacity 0.2s ease-in-out;
}

.k-button-solid-base {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #f5f5f5;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-base:hover, .k-button-solid-base.k-hover {
  background-color: rgb(235.2, 235.2, 235.2);
}
.k-button-solid-base:focus, .k-button-solid-base.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-button-solid-base:active, .k-button-solid-base.k-active {
  background-color: rgb(215.6, 215.6, 215.6);
}
.k-button-solid-base.k-selected {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}
.k-button-solid-primary {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
  border-color: rgb(244.8, 95.04, 84.48);
  background-color: rgb(244.8, 95.04, 84.48);
}
.k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
}
.k-button-solid-primary:active, .k-button-solid-primary.k-active {
  border-color: rgb(224.4, 87.12, 77.44);
  background-color: rgb(224.4, 87.12, 77.44);
}
.k-button-solid-primary.k-selected {
  border-color: rgb(224.4, 87.12, 77.44);
  background-color: rgb(224.4, 87.12, 77.44);
}
.k-button-solid-secondary {
  border-color: #666666;
  color: white;
  background-color: #666666;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
  border-color: rgb(97.92, 97.92, 97.92);
  background-color: rgb(97.92, 97.92, 97.92);
}
.k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
  box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
}
.k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
  border-color: rgb(89.76, 89.76, 89.76);
  background-color: rgb(89.76, 89.76, 89.76);
}
.k-button-solid-secondary.k-selected {
  border-color: rgb(89.76, 89.76, 89.76);
  background-color: rgb(89.76, 89.76, 89.76);
}
.k-button-solid-tertiary {
  border-color: #03a9f4;
  color: white;
  background-color: #03a9f4;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
  border-color: rgb(2.88, 162.24, 234.24);
  background-color: rgb(2.88, 162.24, 234.24);
}
.k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
  box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
}
.k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
  border-color: rgb(2.64, 148.72, 214.72);
  background-color: rgb(2.64, 148.72, 214.72);
}
.k-button-solid-tertiary.k-selected {
  border-color: rgb(2.64, 148.72, 214.72);
  background-color: rgb(2.64, 148.72, 214.72);
}
.k-button-solid-info {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-info:hover, .k-button-solid-info.k-hover {
  border-color: rgb(0, 84.48, 223.68);
  background-color: rgb(0, 84.48, 223.68);
}
.k-button-solid-info:focus, .k-button-solid-info.k-focus {
  box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
}
.k-button-solid-info:active, .k-button-solid-info.k-active {
  border-color: rgb(0, 77.44, 205.04);
  background-color: rgb(0, 77.44, 205.04);
}
.k-button-solid-info.k-selected {
  border-color: rgb(0, 77.44, 205.04);
  background-color: rgb(0, 77.44, 205.04);
}
.k-button-solid-success {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-success:hover, .k-button-solid-success.k-hover {
  border-color: rgb(52.8, 172.8, 0);
  background-color: rgb(52.8, 172.8, 0);
}
.k-button-solid-success:focus, .k-button-solid-success.k-focus {
  box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
}
.k-button-solid-success:active, .k-button-solid-success.k-active {
  border-color: rgb(48.4, 158.4, 0);
  background-color: rgb(48.4, 158.4, 0);
}
.k-button-solid-success.k-selected {
  border-color: rgb(48.4, 158.4, 0);
  background-color: rgb(48.4, 158.4, 0);
}
.k-button-solid-warning {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
  border-color: rgb(244.8, 184.32, 0);
  background-color: rgb(244.8, 184.32, 0);
}
.k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
}
.k-button-solid-warning:active, .k-button-solid-warning.k-active {
  border-color: rgb(224.4, 168.96, 0);
  background-color: rgb(224.4, 168.96, 0);
}
.k-button-solid-warning.k-selected {
  border-color: rgb(224.4, 168.96, 0);
  background-color: rgb(224.4, 168.96, 0);
}
.k-button-solid-error {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-error:hover, .k-button-solid-error.k-hover {
  border-color: rgb(233.28, 22.08, 0);
  background-color: rgb(233.28, 22.08, 0);
}
.k-button-solid-error:focus, .k-button-solid-error.k-focus {
  box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
}
.k-button-solid-error:active, .k-button-solid-error.k-active {
  border-color: rgb(213.84, 20.24, 0);
  background-color: rgb(213.84, 20.24, 0);
}
.k-button-solid-error.k-selected {
  border-color: rgb(213.84, 20.24, 0);
  background-color: rgb(213.84, 20.24, 0);
}
.k-button-solid-dark {
  border-color: #424242;
  color: white;
  background-color: #424242;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
  border-color: rgb(63.36, 63.36, 63.36);
  background-color: rgb(63.36, 63.36, 63.36);
}
.k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-solid-dark:active, .k-button-solid-dark.k-active {
  border-color: rgb(58.08, 58.08, 58.08);
  background-color: rgb(58.08, 58.08, 58.08);
}
.k-button-solid-dark.k-selected {
  border-color: rgb(58.08, 58.08, 58.08);
  background-color: rgb(58.08, 58.08, 58.08);
}
.k-button-solid-light {
  border-color: #ebebeb;
  color: black;
  background-color: #ebebeb;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-light:hover, .k-button-solid-light.k-hover {
  border-color: rgb(225.6, 225.6, 225.6);
  background-color: rgb(225.6, 225.6, 225.6);
}
.k-button-solid-light:focus, .k-button-solid-light.k-focus {
  box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
}
.k-button-solid-light:active, .k-button-solid-light.k-active {
  border-color: rgb(206.8, 206.8, 206.8);
  background-color: rgb(206.8, 206.8, 206.8);
}
.k-button-solid-light.k-selected {
  border-color: rgb(206.8, 206.8, 206.8);
  background-color: rgb(206.8, 206.8, 206.8);
}
.k-button-solid-inverse {
  border-color: #424242;
  color: white;
  background-color: #424242;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
  border-color: rgb(63.36, 63.36, 63.36);
  background-color: rgb(63.36, 63.36, 63.36);
}
.k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
  border-color: rgb(58.08, 58.08, 58.08);
  background-color: rgb(58.08, 58.08, 58.08);
}
.k-button-solid-inverse.k-selected {
  border-color: rgb(58.08, 58.08, 58.08);
  background-color: rgb(58.08, 58.08, 58.08);
}
.k-button-outline-primary {
  box-shadow: none;
  border-color: currentColor;
  color: #ff6358;
  background-color: transparent;
}
.k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}
.k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
}
.k-button-outline-primary:active, .k-button-outline-primary.k-active {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}
.k-button-outline-primary.k-selected {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}
.k-button-outline-secondary {
  box-shadow: none;
  border-color: currentColor;
  color: #666666;
  background-color: transparent;
}
.k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
  border-color: #666666;
  color: white;
  background-color: #666666;
}
.k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
  box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
}
.k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
  border-color: #666666;
  color: white;
  background-color: #666666;
}
.k-button-outline-secondary.k-selected {
  border-color: #666666;
  color: white;
  background-color: #666666;
}
.k-button-outline-tertiary {
  box-shadow: none;
  border-color: currentColor;
  color: #03a9f4;
  background-color: transparent;
}
.k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
  border-color: #03a9f4;
  color: white;
  background-color: #03a9f4;
}
.k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
  box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
}
.k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
  border-color: #03a9f4;
  color: white;
  background-color: #03a9f4;
}
.k-button-outline-tertiary.k-selected {
  border-color: #03a9f4;
  color: white;
  background-color: #03a9f4;
}
.k-button-outline-info {
  box-shadow: none;
  border-color: currentColor;
  color: #0058e9;
  background-color: transparent;
}
.k-button-outline-info:hover, .k-button-outline-info.k-hover {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}
.k-button-outline-info:focus, .k-button-outline-info.k-focus {
  box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
}
.k-button-outline-info:active, .k-button-outline-info.k-active {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}
.k-button-outline-info.k-selected {
  border-color: #0058e9;
  color: white;
  background-color: #0058e9;
}
.k-button-outline-success {
  box-shadow: none;
  border-color: currentColor;
  color: #37b400;
  background-color: transparent;
}
.k-button-outline-success:hover, .k-button-outline-success.k-hover {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}
.k-button-outline-success:focus, .k-button-outline-success.k-focus {
  box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
}
.k-button-outline-success:active, .k-button-outline-success.k-active {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}
.k-button-outline-success.k-selected {
  border-color: #37b400;
  color: white;
  background-color: #37b400;
}
.k-button-outline-warning {
  box-shadow: none;
  border-color: currentColor;
  color: #ffc000;
  background-color: transparent;
}
.k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}
.k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
}
.k-button-outline-warning:active, .k-button-outline-warning.k-active {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}
.k-button-outline-warning.k-selected {
  border-color: #ffc000;
  color: black;
  background-color: #ffc000;
}
.k-button-outline-error {
  box-shadow: none;
  border-color: currentColor;
  color: #f31700;
  background-color: transparent;
}
.k-button-outline-error:hover, .k-button-outline-error.k-hover {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-error:focus, .k-button-outline-error.k-focus {
  box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
}
.k-button-outline-error:active, .k-button-outline-error.k-active {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-error.k-selected {
  border-color: #f31700;
  color: white;
  background-color: #f31700;
}
.k-button-outline-dark {
  box-shadow: none;
  border-color: currentColor;
  color: #424242;
  background-color: transparent;
}
.k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-outline-dark:active, .k-button-outline-dark.k-active {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-dark.k-selected {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-light {
  box-shadow: none;
  border-color: currentColor;
  color: #ebebeb;
  background-color: transparent;
}
.k-button-outline-light:hover, .k-button-outline-light.k-hover {
  border-color: #ebebeb;
  color: black;
  background-color: #ebebeb;
}
.k-button-outline-light:focus, .k-button-outline-light.k-focus {
  box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
}
.k-button-outline-light:active, .k-button-outline-light.k-active {
  border-color: #ebebeb;
  color: black;
  background-color: #ebebeb;
}
.k-button-outline-light.k-selected {
  border-color: #ebebeb;
  color: black;
  background-color: #ebebeb;
}
.k-button-outline-inverse {
  box-shadow: none;
  border-color: currentColor;
  color: #424242;
  background-color: transparent;
}
.k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-inverse.k-selected {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-base {
  box-shadow: none;
  border-color: currentColor;
  color: #424242;
  background-color: transparent;
}
.k-button-outline-base:hover, .k-button-outline-base.k-hover {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-base:focus, .k-button-outline-base.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-outline-base:active, .k-button-outline-base.k-active {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-outline-base.k-selected {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-button-flat-primary {
  color: #ff6358;
}
.k-button-flat-secondary {
  color: #666666;
}
.k-button-flat-tertiary {
  color: #03a9f4;
}
.k-button-flat-info {
  color: #0058e9;
}
.k-button-flat-success {
  color: #37b400;
}
.k-button-flat-warning {
  color: #ffc000;
}
.k-button-flat-error {
  color: #f31700;
}
.k-button-flat-dark {
  color: #424242;
}
.k-button-flat-light {
  color: #ebebeb;
}
.k-button-flat-inverse {
  color: #424242;
}
.k-button-flat-base {
  color: inherit;
}
.k-button-link-primary {
  color: #ff6358;
}
.k-button-link-primary:hover, .k-button-link-primary.k-hover {
  color: rgb(214.2, 83.16, 73.92);
}
.k-button-link-primary:focus, .k-button-link-primary.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
}
.k-button-link-primary:active, .k-button-link-primary.k-active {
  color: rgb(214.2, 83.16, 73.92);
}
.k-button-link-primary.k-selected {
  color: rgb(214.2, 83.16, 73.92);
}
.k-button-link-secondary {
  color: #666666;
}
.k-button-link-secondary:hover, .k-button-link-secondary.k-hover {
  color: rgb(85.68, 85.68, 85.68);
}
.k-button-link-secondary:focus, .k-button-link-secondary.k-focus {
  box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
}
.k-button-link-secondary:active, .k-button-link-secondary.k-active {
  color: rgb(85.68, 85.68, 85.68);
}
.k-button-link-secondary.k-selected {
  color: rgb(85.68, 85.68, 85.68);
}
.k-button-link-tertiary {
  color: #03a9f4;
}
.k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover {
  color: rgb(2.52, 141.96, 204.96);
}
.k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus {
  box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
}
.k-button-link-tertiary:active, .k-button-link-tertiary.k-active {
  color: rgb(2.52, 141.96, 204.96);
}
.k-button-link-tertiary.k-selected {
  color: rgb(2.52, 141.96, 204.96);
}
.k-button-link-info {
  color: #0058e9;
}
.k-button-link-info:hover, .k-button-link-info.k-hover {
  color: rgb(0, 73.92, 195.72);
}
.k-button-link-info:focus, .k-button-link-info.k-focus {
  box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
}
.k-button-link-info:active, .k-button-link-info.k-active {
  color: rgb(0, 73.92, 195.72);
}
.k-button-link-info.k-selected {
  color: rgb(0, 73.92, 195.72);
}
.k-button-link-success {
  color: #37b400;
}
.k-button-link-success:hover, .k-button-link-success.k-hover {
  color: rgb(46.2, 151.2, 0);
}
.k-button-link-success:focus, .k-button-link-success.k-focus {
  box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
}
.k-button-link-success:active, .k-button-link-success.k-active {
  color: rgb(46.2, 151.2, 0);
}
.k-button-link-success.k-selected {
  color: rgb(46.2, 151.2, 0);
}
.k-button-link-warning {
  color: #ffc000;
}
.k-button-link-warning:hover, .k-button-link-warning.k-hover {
  color: rgb(214.2, 161.28, 0);
}
.k-button-link-warning:focus, .k-button-link-warning.k-focus {
  box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
}
.k-button-link-warning:active, .k-button-link-warning.k-active {
  color: rgb(214.2, 161.28, 0);
}
.k-button-link-warning.k-selected {
  color: rgb(214.2, 161.28, 0);
}
.k-button-link-error {
  color: #f31700;
}
.k-button-link-error:hover, .k-button-link-error.k-hover {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-error:focus, .k-button-link-error.k-focus {
  box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
}
.k-button-link-error:active, .k-button-link-error.k-active {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-error.k-selected {
  color: rgb(204.12, 19.32, 0);
}
.k-button-link-dark {
  color: #424242;
}
.k-button-link-dark:hover, .k-button-link-dark.k-hover {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-dark:focus, .k-button-link-dark.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-link-dark:active, .k-button-link-dark.k-active {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-dark.k-selected {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-light {
  color: #ebebeb;
}
.k-button-link-light:hover, .k-button-link-light.k-hover {
  color: rgb(197.4, 197.4, 197.4);
}
.k-button-link-light:focus, .k-button-link-light.k-focus {
  box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
}
.k-button-link-light:active, .k-button-link-light.k-active {
  color: rgb(197.4, 197.4, 197.4);
}
.k-button-link-light.k-selected {
  color: rgb(197.4, 197.4, 197.4);
}
.k-button-link-inverse {
  color: #424242;
}
.k-button-link-inverse:hover, .k-button-link-inverse.k-hover {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-inverse:focus, .k-button-link-inverse.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-link-inverse:active, .k-button-link-inverse.k-active {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-inverse.k-selected {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-base {
  color: #424242;
}
.k-button-link-base:hover, .k-button-link-base.k-hover {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-base:focus, .k-button-link-base.k-focus {
  box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
}
.k-button-link-base:active, .k-button-link-base.k-active {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-link-base.k-selected {
  color: rgb(55.44, 55.44, 55.44);
}
.k-button-clear-primary {
  color: #ff6358;
}
.k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-secondary {
  color: #666666;
}
.k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-tertiary {
  color: #03a9f4;
}
.k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-info {
  color: #0058e9;
}
.k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-success {
  color: #37b400;
}
.k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-warning {
  color: #ffc000;
}
.k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-error {
  color: #f31700;
}
.k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-dark {
  color: #424242;
}
.k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-light {
  color: #ebebeb;
}
.k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-inverse {
  color: #424242;
}
.k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-button-clear-base {
  color: #424242;
}
.k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after {
  background-color: currentColor;
  opacity: 0.1;
  display: block;
}
.k-input,
.k-picker {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: normal;
  text-align: start;
  box-shadow: none;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.k-input *,
.k-input *::before,
.k-input *::after,
.k-picker *,
.k-picker *::before,
.k-picker *::after {
  box-sizing: border-box;
}
.k-input > .k-input,
.k-input > .k-picker,
.k-picker > .k-input,
.k-picker > .k-picker {
  border-width: 0 !important;
  color: inherit;
  background: none;
  font: inherit;
  outline: 0;
  box-shadow: none;
}
.k-input > *,
.k-picker > * {
  margin: 0;
}
.k-input::placeholder,
.k-picker::placeholder {
  color: #666666;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

input.k-input,
textarea.k-textarea {
  padding-block: 4px;
  padding-inline: 8px;
}
input.k-input:disabled, input.k-input[disabled],
textarea.k-textarea:disabled,
textarea.k-textarea[disabled] {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
[disabled] input.k-input:disabled, .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled], .k-disabled input.k-input[disabled],
[disabled] textarea.k-textarea:disabled,
.k-disabled textarea.k-textarea:disabled,
[disabled] textarea.k-textarea[disabled],
.k-disabled textarea.k-textarea[disabled] {
  opacity: 1;
  filter: grayscale(0);
}

textarea.k-textarea {
  overflow: auto;
}

.k-picker {
  cursor: pointer;
}

select.k-picker {
  padding-block: 4px;
  padding-inline: 8px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
select.k-picker:disabled, select.k-picker[disabled] {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}
[disabled] select.k-picker:disabled, .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled], .k-disabled select.k-picker[disabled] {
  opacity: 1;
  filter: grayscale(0);
}

.k-input-inner {
  padding-block: 4px;
  padding-inline: 8px;
  width: 100%;
  border: 0;
  outline: 0;
  color: inherit;
  background: none;
  font: inherit;
  flex: 1 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.k-input-inner::placeholder {
  color: #666666;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.k-input-inner:invalid {
  box-shadow: none;
}

span.k-input-inner {
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

textarea.k-input-inner {
  margin: 0;
}

.k-input-value-icon {
  flex: none;
}

.k-input-value-text {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-input-value-text::before {
  content: "​";
  width: 0px;
  overflow: hidden;
  flex: none;
  display: inline-block;
  vertical-align: top;
}

.k-input-values {
  min-width: 0px;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  cursor: text;
}

.k-input-values .k-chip-list {
  display: contents;
}

.k-icon-picker .k-input-inner {
  padding: 4px;
  justify-content: center;
}

.k-input-prefix,
.k-input-suffix {
  border-color: inherit;
  display: flex;
  align-items: center;
  flex: none;
}
.k-input-prefix > *,
.k-input-suffix > * {
  flex-shrink: 0;
  border: none;
}
.k-input-prefix-vertical,
.k-input-suffix-vertical {
  flex-flow: column wrap;
}
.k-input-prefix-horizontal,
.k-input-suffix-horizontal {
  flex-flow: row wrap;
}

.k-input-separator {
  margin: 0;
  border-style: solid;
  border-color: inherit;
  border-width: 0 0 0 1px;
  height: 16px;
  align-self: center;
}
.k-input-separator-horizontal {
  height: auto;
  margin-inline: 4px;
  align-self: stretch;
  border-width: 1px 0 0;
}
.k-input-separator-vertical {
  height: auto;
  margin-block: 4px;
  align-self: stretch;
  border-width: 0 0 0 1px;
}

.k-input-icon,
.k-input-validation-icon,
.k-input-loading-icon {
  flex: none;
  align-self: center;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.k-input-loading-icon {
  width: 1em;
  height: 1em;
  font-size: 16px;
}

.k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg,
.k-input-validation-icon.k-svg-icon > svg,
.k-input-validation-icon.k-icon-md > svg,
.k-input-loading-icon.k-svg-icon > svg,
.k-input-loading-icon.k-icon-md > svg {
  width: 16px;
  height: 16px;
}
.k-input-icon.k-icon-xs > svg,
.k-input-validation-icon.k-icon-xs > svg,
.k-input-loading-icon.k-icon-xs > svg {
  width: calc(16px * 0.75);
  height: calc(16px * 0.75);
}
.k-input-icon.k-icon-sm > svg,
.k-input-validation-icon.k-icon-sm > svg,
.k-input-loading-icon.k-icon-sm > svg {
  width: calc(16px * 0.875);
  height: calc(16px * 0.875);
}
.k-input-icon.k-icon-lg > svg,
.k-input-validation-icon.k-icon-lg > svg,
.k-input-loading-icon.k-icon-lg > svg {
  width: calc(16px * 1.25);
  height: calc(16px * 1.25);
}
.k-input-icon.k-icon-xl > svg,
.k-input-validation-icon.k-icon-xl > svg,
.k-input-loading-icon.k-icon-xl > svg {
  width: calc(16px * 1.5);
  height: calc(16px * 1.5);
}
.k-input-icon.k-icon-xxl > svg,
.k-input-validation-icon.k-icon-xxl > svg,
.k-input-loading-icon.k-icon-xxl > svg {
  width: calc(16px * 2);
  height: calc(16px * 2);
}
.k-input-icon.k-icon-xxxl > svg,
.k-input-validation-icon.k-icon-xxxl > svg,
.k-input-loading-icon.k-icon-xxxl > svg {
  width: calc(16px * 3);
  height: calc(16px * 3);
}

.k-clear-value {
  outline: 0;
  flex: none;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.5;
}

.k-clear-value:hover,
.k-clear-value.k-hover {
  opacity: 1;
}

.k-clear-value:focus-visible {
  outline: 1px dotted;
  outline-offset: -1px;
}

.k-input-button {
  width: calc(1.4285714286em + 8px);
  border-width: 0;
  border-inline-start-width: 1px;
  flex: none;
  aspect-ratio: auto;
  box-shadow: none;
}
.k-input-button > .k-button-icon {
  min-width: auto !important;
}
.k-input-button:focus {
  box-shadow: none;
}

.k-picker .k-input-button {
  color: inherit;
  background: none;
  border-color: transparent;
}

.k-input-spinner {
  width: calc(1.4285714286em + 8px);
  flex: none;
  display: flex;
  flex-flow: column nowrap;
}
.k-input-spinner .k-spinner-increase,
.k-input-spinner .k-spinner-decrease {
  border-width: 0;
  border-inline-start-width: 1px;
  flex: 1 1 50%;
  box-shadow: none;
  position: relative;
  aspect-ratio: auto;
}
.k-input-spinner .k-spinner-increase .k-button-icon,
.k-input-spinner .k-spinner-decrease .k-button-icon {
  margin-block: -1em;
  margin-inline: 0;
  min-width: auto !important;
  min-height: auto !important;
}
.k-input-spinner .k-spinner-increase .k-icon {
  bottom: auto;
}
.k-input-spinner .k-spinner-decrease .k-icon {
  top: auto;
}

.k-searchbar {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
}

.k-picker-wrap,
.k-dropdown-wrap,
.k-dateinput-wrap,
.k-multiselect-wrap,
.k-numeric-wrap {
  width: 100%;
  border-width: 0;
  border-color: inherit;
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  position: relative;
}

.k-input-flat,
.k-picker-flat {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-width: 1px 0;
  border-top-color: transparent !important;
  background-image: none !important;
}

.k-input-outline {
  background: none !important;
}

.k-input-sm,
.k-picker-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-input-sm .k-input-values,
.k-picker-sm .k-input-values {
  padding: 1px;
  gap: 1px;
}
.k-input-sm .k-input-values > .k-searchbar,
.k-input-sm .k-input-values > .k-input-inner,
.k-picker-sm .k-input-values > .k-searchbar,
.k-picker-sm .k-input-values > .k-input-inner {
  margin: -1px;
}
.k-input-sm .k-input-inner,
.k-picker-sm .k-input-inner {
  padding-block: 2px;
  padding-inline: 8px;
}
.k-input-sm .k-input-button,
.k-input-sm .k-spinner-increase,
.k-input-sm .k-spinner-decrease,
.k-picker-sm .k-input-button,
.k-picker-sm .k-spinner-increase,
.k-picker-sm .k-spinner-decrease {
  padding-block: 2px;
  padding-inline: 2px;
}
.k-input-sm .k-input-icon,
.k-input-sm .k-input-validation-icon,
.k-input-sm .k-input-loading-icon,
.k-input-sm .k-clear-value,
.k-input-sm .k-input-prefix > .k-icon,
.k-input-sm .k-input-prefix > .k-input-prefix-text,
.k-input-sm .k-input-suffix > .k-icon,
.k-input-sm .k-input-suffix > .k-input-suffix-text,
.k-picker-sm .k-input-icon,
.k-picker-sm .k-input-validation-icon,
.k-picker-sm .k-input-loading-icon,
.k-picker-sm .k-clear-value,
.k-picker-sm .k-input-prefix > .k-icon,
.k-picker-sm .k-input-prefix > .k-input-prefix-text,
.k-picker-sm .k-input-suffix > .k-icon,
.k-picker-sm .k-input-suffix > .k-input-suffix-text {
  padding-block: 2px;
  padding-inline: 2px;
  box-sizing: content-box;
}
.k-input-sm .k-input-separator-horizontal,
.k-picker-sm .k-input-separator-horizontal {
  margin-inline: 2px;
}
.k-input-sm .k-input-separator-vertical,
.k-picker-sm .k-input-separator-vertical {
  margin-block: 2px;
}
.k-input-sm.k-icon-picker .k-input-inner,
.k-picker-sm.k-icon-picker .k-input-inner {
  width: calc(1.4285714286em);
  height: calc(1.4285714286em);
  padding: 2px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-sm .k-input-button {
  padding: 2px;
}

select.k-picker-sm {
  padding-block: 2px;
  padding-inline: 8px;
}

.k-input-md,
.k-picker-md {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-input-md .k-input-values,
.k-picker-md .k-input-values {
  padding: 2px;
  gap: 2px;
}
.k-input-md .k-input-values > .k-searchbar,
.k-input-md .k-input-values > .k-input-inner,
.k-picker-md .k-input-values > .k-searchbar,
.k-picker-md .k-input-values > .k-input-inner {
  margin: -2px;
}
.k-input-md .k-input-inner,
.k-picker-md .k-input-inner {
  padding-block: 4px;
  padding-inline: 8px;
}
.k-input-md .k-input-button,
.k-input-md .k-spinner-increase,
.k-input-md .k-spinner-decrease,
.k-picker-md .k-input-button,
.k-picker-md .k-spinner-increase,
.k-picker-md .k-spinner-decrease {
  padding-block: 4px;
  padding-inline: 4px;
}
.k-input-md .k-input-icon,
.k-input-md .k-input-validation-icon,
.k-input-md .k-input-loading-icon,
.k-input-md .k-clear-value,
.k-input-md .k-input-prefix > .k-icon,
.k-input-md .k-input-prefix > .k-input-prefix-text,
.k-input-md .k-input-suffix > .k-icon,
.k-input-md .k-input-suffix > .k-input-suffix-text,
.k-picker-md .k-input-icon,
.k-picker-md .k-input-validation-icon,
.k-picker-md .k-input-loading-icon,
.k-picker-md .k-clear-value,
.k-picker-md .k-input-prefix > .k-icon,
.k-picker-md .k-input-prefix > .k-input-prefix-text,
.k-picker-md .k-input-suffix > .k-icon,
.k-picker-md .k-input-suffix > .k-input-suffix-text {
  padding-block: 4px;
  padding-inline: 4px;
  box-sizing: content-box;
}
.k-input-md .k-input-separator-horizontal,
.k-picker-md .k-input-separator-horizontal {
  margin-inline: 4px;
}
.k-input-md .k-input-separator-vertical,
.k-picker-md .k-input-separator-vertical {
  margin-block: 4px;
}
.k-input-md.k-icon-picker .k-input-inner,
.k-picker-md.k-icon-picker .k-input-inner {
  width: calc(1.4285714286em);
  height: calc(1.4285714286em);
  padding: 4px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-md .k-input-button {
  padding: 4px;
}

select.k-picker-md {
  padding-block: 4px;
  padding-inline: 8px;
}

.k-input-lg,
.k-picker-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-input-lg .k-input-values,
.k-picker-lg .k-input-values {
  padding: 4px;
  gap: 4px;
}
.k-input-lg .k-input-values > .k-searchbar,
.k-input-lg .k-input-values > .k-input-inner,
.k-picker-lg .k-input-values > .k-searchbar,
.k-picker-lg .k-input-values > .k-input-inner {
  margin: -4px;
}
.k-input-lg .k-input-inner,
.k-picker-lg .k-input-inner {
  padding-block: 8px;
  padding-inline: 8px;
}
.k-input-lg .k-input-button,
.k-input-lg .k-spinner-increase,
.k-input-lg .k-spinner-decrease,
.k-picker-lg .k-input-button,
.k-picker-lg .k-spinner-increase,
.k-picker-lg .k-spinner-decrease {
  padding-block: 8px;
  padding-inline: 8px;
}
.k-input-lg .k-input-icon,
.k-input-lg .k-input-validation-icon,
.k-input-lg .k-input-loading-icon,
.k-input-lg .k-clear-value,
.k-input-lg .k-input-prefix > .k-icon,
.k-input-lg .k-input-prefix > .k-input-prefix-text,
.k-input-lg .k-input-suffix > .k-icon,
.k-input-lg .k-input-suffix > .k-input-suffix-text,
.k-picker-lg .k-input-icon,
.k-picker-lg .k-input-validation-icon,
.k-picker-lg .k-input-loading-icon,
.k-picker-lg .k-clear-value,
.k-picker-lg .k-input-prefix > .k-icon,
.k-picker-lg .k-input-prefix > .k-input-prefix-text,
.k-picker-lg .k-input-suffix > .k-icon,
.k-picker-lg .k-input-suffix > .k-input-suffix-text {
  padding-block: 8px;
  padding-inline: 8px;
  box-sizing: content-box;
}
.k-input-lg .k-input-separator-horizontal,
.k-picker-lg .k-input-separator-horizontal {
  margin-inline: 8px;
}
.k-input-lg .k-input-separator-vertical,
.k-picker-lg .k-input-separator-vertical {
  margin-block: 8px;
}
.k-input-lg.k-icon-picker .k-input-inner,
.k-picker-lg.k-icon-picker .k-input-inner {
  width: calc(1.5em);
  height: calc(1.5em);
  padding: 8px;
  box-sizing: content-box;
}

.k-dropdown-operator.k-picker-lg .k-input-button {
  padding: 8px;
}

select.k-picker-lg {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-input > kendo-popup,
.k-picker > kendo-popup {
  position: fixed;
}

@keyframes autoFillStart {}
@keyframes autoFillEnd {}
.k-autofill:-webkit-autofill {
  animation-name: autoFillStart;
}

.k-autofill:not(:-webkit-autofill) {
  animation-name: autoFillEnd;
}

.k-input:-webkit-autofill {
  animation-name: autoFillStart;
}

.k-input:not(:-webkit-autofill) {
  animation-name: autoFillEnd;
}

.k-input-solid {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
}
.k-input-solid:hover, .k-input-solid.k-hover {
  border-color: rgba(0, 0, 0, 0.16);
}
.k-input-solid:focus, .k-input-solid.k-focus {
  border-color: rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-solid:focus-within {
  border-color: rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-solid .k-input-prefix {
  color: #666666;
}
.k-input-solid .k-input-suffix {
  color: #666666;
}
.k-input-solid .k-input-separator {
  border-color: rgba(0, 0, 0, 0.08);
}

.k-picker-solid {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #f5f5f5;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.k-picker-solid:hover, .k-picker-solid.k-hover {
  background-color: rgb(235.2, 235.2, 235.2);
}
.k-picker-solid:focus, .k-picker-solid.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-solid:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-outline {
  border-color: rgba(66, 66, 66, 0.5);
  color: #424242;
}
.k-input-outline > .k-input-button {
  border-color: inherit;
}
.k-input-outline > .k-input-spinner {
  border-color: inherit;
}
.k-input-outline > .k-input-spinner > .k-spinner-increase, .k-input-outline > .k-input-spinner > .k-spinner-decrease {
  border-color: inherit;
}
.k-input-outline:hover, .k-input-outline.k-hover {
  border-color: rgba(66, 66, 66, 0.8);
}
.k-input-outline:focus, .k-input-outline.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-outline:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-outline .k-input-prefix {
  color: #666666;
}
.k-input-outline .k-input-suffix {
  color: #666666;
}
.k-input-outline .k-input-separator {
  border-color: rgba(0, 0, 0, 0.08);
}

.k-picker-outline {
  border-color: rgba(66, 66, 66, 0.5);
  color: #424242;
}
.k-picker-outline:hover, .k-picker-outline.k-hover {
  border-color: #424242;
  color: white;
  background-color: #424242;
}
.k-picker-outline:focus, .k-picker-outline.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-outline:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-flat {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
}
.k-input-flat:hover, .k-input-flat.k-hover {
  border-color: rgba(0, 0, 0, 0.16);
}
.k-input-flat:focus, .k-input-flat.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-flat:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-input-flat .k-input-prefix {
  color: #666666;
}
.k-input-flat .k-input-suffix {
  color: #666666;
}
.k-input-flat .k-input-separator {
  border-color: rgba(0, 0, 0, 0.08);
}

.k-picker-flat {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
}
.k-picker-flat:hover, .k-picker-flat.k-hover {
  border-color: rgba(0, 0, 0, 0.16);
  background-color: rgba(66, 66, 66, 0.04);
}
.k-picker-flat:focus, .k-picker-flat.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-flat:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty {
  border-color: #f31700;
}
.k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon {
  color: #f31700;
}
.k-floating-label-container {
  padding-top: calc(1.4285714286 * 14px);
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  flex-direction: column;
  justify-content: stretch;
}
.k-floating-label-container *,
.k-floating-label-container *::before,
.k-floating-label-container *::after {
  box-sizing: border-box;
}
.k-floating-label-container > .k-label {
  max-width: 90%;
  font-size: 14px;
  line-height: 1.4285714286;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: var(--kendo-floating-label-offset-y, calc(calc(1.4285714286 * 14px) + 1px + 4px));
  left: var(--kendo-floating-label-offset-x, calc(8px + 1px));
  overflow: hidden;
  cursor: text;
  transform-origin: left center;
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}
.k-floating-label-container > .k-widget {
  flex: 1 1 auto;
  width: auto;
}
.k-floating-label-container.k-empty > .k-label {
  top: var(--kendo-floating-label-offset-y, calc(calc(1.4285714286 * 14px) + 1px + 4px));
  left: var(--kendo-floating-label-offset-x, calc(8px + 1px));
  transform: scale(1);
  pointer-events: none;
}
.k-floating-label-container > .k-label, .k-floating-label-container.k-focus > .k-label {
  top: var(--kendo-floating-label-focus-offset-y, 0);
  left: var(--kendo-floating-label-focus-offset-x, 0);
  transform: scale(1);
}
.k-floating-label-container:focus-within > .k-label {
  top: var(--kendo-floating-label-focus-offset-y, 0);
  left: var(--kendo-floating-label-focus-offset-x, 0);
  transform: scale(1);
}
.k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
  color: transparent;
}
[dir=rtl] .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir=rtl] > .k-label {
  transform-origin: right center;
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
}
[dir=rtl] .k-floating-label-container.k-empty > .k-label, .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir=rtl].k-empty > .k-label {
  left: auto;
  right: var(--kendo-floating-label-offset-x, calc(8px + 1px));
}
[dir=rtl] .k-floating-label-container > .k-label, [dir=rtl] .k-floating-label-container.k-focus > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-floating-label-container[dir=rtl].k-focus > .k-label {
  left: auto;
  right: var(--kendo-floating-label-focus-offset-x, 0);
}
[dir=rtl] .k-floating-label-container:focus-within > .k-label, .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir=rtl]:focus-within > .k-label {
  left: auto;
  right: var(--kendo-floating-label-focus-offset-x, 0);
}

.k-floating-label-container.k-invalid > .k-label, .k-floating-label-container.ng-invalid.ng-touched > .k-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
  color: #f31700;
}

.k-popup {
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4285714286;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.k-popup .k-item {
  outline: none;
}

.k-animation-container {
  border-radius: 0 0 4px 4px;
}

.k-animation-container-shown {
  overflow: visible;
}

.k-popup > .k-colorpalette {
  padding-block: 8px;
  padding-inline: 8px;
}

.k-popup.k-popup-transparent {
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}

.k-popup.k-popup-flush {
  padding: 0;
}

.k-popup > .k-widget,
.k-popup > .k-coloreditor {
  border-width: 0;
}

.k-shadow {
  box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-popup {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
  box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-animation-container {
  border-radius: 0 0 4px 4px;
}

.k-checkbox {
  margin: 0;
  padding: 0;
  line-height: initial;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
}

.k-checkbox:indeterminate,
.k-checkbox.k-indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff6358' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
}

.k-checkbox:disabled,
.k-checkbox.k-disabled {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  box-shadow: none;
}

.k-checkbox-wrap {
  flex: none;
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 0;
  align-items: center;
  align-self: flex-start;
  vertical-align: middle;
  position: relative;
}
.k-checkbox-wrap::before {
  content: "​";
  width: 0px;
  overflow: hidden;
  flex: none;
  display: inline-block;
  vertical-align: top;
}

.k-checkbox-label {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.k-checkbox-label .k-ripple {
  visibility: hidden !important;
}

.k-checkbox + .k-label,
.k-checkbox-wrap + .k-label,
.k-checkbox + .k-checkbox-label,
.k-checkbox-wrap + .k-checkbox-label {
  display: inline;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.k-checkbox-label:empty {
  display: none !important;
}

.k-checkbox-label.k-no-text {
  min-width: 1px;
}

.k-checkbox-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 0;
  list-style: none;
}

.k-checkbox-item,
.k-checkbox-list-item {
  padding-block: 4px;
  padding-inline: 0px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
}
.k-checkbox-item .k-checkbox-label,
.k-checkbox-list-item .k-checkbox-label {
  margin: 0;
}

.k-checkbox-list-horizontal,
.k-checkbox-list.k-list-horizontal {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}

.k-ripple-container .k-checkbox::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  z-index: -1;
  transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
}
.k-ripple-container .k-checkbox:focus,
.k-ripple-container .k-checkbox.k-focus {
  box-shadow: none !important;
}
.k-ripple-container .k-checkbox:disabled::after,
.k-ripple-container .k-checkbox.k-disabled::after {
  display: none;
}

.k-checkbox-sm {
  width: 12px;
  height: 12px;
}
.k-checkbox-sm::before {
  font-size: 10px;
}

.k-ripple-container .k-checkbox-sm::after {
  width: 300%;
  height: 300%;
}

.k-checkbox-md {
  width: 16px;
  height: 16px;
}
.k-checkbox-md::before {
  font-size: 14px;
}

.k-ripple-container .k-checkbox-md::after {
  width: 300%;
  height: 300%;
}

.k-checkbox-lg {
  width: 20px;
  height: 20px;
}
.k-checkbox-lg::before {
  font-size: 18px;
}

.k-ripple-container .k-checkbox-lg::after {
  width: 300%;
  height: 300%;
}

.k-checkbox {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

.k-checkbox:focus,
.k-checkbox.k-focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}

.k-checkbox:indeterminate,
.k-checkbox.k-indeterminate {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ff6358;
  background-color: #ffffff;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
  border-color: #ff6358;
  color: white;
  background-color: #ff6358;
}

.k-checkbox:checked:focus,
.k-checkbox.k-checked.k-focus {
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
}

.k-checkbox.k-invalid {
  border-color: #f31700;
}

.k-checkbox.k-invalid + .k-checkbox-label {
  color: #f31700;
}

.k-checkbox-wrap .k-ripple-blob {
  color: #ff6358;
  opacity: 0.25;
}

.k-ripple-container .k-checkbox::after {
  background: #ff6358;
  opacity: 0.25;
}

.k-list-container {
  display: flex;
  flex-flow: column nowrap;
}
.k-list-container > .k-list {
  flex: 1 1;
  height: 100%;
}

.k-list {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  display: flex;
  flex-flow: column nowrap;
  outline: none;
  position: relative;
  overflow: hidden;
}
.k-list *,
.k-list *::before,
.k-list *::after {
  box-sizing: border-box;
}

.k-popup > .k-list {
  height: 100%;
  border-width: 0;
}

.k-list-group-sticky-header {
  border-width: 0;
  border-width: 0 0 1px;
  border-style: solid;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: none;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.k-list-content {
  border-color: inherit;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}

.k-list-ul {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-color: inherit;
  height: auto;
  list-style: none;
}

.k-list-item, .k-list-optionlabel {
  border: 0;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
  position: relative;
  transition-property: color, background-color, outline-color, box-shadow;
  transition-duration: 200ms;
  transition-timing-function: ease;
}
.k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
  content: "";
  border-width: 1px 0 0;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.k-list-item-text::before,
.k-list-header-text::before,
.k-list-optionlabel::before {
  content: "​";
  width: 0px;
  overflow: hidden;
}

.k-list-optionlabel {
  column-gap: 0;
}

.k-list-group-item {
  border-width: 0;
  border-width: 1px 0 0;
  border-style: solid;
  font-weight: 700;
  cursor: default;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  gap: 4px;
  position: relative;
}

.k-list-item-group-label {
  padding-block: 0;
  padding-inline: 0.5em;
  font-size: 0.75em;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}

.k-virtual-content,
.k-virtual-list .k-list-content {
  overflow-y: scroll;
}

.k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
.k-virtual-list .k-list-group-item,
.k-virtual-content .k-list-item,
.k-virtual-content .k-list-optionlabel,
.k-virtual-content .k-list-group-item {
  position: absolute;
  width: 100%;
}

.k-virtual-list .k-list-item-text,
.k-virtual-list .k-list-header-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-virtual-list .k-list-optionlabel {
  position: relative;
}

.k-list-filter {
  display: block;
  position: relative;
  padding: 8px;
  box-sizing: border-box;
  flex: none;
}

.k-list-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-list-sm .k-list-group-sticky-header {
  padding-block: 2px;
  padding-inline: 8px;
}
.k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
  padding-block: 2px;
  padding-inline: 8px;
}
.k-list-sm .k-list-group-item {
  padding-block: 2px;
  padding-inline: 8px;
}

.k-list-md {
  font-size: 14px;
  line-height: 1.4285714286;
}
.k-list-md .k-list-group-sticky-header {
  padding-block: 4px;
  padding-inline: 8px;
}
.k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
  padding-block: 4px;
  padding-inline: 8px;
}
.k-list-md .k-list-group-item {
  padding-block: 4px;
  padding-inline: 8px;
}

.k-list-lg {
  font-size: 16px;
  line-height: 1.5;
}
.k-list-lg .k-list-group-sticky-header {
  padding-block: 6px;
  padding-inline: 8px;
}
.k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
  padding-block: 8px;
  padding-inline: 8px;
}
.k-list-lg .k-list-group-item {
  padding-block: 6px;
  padding-inline: 8px;
}

.k-no-data, .k-nodata {
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: lighter;
  text-align: center;
  white-space: normal;
}

.k-list {
  border-color: rgba(0, 0, 0, 0.08);
  color: #424242;
  background-color: #ffffff;
}

.k-list-group-sticky-header {
  border-color: inherit;
  box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
  color: #424242;
  background-color: #f0f0f0;
}
.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
  color: white;
  background-color: #ff6358;
}
.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
  color: white;
  background-color: rgb(234.6, 91.08, 80.96);
}

.k-list-optionlabel,
.k-list-optionlabel.k-hover,
.k-list-optionlabel:hover {
  color: #666666;
}

.k-list-group-item {
  border-color: inherit;
}

.k-list-item-group-label {
  color: #ffffff;
  background-color: #424242;
}

.k-no-data, .k-nodata {
  color: #666666;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-contexify/dist/ReactContexify.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px rgba(0,0,0,.1),2px 4px 4px rgba(0,0,0,.1),3px 6px 6px rgba(0,0,0,.1);--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:rgba(0,0,0,.2);--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{position:fixed;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--contexify-menu-bgColor);box-sizing:border-box;box-shadow:var(--contexify-menu-shadow);border-radius:var(--contexify-menu-radius);padding:var(--contexify-menu-padding);min-width:var(--contexify-menu-minWidth);z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{pointer-events:auto;opacity:1}.contexify .contexify_submenu{position:absolute;pointer-events:none;transition:opacity .265s;top:calc(-1 * var(--contexify-menu-negatePadding));left:100%}.contexify .contexify_submenu-bottom{bottom:calc(-1 * var(--contexify-menu-negatePadding));top:unset}.contexify .contexify_submenu-right{right:100%;left:unset}.contexify_rightSlot{margin-left:auto;display:flex;color:var(--contexify-rightSlot-color)}.contexify_separator{height:1px;cursor:default;margin:var(--contexify-separator-margin);background-color:var(--contexify-separator-color)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{pointer-events:auto;opacity:1}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{padding:var(--contexify-itemContent-padding);display:flex;align-items:center;white-space:nowrap;color:var(--contexify-item-color);position:relative}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:rgba(40,40,40,.98);--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{transform-origin:top left;animation:contexify_scaleIn .3s}.contexify_willLeave-scale{transform-origin:top left;animation:contexify_scaleOut .3s}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{transform:perspective(800px) rotateX(45deg);opacity:0}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{transform-origin:top center;animation:contexify_slideIn .3s}.contexify_willLeave-slide{transform-origin:top center;animation:contexify_slideOut .3s}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/markdown-field/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* legacy colors */
/* end of legacy colors */
:where(.markdown-field) {
  font-family: var(--font-family-body), serif;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  color: var(--color-text-default);
}

:where(.markdown-field.single-col) {
  flex-direction: column;
}

:where(.markdown-field:not(.single-col)) {
  flex-direction: row;
}

:where(.markdown-field:not(.single-col) label) {
  align-self: flex-start;
  min-height: 32px;
}

:where(.markdown-field label) {
  font-family: var(--font-family-label), serif;
  font-size: var(--typography-size-label, 12px);
  font-style: normal;
  font-weight: var(--typography-weight-label, 600);
  line-height: var(--typography-lineHeight-label, 16px);
  display: flex;
  min-width: 80px;
  align-items: center;
  gap: 4px;
}

:where(.markdown-field label .required) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  height: 16px;
  width: 5px;
  color: var(--color-text-negative-default);
}

:where(.markdown-field .input-area) {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 6px;
}

:where(.markdown-field .input-area .input-wrapper) {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  box-sizing: content-box;
  height: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  outline: none;
  width: 100%;
}

:where(.markdown-field .input-area .input-wrapper:not(.allow-resize) textarea) {
  resize: none;
}

:where(.markdown-field .input-area .input-wrapper.allow-resize textarea) {
  resize: vertical;
}

:where(.markdown-field .input-area .input-wrapper:has(textarea:hover:not(:focus):not(:disabled))),
:where(.markdown-field .input-area .input-wrapper:has(textarea:focus:not(:disabled))) {
  border-color: var(--color-outline-brand-default);
}

:where(.markdown-field .input-area .input-wrapper textarea) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  color: var(--color-text-default);
  width: 100%;
  min-height: 30px;
  padding: 5px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  outline: none;
}
:where(.markdown-field .input-area .input-wrapper textarea)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.markdown-field .input-area .input-wrapper textarea)::-webkit-scrollbar-button {
  display: none;
}
:where(.markdown-field .input-area .input-wrapper textarea)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.markdown-field .input-area .input-wrapper textarea:disabled) {
  color: var(--color-outline-subtle);
}

:where(.markdown-field .input-area .input-wrapper textarea::placeholder),
:where(.markdown-field .input-area .input-wrapper textarea:-ms-input-placeholder) {
  color: var(--color-text-subtlest);
}

:where(.markdown-field .input-area .input-wrapper .font-icon:hover) {
  color: var(--color-bg-brand-hovered);
}

:where(.markdown-field .input-area .validation-error) {
  color: var(--color-text-negative-default);
  font-size: 12px;
  font-weight: 600;
  width: 100%;
}

:where(.markdown-field .input-area .input-hint) {
  color: var(--color-text-subtle);
  font-size: 12px;
  font-weight: 500;
  width: 100%;
}

:where(.markdown-text-box) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  color: var(--color-text-default);
  width: 100%;
  min-height: 30px;
  max-height: 100px;
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 5px 12px;
}
:where(.markdown-text-box)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.markdown-text-box)::-webkit-scrollbar-button {
  display: none;
}
:where(.markdown-text-box)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.markdown-text-box .markdown-preview) {
  display: flex;
  flex-flow: column;
  overflow-wrap: anywhere;
}

:where(.markdown-text-box textarea) {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  resize: none;
  padding: 5px 12px;
  box-sizing: border-box;
}
:where(.markdown-text-box textarea)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.markdown-text-box textarea)::-webkit-scrollbar-button {
  display: none;
}
:where(.markdown-text-box textarea)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.markdown-text-box:not(:has(textarea))) {
  overflow: auto;
}

:where(.markdown-text-box:has(textarea)) {
  padding: 0;
  overflow: hidden;
}

:where(.markdown-text-box.disabled) {
  cursor: default;
  color: var(--color-outline-subtle);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/globals.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* this folder contains scss to be forwarded into dist/_variables.scss */
/* which then can be used by @use '...' as variables, */
/* and callable by variables.$var-name */
/* but if its within :root then callable using var(--var.name) directly */
/* legacy colors */
/* end of legacy colors */
/* this folder contains scss to be forwarded into dist/_variables.scss */
/* which then can be used by @use '...' as variables, */
/* and callable by variables.$var-name */
/* but if its within :root then callable using var(--var.name) directly */
/* this folder contains scss to be forwarded into dist/_mixins.scss */
/* which then can be used by @use '...' as mixins , and callable by mixins.mixin-name  */
/* this folder contains scss to be forwarded into dist/_mixins.scss */
/* which then can be used by @use '...' as mixins , and callable by mixins.mixin-name  */
.glow {
  box-shadow: 0 0 5px #8BE6D0, 0 0 10px rgba(139, 230, 208, 0.6);
  animation: glow-animation 1s infinite alternate;
}

@keyframes glow-animation {
  0% {
    box-shadow: 0 0 3px #8BE6D0, 0 0 6px rgba(139, 230, 208, 0.6);
  }
  100% {
    box-shadow: 0 0 8px #8BE6D0, 0 0 12px rgba(139, 230, 208, 0.6);
  }
}
.tf-custom-scroll {
  scrollbar-color: #D9D9D9 #F7F7F7;
  scrollbar-width: thin;
  overflow-y: auto;
}

.tf-custom-scroll::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(217, 217, 217, 0.5);
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #D9D9D9;
}

/* this folder contains scss to be forwarded into dist/_mixins.scss */
/* which then can be used by @use '...' as mixins , and callable by mixins.mixin-name  */
/* this folder contains scss to be forwarded into dist/_mixins.scss */
/* which then can be used by @use '...' as mixins , and callable by mixins.mixin-name  */
/*
To use react-contexify on the consumer side, please inject react-contexify's styles on the consumer's SCSS file:
@use '../../node_modules/react-contexify/scss/main.scss';
Consider correct relative path to node_modules.
 */
:root {
  --font-family-default: "Figtree", sans-serif;
  --font-clash-display: "clash-display", sans-serif;
  --font-family-body: var(--font-family-default);
  --font-family-heading: var(--font-family-default);
  --font-family-label: var(--font-family-default);
  --font-family-caption: var(--font-family-default);
  /* H1 */
  --typography-size-heading1: 64px;
  --typography-weight-heading1: 600;
  --typography-lineHeight-heading1: 80px;
  --typography-size-heading1-m: 48px;
  --typography-lineHeight-heading1-m: 64px;
  /* H2 */
  --typography-size-heading2: 48px;
  --typography-weight-heading2: 600;
  --typography-lineHeight-heading2: 64px;
  --typography-size-heading2-m: 32px;
  --typography-lineHeight-heading2-m: 40px;
  /* H3 */
  --typography-size-heading3: 32px;
  --typography-weight-heading3: 600;
  --typography-lineHeight-heading3: 40px;
  --typography-size-heading3-m: 24px;
  --typography-lineHeight-heading3-m: 32px;
  /* H4 */
  --typography-size-heading4: 24px;
  --typography-weight-heading4: 600;
  --typography-lineHeight-heading4: 32px;
  --typography-size-heading4-m: 20px;
  --typography-lineHeight-heading4-m: 24px;
  /* H5 */
  --typography-size-heading5: 20px;
  --typography-weight-heading5: 600;
  --typography-lineHeight-heading5: 24px;
  --typography-size-heading5-m: 16px;
  --typography-lineHeight-heading5-m: 20px;
  /* H6 */
  --typography-size-heading6: 16px;
  --typography-weight-heading6: 600;
  --typography-lineHeight-heading6: 24px;
  --typography-size-heading6-m: 14px;
  --typography-lineHeight-heading6-m: 20px;
  /* label */
  --typography-size-label: 12px;
  --typography-weight-label: 500;
  --typography-lineHeight-label: 16px;
  /* body1/medium */
  --typography-weight-body1-medium: 500;
  --typography-weight-body1-regular: 400;
  --typography-lineHeight-body1: 24px;
  --typography-size-body1: 16px;
  --typography-size-body1-m: 14px;
  --typography-lineHeight-body1-m: 20px;
  /* body1/regular */
  --typography-weight-body1-regular: 400;
  /* body1/semibold */
  --typography-weight-body1-semibold: 600;
  /* body2/medium */
  --typography-size-body2: 14px;
  --typography-weight-body2-medium: 500;
  --typography-lineHeight-body2: 20px;
  /* body2/regular */
  --typography-weight-body2-regular: 400;
  /* body2/semibold */
  --typography-weight-body2-semibold: 600;
  /* body3/medium */
  --typography-size-body3: 12px;
  --typography-weight-body3-medium: 500;
  --typography-lineHeight-body3: 16px;
  --typography-lineHeight-body3-m: 12px;
  /* body3/regular */
  --typography-weight-body3-regular: 400;
  /* body3/semibold */
  --typography-weight-body3-semibold: 600;
  /* body4/regular */
  --typography-size-body4: 11px;
  --typography-weight-body4-regular: 400;
  --typography-lineHeight-body4: 16px;
  --typography-lineHeight-body4-m: 12px;
  /* body4/medium */
  --typography-weight-body4-medium: 500;
  /* body4/semibold */
  --typography-weight-body4-semibold: 600;
  /* body5/medium */
  --typography-size-body5: 8px;
  --typography-lineHeight-body5: 12px;
  --typography-weight-body5-medium: 500;
  /* body5/regular */
  --typography-weight-body5-regular: 400;
  /* body5/semibold */
  --typography-weight-body5-semibold: 600;
  /* button/md */
  --typography-size-button-md: 14px;
  --typography-weight-button-md: 600;
  --typography-lineHeight-button-md: 20px;
  /* button/sm */
  --typography-size-button-sm: 12px;
  --typography-weight-button-sm: 600;
  --typography-lineHeight-button-sm: 16px;
  /* caption-1 */
  --typography-size-caption1: 14px;
  --typography-weight-caption1: 600;
  --typography-lineHeight-caption1: 20px;
  /* caption-2 */
  --typography-size-caption2: 12px;
  --typography-weight-caption2: 600;
  --typography-lineHeight-caption2: 16px;
  /* caption-3 */
  --typography-size-caption3: 8px;
  --typography-weight-caption3: 600;
  --typography-lineHeight-caption3: 12px;
}

:root {
  --color-bg-accentAqua-enabled: #1ed3ebff;
  --color-bg-accentAqua-hovered: #4bdcefff;
  --color-bg-accentAqua-subtle-enabled: #e9fbfdff;
  --color-bg-accentAqua-subtle-hovered: #d0f6fbff;
  --color-bg-accentMint-enabled: #03dac5ff;
  --color-bg-accentMint-hovered: #35e1d1ff;
  --color-bg-accentMint-subtle-enabled: #e5fbf9ff;
  --color-bg-accentMint-subtle-hovered: #cef8f4ff;
  --color-bg-accentPink-enabled: #ff47a0ff;
  --color-bg-accentPink-hovered: #ff6cb3ff;
  --color-bg-accentPink-subtle-enabled: #fff5faff;
  --color-bg-accentPink-subtle-hovered: #ffd6eaff;
  --color-bg-attention-enabled: #f9c517ff;
  --color-bg-attention-hovered: #fad145ff;
  --color-bg-attention-subtle-enabled: #fef9e8ff;
  --color-bg-attention-subtle-hovered: #fef3cdff;
  --color-bg-brand-enabled: #5dcdb5ff;
  --color-bg-brand-focused: #92decdff;
  --color-bg-brand-hovered: #92decdff;
  --color-bg-brand-subtle-enabled: #effaf8ff;
  --color-bg-brand-subtle-hovered: #cdf0e8ff;
  --color-bg-default: #f5f6f7ff;
  --color-bg-disabled: #34445a1a;
  --color-bg-hovered: #effaf8ff;
  --color-bg-info-enabled: #3697ffff;
  --color-bg-info-hovered: #5eacffff;
  --color-bg-info-subtle-enabled: #ebf5ffff;
  --color-bg-info-subtle-focused: #cce5ffff;
  --color-bg-info-subtle-hovered: #cce5ffff;
  --color-bg-inverse: #ffffffff;
  --color-bg-inverseoverlay: #ffffffcc;
  --color-bg-negative-enabled: #d22d2dff;
  --color-bg-negative-focused: #952020ff;
  --color-bg-negative-hovered: #db5757ff;
  --color-bg-negative-subtle-enabled: #fbeaeaff;
  --color-bg-negative-subtle-hovered: #f1bebeff;
  --color-bg-neutral-bold-disabled: #34445acc;
  --color-bg-neutral-bold-enabled: #253040ff;
  --color-bg-neutral-bold-focused: #1d2532ff;
  --color-bg-neutral-bold-hovered: #2f3e52ff;
  --color-bg-neutral-enabled: #ebeceeff;
  --color-bg-neutral-hovered: #c0c5ccff;
  --color-bg-neutral-subtle-enabled: #f5f6f7ff;
  --color-bg-neutral-subtle-hovered: #ebeceeff;
  --color-bg-new-enabled: #7d5efaff;
  --color-bg-new-hovered: #977efbff;
  --color-bg-new-subtle-enabled: #eeebffff;
  --color-bg-new-subtle-hovered: #e0d8fdff;
  --color-bg-positive-enabled: #28a745ff;
  --color-bg-positive-focused: #24983fff;
  --color-bg-positive-hovered: #53b96aff;
  --color-bg-positive-subtle-disabled: #9cd7a9ff;
  --color-bg-positive-subtle-enabled: #eaf6ecff;
  --color-bg-positive-subtle-hovered: #dbf0e0ff;
  --color-bg-selected: #ebeceeff;
  --color-bg-warning-enabled: #ff7e25ff;
  --color-bg-warning-hovered: #ff9851ff;
  --color-bg-warning-subtle-enabled: #fff9f5ff;
  --color-bg-warning-subtle-hovered: #ffe1ccff;
  --color-highlighter-activeline: #34445a0d;
  --color-highlighter-matcheshighlight: #34445a1a;
  --color-highlighter-textselection: #007dff33;
  --color-icon-accentAqua-bold: #1596a7ff;
  --color-icon-accentAqua-default: #1ed3ebff;
  --color-icon-accentAqua-subtle: #68e2f2ff;
  --color-icon-accentMint-bold: #029b8cff;
  --color-icon-accentMint-default: #03dac5ff;
  --color-icon-accentMint-subtle: #56e6d8ff;
  --color-icon-accentPink-bold: #b53272ff;
  --color-icon-accentPink-default: #ff47a0ff;
  --color-icon-accentPink-subtle: #ff84bfff;
  --color-icon-attention-bold: #b18c10ff;
  --color-icon-attention-default: #f9c517ff;
  --color-icon-attention-subtle: #fbd864ff;
  --color-icon-bold: #1d2532ff;
  --color-icon-brand-bold: #429281ff;
  --color-icon-brand-default: #5dcdb5ff;
  --color-icon-brand-subtle: #92decdff;
  --color-icon-default: #2f3e52ff;
  --color-icon-disabled: #34445aab;
  --color-icon-info-bold: #266bb5ff;
  --color-icon-info-default: #3697ffff;
  --color-icon-info-subtle: #78b9ffff;
  --color-icon-inverse: #ffffffff;
  --color-icon-negative-bold: #952020ff;
  --color-icon-negative-default: #d22d2dff;
  --color-icon-negative-subtle: #e17272ff;
  --color-icon-new-bold: #5943b2ff;
  --color-icon-new-default: #7d5efaff;
  --color-icon-new-subtle: #a893fcff;
  --color-icon-positive-bold: #1c7731ff;
  --color-icon-positive-default: #28a745ff;
  --color-icon-positive-subtle: #6fc482ff;
  --color-icon-positive-subtlest: #dbf0e0ff;
  --color-icon-subtle: #5d697bff;
  --color-icon-subtlest: #a2a9b3ff;
  --color-icon-warning-bold: #b5591aff;
  --color-icon-warning-default: #ff7e25ff;
  --color-icon-warning-subtle: #ffa96dff;
  --color-outline-accentAqua-bold: #1596a7ff;
  --color-outline-accentAqua-default: #1ed3ebff;
  --color-outline-accentAqua-subtle: #68e2f2ff;
  --color-outline-accentAqua-subtlest: #d0f6fbff;
  --color-outline-accentMint-bold: #029b8cff;
  --color-outline-accentMint-default: #03dac5ff;
  --color-outline-accentMint-subtle: #56e6d8ff;
  --color-outline-accentMint-subtlest: #cef8f4ff;
  --color-outline-accentPink-bold: #b53272ff;
  --color-outline-accentPink-default: #ff47a0ff;
  --color-outline-accentPink-subtle: #ff84bfff;
  --color-outline-accentPink-subtlest: #ffd6eaff;
  --color-outline-attention-bold: #b5591aff;
  --color-outline-attention-default: #ff7e25ff;
  --color-outline-attention-subtle: #ffa96dff;
  --color-outline-attention-subtlest: #ffe1ccff;
  --color-outline-bold: #2f3e52ff;
  --color-outline-brand-bold: #55bba5ff;
  --color-outline-brand-default: #5dcdb5ff;
  --color-outline-brand-subtle: #92decdff;
  --color-outline-brand-subtlest: #cdf0e8ff;
  --color-outline-default: #5d697bff;
  --color-outline-info-bold: #266bb5ff;
  --color-outline-info-default: #3697ffff;
  --color-outline-info-subtle: #78b9ffff;
  --color-outline-info-subtlest: #cce5ffff;
  --color-outline-inverse: #ffffffcc;
  --color-outline-negative-bold: #952020ff;
  --color-outline-negative-default: #d22d2dff;
  --color-outline-negative-subtle: #e17272ff;
  --color-outline-negative-subtlest: #f1bebeff;
  --color-outline-new-bold: #5943b2ff;
  --color-outline-new-default: #7d5efaff;
  --color-outline-new-subtle: #a893fcff;
  --color-outline-new-subtlest: #eeebffff;
  --color-outline-positive-bold: #1c7731ff;
  --color-outline-positive-default: #28a745ff;
  --color-outline-positive-subtle: #6fc482ff;
  --color-outline-positive-subtlest: #dbf0e0ff;
  --color-outline-subtle: #c0c5ccff;
  --color-outline-subtlest: #ebeceeff;
  --color-outline-update-bold: #b18c10ff;
  --color-outline-update-default: #f9c517ff;
  --color-outline-update-subtle: #fbd864ff;
  --color-outline-update-subtlest: #fef3cdff;
  --color-text-accentAqua-bold: #1596a7ff;
  --color-text-accentAqua-default: #1ed3ebff;
  --color-text-accentAqua-subtle: #68e2f2ff;
  --color-text-accentMint-bold: #029b8cff;
  --color-text-accentMint-default: #03dac5ff;
  --color-text-accentMint-subtle: #56e6d8ff;
  --color-text-accentPink-bold: #b53272ff;
  --color-text-accentPink-default: #ff47a0ff;
  --color-text-accentPink-subtle: #ff84bfff;
  --color-text-attention-bold: #b18c10ff;
  --color-text-attention-default: #f9c517ff;
  --color-text-attention-subtle: #fbd864ff;
  --color-text-bold: #1d2532ff;
  --color-text-brand-bold: #429281ff;
  --color-text-brand-default: #5dcdb5ff;
  --color-text-brand-subtle: #92decdff;
  --color-text-brand-subtlest: #b4e8ddff;
  --color-text-default: #2f3e52ff;
  --color-text-disabled: #34445aab;
  --color-text-info-bold: #266bb5ff;
  --color-text-info-default: #3697ffff;
  --color-text-info-subtle: #78b9ffff;
  --color-text-inverse: #ffffffff;
  --color-text-link-enabled: #3697ffff;
  --color-text-link-visited: #7256e4ff;
  --color-text-negative-bold: #952020ff;
  --color-text-negative-default: #d22d2dff;
  --color-text-negative-subtle: #e17272ff;
  --color-text-new-bold: #5943b2ff;
  --color-text-new-default: #7d5efaff;
  --color-text-new-subtle: #a893fcff;
  --color-text-positive-bold: #1c7731ff;
  --color-text-positive-default: #28a745ff;
  --color-text-positive-subtle: #6fc482ff;
  --color-text-subtle: #5d697bff;
  --color-text-subtlest: #a2a9b3ff;
  --color-text-warning-bold: #b5591aff;
  --color-text-warning-default: #ff7e25ff;
  --color-text-warning-subtle: #ffa96dff;
  --Brand-Gradient-Enabled: linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%);
  --Brand-Gradient-Hovered: linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%);
  --Accent-Automation-Context: linear-gradient(90deg, #977EFB 0%, #5EACFF 100%);
  --Premium-Gradient: linear-gradient(180deg, #2F4B84 0%, #814FB0 100%);
}

:root {
  --elevation-shadow-level1: rgba(52, 68, 90, 0.31);
  --elevation-shadow-level2: rgba(52, 68, 90, 0.31);
  --elevation-shadow-level3: rgba(52, 68, 90, 0.31);
  --elevation-shadow-level4: rgba(52, 68, 90, 0.31);
  --elevation-shadow-level4_soft: rgba(52, 68, 90, 0.10);
}

:root {
  --font-lineHeight-none: 0px;
  --font-lineHeight-1: 1px;
  --font-lineHeight-2: 2px;
  --font-lineHeight-4: 4px;
  --font-lineHeight-6: 6px;
  --font-lineHeight-8: 8px;
  --font-lineHeight-10: 10px;
  --font-lineHeight-12: 12px;
  --font-lineHeight-14: 14px;
  --font-lineHeight-16: 16px;
  --font-lineHeight-20: 20px;
  --font-lineHeight-24: 24px;
  --font-lineHeight-32: 32px;
  --font-lineHeight-40: 40px;
  --font-lineHeight-60: 60px;
  --font-lineHeight-64: 64px;
  --font-lineHeight-80: 80px;
  --font-lineHeight-96: 96px;
  --font-lineHeight-100: 100px;
}

:root {
  --Breakpoints-frameWidth: 100vw;
  --Safezone-width: 90vw;
}
:root .d-none {
  display: none !important;
}

@font-face {
  font-family: "Figtree";
  src: url(/_next/static/media/Figtree-VariableFont_wght.5d84fb0e.woff2) format("woff2"), url(/_next/static/media/Figtree-VariableFont_wght.670367ae.woff) format("woff"), url(/_next/static/media/Figtree-VariableFont_wght.84403cbd.ttf) format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url(/_next/static/media/Figtree-Italic-VariableFont_wght.fd183e1b.woff2) format("woff2"), url(/_next/static/media/Figtree-Italic-VariableFont_wght.3ee61cfa.woff) format("woff"), url(/_next/static/media/Figtree-Italic-VariableFont_wght.6b42fbc1.ttf) format("truetype");
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "clash-display";
  src: url(/_next/static/media/clash-display-variable.5860e2bc.woff2) format("woff2"), url(/_next/static/media/clash-display-variable.1f87593c.woff) format("woff"), url(/_next/static/media/clash-display-variable.4eb01f08.ttf) format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
.color-bg-accentAqua-enabled {
  background: var(--color-bg-accentAqua-enabled);
}

.color-bg-accentAqua-hovered {
  background: var(--color-bg-accentAqua-hovered);
}

.color-bg-accentAqua-subtle-enabled {
  background: var(--color-bg-accentAqua-subtle-enabled);
}

.color-bg-accentAqua-subtle-hovered {
  background: var(--color-bg-accentAqua-subtle-hovered);
}

.color-bg-accentMint-enabled {
  background: var(--color-bg-accentMint-enabled);
}

.color-bg-accentMint-hovered {
  background: var(--color-bg-accentMint-hovered);
}

.color-bg-accentMint-subtle-enabled {
  background: var(--color-bg-accentMint-subtle-enabled);
}

.color-bg-accentMint-subtle-hovered {
  background: var(--color-bg-accentMint-subtle-hovered);
}

.color-bg-accentPink-enabled {
  background: var(--color-bg-accentPink-enabled);
}

.color-bg-accentPink-hovered {
  background: var(--color-bg-accentPink-hovered);
}

.color-bg-accentPink-subtle-enabled {
  background: var(--color-bg-accentPink-subtle-enabled);
}

.color-bg-accentPink-subtle-hovered {
  background: var(--color-bg-accentPink-subtle-hovered);
}

.color-bg-attention-enabled {
  background: var(--color-bg-attention-enabled);
}

.color-bg-attention-hovered {
  background: var(--color-bg-attention-hovered);
}

.color-bg-attention-subtle-enabled {
  background: var(--color-bg-attention-subtle-enabled);
}

.color-bg-attention-subtle-hovered {
  background: var(--color-bg-attention-subtle-hovered);
}

.color-bg-brand-enabled {
  background: var(--color-bg-brand-enabled);
}

.color-bg-brand-focused {
  background: var(--color-bg-brand-focused);
}

.color-bg-brand-hovered {
  background: var(--color-bg-brand-hovered);
}

.color-bg-brand-subtle-enabled {
  background: var(--color-bg-brand-subtle-enabled);
}

.color-bg-brand-subtle-hovered {
  background: var(--color-bg-brand-subtle-hovered);
}

.color-bg-default {
  background: var(--color-bg-default);
}

.color-bg-disabled {
  background: var(--color-bg-disabled);
}

.color-bg-hovered {
  background: var(--color-bg-hovered);
}

.color-bg-info-enabled {
  background: var(--color-bg-info-enabled);
}

.color-bg-info-hovered {
  background: var(--color-bg-info-hovered);
}

.color-bg-info-subtle-enabled {
  background: var(--color-bg-info-subtle-enabled);
}

.color-bg-info-subtle-focused {
  background: var(--color-bg-info-subtle-focused);
}

.color-bg-info-subtle-hovered {
  background: var(--color-bg-info-subtle-hovered);
}

.color-bg-inverse {
  background: var(--color-bg-inverse);
}

.color-bg-inverseoverlay {
  background: var(--color-bg-inverseoverlay);
}

.color-bg-negative-enabled {
  background: var(--color-bg-negative-enabled);
}

.color-bg-negative-focused {
  background: var(--color-bg-negative-focused);
}

.color-bg-negative-hovered {
  background: var(--color-bg-negative-hovered);
}

.color-bg-negative-subtle-enabled {
  background: var(--color-bg-negative-subtle-enabled);
}

.color-bg-negative-subtle-hovered {
  background: var(--color-bg-negative-subtle-hovered);
}

.color-bg-neutral-bold-disabled {
  background: var(--color-bg-neutral-bold-disabled);
}

.color-bg-neutral-bold-enabled {
  background: var(--color-bg-neutral-bold-enabled);
}

.color-bg-neutral-bold-focused {
  background: var(--color-bg-neutral-bold-focused);
}

.color-bg-neutral-bold-hovered {
  background: var(--color-bg-neutral-bold-hovered);
}

.color-bg-neutral-enabled {
  background: var(--color-bg-neutral-enabled);
}

.color-bg-neutral-hovered {
  background: var(--color-bg-neutral-hovered);
}

.color-bg-neutral-subtle-enabled {
  background: var(--color-bg-neutral-subtle-enabled);
}

.color-bg-neutral-subtle-hovered {
  background: var(--color-bg-neutral-subtle-hovered);
}

.color-bg-new-enabled {
  background: var(--color-bg-new-enabled);
}

.color-bg-new-hovered {
  background: var(--color-bg-new-hovered);
}

.color-bg-new-subtle-enabled {
  background: var(--color-bg-new-subtle-enabled);
}

.color-bg-new-subtle-hovered {
  background: var(--color-bg-new-subtle-hovered);
}

.color-bg-positive-enabled {
  background: var(--color-bg-positive-enabled);
}

.color-bg-positive-focused {
  background: var(--color-bg-positive-focused);
}

.color-bg-positive-hovered {
  background: var(--color-bg-positive-hovered);
}

.color-bg-positive-subtle-disabled {
  background: var(--color-bg-positive-subtle-disabled);
}

.color-bg-positive-subtle-enabled {
  background: var(--color-bg-positive-subtle-enabled);
}

.color-bg-positive-subtle-hovered {
  background: var(--color-bg-positive-subtle-hovered);
}

.color-bg-selected {
  background: var(--color-bg-selected);
}

.color-bg-warning-enabled {
  background: var(--color-bg-warning-enabled);
}

.color-bg-warning-hovered {
  background: var(--color-bg-warning-hovered);
}

.color-bg-warning-subtle-enabled {
  background: var(--color-bg-warning-subtle-enabled);
}

.color-bg-warning-subtle-hovered {
  background: var(--color-bg-warning-subtle-hovered);
}

.color-highlighter-activeline {
  color: var(--color-highlighter-activeline);
}

.color-highlighter-matcheshighlight {
  color: var(--color-highlighter-matcheshighlight);
}

.color-highlighter-textselection {
  color: var(--color-highlighter-textselection);
}

.color-icon-accentAqua-bold {
  color: var(--color-icon-accentAqua-bold);
}

.color-icon-accentAqua-default {
  color: var(--color-icon-accentAqua-default);
}

.color-icon-accentAqua-subtle {
  color: var(--color-icon-accentAqua-subtle);
}

.color-icon-accentMint-bold {
  color: var(--color-icon-accentMint-bold);
}

.color-icon-accentMint-default {
  color: var(--color-icon-accentMint-default);
}

.color-icon-accentMint-subtle {
  color: var(--color-icon-accentMint-subtle);
}

.color-icon-accentPink-bold {
  color: var(--color-icon-accentPink-bold);
}

.color-icon-accentPink-default {
  color: var(--color-icon-accentPink-default);
}

.color-icon-accentPink-subtle {
  color: var(--color-icon-accentPink-subtle);
}

.color-icon-attention-bold {
  color: var(--color-icon-attention-bold);
}

.color-icon-attention-default {
  color: var(--color-icon-attention-default);
}

.color-icon-attention-subtle {
  color: var(--color-icon-attention-subtle);
}

.color-icon-bold {
  color: var(--color-icon-bold);
}

.color-icon-brand-bold {
  color: var(--color-icon-brand-bold);
}

.color-icon-brand-default {
  color: var(--color-icon-brand-default);
}

.color-icon-brand-subtle {
  color: var(--color-icon-brand-subtle);
}

.color-icon-default {
  color: var(--color-icon-default);
}

.color-icon-disabled {
  color: var(--color-icon-disabled);
}

.color-icon-info-bold {
  color: var(--color-icon-info-bold);
}

.color-icon-info-default {
  color: var(--color-icon-info-default);
}

.color-icon-info-subtle {
  color: var(--color-icon-info-subtle);
}

.color-icon-inverse {
  color: var(--color-icon-inverse);
}

.color-icon-negative-bold {
  color: var(--color-icon-negative-bold);
}

.color-icon-negative-default {
  color: var(--color-icon-negative-default);
}

.color-icon-negative-subtle {
  color: var(--color-icon-negative-subtle);
}

.color-icon-new-bold {
  color: var(--color-icon-new-bold);
}

.color-icon-new-default {
  color: var(--color-icon-new-default);
}

.color-icon-new-subtle {
  color: var(--color-icon-new-subtle);
}

.color-icon-positive-bold {
  color: var(--color-icon-positive-bold);
}

.color-icon-positive-default {
  color: var(--color-icon-positive-default);
}

.color-icon-positive-subtle {
  color: var(--color-icon-positive-subtle);
}

.color-icon-positive-subtlest {
  color: var(--color-icon-positive-subtlest);
}

.color-icon-subtle {
  color: var(--color-icon-subtle);
}

.color-icon-subtlest {
  color: var(--color-icon-subtlest);
}

.color-icon-warning-bold {
  color: var(--color-icon-warning-bold);
}

.color-icon-warning-default {
  color: var(--color-icon-warning-default);
}

.color-icon-warning-subtle {
  color: var(--color-icon-warning-subtle);
}

.color-outline-accentAqua-bold {
  color: var(--color-outline-accentAqua-bold);
}

.color-outline-accentAqua-default {
  color: var(--color-outline-accentAqua-default);
}

.color-outline-accentAqua-subtle {
  color: var(--color-outline-accentAqua-subtle);
}

.color-outline-accentAqua-subtlest {
  color: var(--color-outline-accentAqua-subtlest);
}

.color-outline-accentMint-bold {
  color: var(--color-outline-accentMint-bold);
}

.color-outline-accentMint-default {
  color: var(--color-outline-accentMint-default);
}

.color-outline-accentMint-subtle {
  color: var(--color-outline-accentMint-subtle);
}

.color-outline-accentMint-subtlest {
  color: var(--color-outline-accentMint-subtlest);
}

.color-outline-accentPink-bold {
  color: var(--color-outline-accentPink-bold);
}

.color-outline-accentPink-default {
  color: var(--color-outline-accentPink-default);
}

.color-outline-accentPink-subtle {
  color: var(--color-outline-accentPink-subtle);
}

.color-outline-accentPink-subtlest {
  color: var(--color-outline-accentPink-subtlest);
}

.color-outline-attention-bold {
  color: var(--color-outline-attention-bold);
}

.color-outline-attention-default {
  color: var(--color-outline-attention-default);
}

.color-outline-attention-subtle {
  color: var(--color-outline-attention-subtle);
}

.color-outline-attention-subtlest {
  color: var(--color-outline-attention-subtlest);
}

.color-outline-bold {
  color: var(--color-outline-bold);
}

.color-outline-brand-bold {
  color: var(--color-outline-brand-bold);
}

.color-outline-brand-default {
  color: var(--color-outline-brand-default);
}

.color-outline-brand-subtle {
  color: var(--color-outline-brand-subtle);
}

.color-outline-brand-subtlest {
  color: var(--color-outline-brand-subtlest);
}

.color-outline-default {
  color: var(--color-outline-default);
}

.color-outline-info-bold {
  color: var(--color-outline-info-bold);
}

.color-outline-info-default {
  color: var(--color-outline-info-default);
}

.color-outline-info-subtle {
  color: var(--color-outline-info-subtle);
}

.color-outline-info-subtlest {
  color: var(--color-outline-info-subtlest);
}

.color-outline-inverse {
  color: var(--color-outline-inverse);
}

.color-outline-negative-bold {
  color: var(--color-outline-negative-bold);
}

.color-outline-negative-default {
  color: var(--color-outline-negative-default);
}

.color-outline-negative-subtle {
  color: var(--color-outline-negative-subtle);
}

.color-outline-negative-subtlest {
  color: var(--color-outline-negative-subtlest);
}

.color-outline-new-bold {
  color: var(--color-outline-new-bold);
}

.color-outline-new-default {
  color: var(--color-outline-new-default);
}

.color-outline-new-subtle {
  color: var(--color-outline-new-subtle);
}

.color-outline-new-subtlest {
  color: var(--color-outline-new-subtlest);
}

.color-outline-positive-bold {
  color: var(--color-outline-positive-bold);
}

.color-outline-positive-default {
  color: var(--color-outline-positive-default);
}

.color-outline-positive-subtle {
  color: var(--color-outline-positive-subtle);
}

.color-outline-positive-subtlest {
  color: var(--color-outline-positive-subtlest);
}

.color-outline-subtle {
  color: var(--color-outline-subtle);
}

.color-outline-subtlest {
  color: var(--color-outline-subtlest);
}

.color-outline-update-bold {
  color: var(--color-outline-update-bold);
}

.color-outline-update-default {
  color: var(--color-outline-update-default);
}

.color-outline-update-subtle {
  color: var(--color-outline-update-subtle);
}

.color-outline-update-subtlest {
  color: var(--color-outline-update-subtlest);
}

.color-text-accentAqua-bold {
  color: var(--color-text-accentAqua-bold);
}

.color-text-accentAqua-default {
  color: var(--color-text-accentAqua-default);
}

.color-text-accentAqua-subtle {
  color: var(--color-text-accentAqua-subtle);
}

.color-text-accentMint-bold {
  color: var(--color-text-accentMint-bold);
}

.color-text-accentMint-default {
  color: var(--color-text-accentMint-default);
}

.color-text-accentMint-subtle {
  color: var(--color-text-accentMint-subtle);
}

.color-text-accentPink-bold {
  color: var(--color-text-accentPink-bold);
}

.color-text-accentPink-default {
  color: var(--color-text-accentPink-default);
}

.color-text-accentPink-subtle {
  color: var(--color-text-accentPink-subtle);
}

.color-text-attention-bold {
  color: var(--color-text-attention-bold);
}

.color-text-attention-default {
  color: var(--color-text-attention-default);
}

.color-text-attention-subtle {
  color: var(--color-text-attention-subtle);
}

.color-text-bold {
  color: var(--color-text-bold);
}

.color-text-brand-bold {
  color: var(--color-text-brand-bold);
}

.color-text-brand-default {
  color: var(--color-text-brand-default);
}

.color-text-brand-subtle {
  color: var(--color-text-brand-subtle);
}

.color-text-brand-subtlest {
  color: var(--color-text-brand-subtlest);
}

.color-text-default {
  color: var(--color-text-default);
}

.color-text-disabled {
  color: var(--color-text-disabled);
}

.color-text-info-bold {
  color: var(--color-text-info-bold);
}

.color-text-info-default {
  color: var(--color-text-info-default);
}

.color-text-info-subtle {
  color: var(--color-text-info-subtle);
}

.color-text-inverse {
  color: var(--color-text-inverse);
}

.color-text-link-enabled {
  color: var(--color-text-link-enabled);
}

.color-text-link-visited {
  color: var(--color-text-link-visited);
}

.color-text-negative-bold {
  color: var(--color-text-negative-bold);
}

.color-text-negative-default {
  color: var(--color-text-negative-default);
}

.color-text-negative-subtle {
  color: var(--color-text-negative-subtle);
}

.color-text-new-bold {
  color: var(--color-text-new-bold);
}

.color-text-new-default {
  color: var(--color-text-new-default);
}

.color-text-new-subtle {
  color: var(--color-text-new-subtle);
}

.color-text-positive-bold {
  color: var(--color-text-positive-bold);
}

.color-text-positive-default {
  color: var(--color-text-positive-default);
}

.color-text-positive-subtle {
  color: var(--color-text-positive-subtle);
}

.color-text-subtle {
  color: var(--color-text-subtle);
}

.color-text-subtlest {
  color: var(--color-text-subtlest);
}

.color-text-warning-bold {
  color: var(--color-text-warning-bold);
}

.color-text-warning-default {
  color: var(--color-text-warning-default);
}

.color-text-warning-subtle {
  color: var(--color-text-warning-subtle);
}

.tf-text-body-1-regular {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-regular, 400);
}

.tf-text-body-1-medium {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-medium, 500);
}

.tf-text-body-1-semibold {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-semibold, 600);
}

.tf-text-body-1-underlined {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tf-text-body-2-regular {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}

.tf-text-body-2-medium {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
}

.tf-text-body-2-semibold {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
}

.tf-text-body-2-underlined {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tf-text-body-3-regular {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
}

.tf-text-body-3-medium {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
}

.tf-text-body-3-semibold {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
}

.tf-text-body-3-underlined {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tf-text-body-4-regular {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
}

.tf-text-body-4-medium {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-medium, 500);
}

.tf-text-body-4-semibold {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-semibold, 600);
}

.tf-text-body-4-underlined {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tf-text-body-5-regular {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-regular, 400);
}

.tf-text-body-5-medium {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-medium, 500);
}

.tf-text-body-5-semibold {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-semibold, 600);
}

.tf-text-body-5-underlined {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tf-text-h-1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H1 */
  font-size: var(--typography-size-heading1, 64px);
  font-weight: var(--typography-weight-heading1, 600);
  line-height: var(--typography-lineHeight-heading1, 80px);
}

.tf-text-h-2 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H2 */
  font-size: var(--typography-size-heading2, 48px);
  font-weight: var(--typography-weight-heading2, 600);
  line-height: var(--typography-lineHeight-heading2, 64px);
}

.tf-text-h-3 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H3 */
  font-size: var(--typography-size-heading3, 32px);
  font-weight: var(--typography-weight-heading3, 600);
  line-height: var(--typography-lineHeight-heading3, 40px);
}

.tf-text-h-4 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H4 */
  font-size: var(--typography-size-heading4, 24px);
  font-weight: var(--typography-weight-heading4, 600);
  line-height: var(--typography-lineHeight-heading4, 32px);
}

.tf-text-h-5 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
}

.tf-text-h-6 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}

.tf-btn-s-filled-brand,
.tf-btn-s-filled-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-filled-brand:focus-visible,
.tf-btn-s-filled-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-filled-brand:is(a),
.tf-btn-s-filled-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-brand:disabled,
.tf-btn-s-filled-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-filled-brand:hover,
.tf-btn-s-filled-brand-uppercase:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-s-filled-brand:disabled,
.tf-btn-s-filled-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-filled-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-filled-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-filled-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-filled-brand-icon-only:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-s-filled-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-danger,
.tf-btn-s-filled-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-danger:focus-visible,
.tf-btn-s-filled-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-filled-danger:is(a),
.tf-btn-s-filled-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-danger:disabled,
.tf-btn-s-filled-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-filled-danger:hover,
.tf-btn-s-filled-danger-uppercase:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-s-filled-danger:disabled,
.tf-btn-s-filled-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-filled-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-filled-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-filled-danger-icon-only:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-s-filled-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-neutral,
.tf-btn-s-filled-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-s-filled-neutral:focus-visible,
.tf-btn-s-filled-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-filled-neutral:is(a),
.tf-btn-s-filled-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-neutral:disabled,
.tf-btn-s-filled-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-filled-neutral:hover,
.tf-btn-s-filled-neutral-uppercase:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-s-filled-neutral:disabled,
.tf-btn-s-filled-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-filled-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-s-filled-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-filled-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-filled-neutral-icon-only:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-s-filled-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-success,
.tf-btn-s-filled-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-success:focus-visible,
.tf-btn-s-filled-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-filled-success:is(a),
.tf-btn-s-filled-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-success:disabled,
.tf-btn-s-filled-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-filled-success:hover,
.tf-btn-s-filled-success-uppercase:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-s-filled-success:disabled,
.tf-btn-s-filled-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-filled-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-filled-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-filled-success-icon-only:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-s-filled-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-upgrade,
.tf-btn-s-filled-upgrade-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-upgrade:focus-visible,
.tf-btn-s-filled-upgrade-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-filled-upgrade:is(a),
.tf-btn-s-filled-upgrade-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-upgrade:disabled,
.tf-btn-s-filled-upgrade-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-filled-upgrade:hover,
.tf-btn-s-filled-upgrade-uppercase:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-s-filled-upgrade:disabled,
.tf-btn-s-filled-upgrade-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-filled-upgrade-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-filled-upgrade-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-filled-upgrade-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-filled-upgrade-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-upgrade-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-filled-upgrade-icon-only:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-s-filled-upgrade-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-brand,
.tf-btn-sm-filled-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-filled-brand:focus-visible,
.tf-btn-sm-filled-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-brand:is(a),
.tf-btn-sm-filled-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-brand:disabled,
.tf-btn-sm-filled-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-filled-brand:hover,
.tf-btn-sm-filled-brand-uppercase:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-sm-filled-brand:disabled,
.tf-btn-sm-filled-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-filled-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-filled-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-filled-brand-icon-only:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-sm-filled-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-danger,
.tf-btn-sm-filled-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-danger:focus-visible,
.tf-btn-sm-filled-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-danger:is(a),
.tf-btn-sm-filled-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-danger:disabled,
.tf-btn-sm-filled-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-filled-danger:hover,
.tf-btn-sm-filled-danger-uppercase:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-sm-filled-danger:disabled,
.tf-btn-sm-filled-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-filled-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-filled-danger-icon-only:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-sm-filled-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-neutral,
.tf-btn-sm-filled-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-sm-filled-neutral:focus-visible,
.tf-btn-sm-filled-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-neutral:is(a),
.tf-btn-sm-filled-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-neutral:disabled,
.tf-btn-sm-filled-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-filled-neutral:hover,
.tf-btn-sm-filled-neutral-uppercase:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-sm-filled-neutral:disabled,
.tf-btn-sm-filled-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-filled-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-sm-filled-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-filled-neutral-icon-only:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-sm-filled-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-success,
.tf-btn-sm-filled-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-success:focus-visible,
.tf-btn-sm-filled-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-success:is(a),
.tf-btn-sm-filled-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-success:disabled,
.tf-btn-sm-filled-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-filled-success:hover,
.tf-btn-sm-filled-success-uppercase:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-sm-filled-success:disabled,
.tf-btn-sm-filled-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-filled-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-filled-success-icon-only:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-sm-filled-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-upgrade,
.tf-btn-sm-filled-upgrade-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-upgrade:focus-visible,
.tf-btn-sm-filled-upgrade-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-upgrade:is(a),
.tf-btn-sm-filled-upgrade-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-upgrade:disabled,
.tf-btn-sm-filled-upgrade-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-filled-upgrade:hover,
.tf-btn-sm-filled-upgrade-uppercase:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-sm-filled-upgrade:disabled,
.tf-btn-sm-filled-upgrade-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-filled-upgrade-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-filled-upgrade-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-filled-upgrade-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-filled-upgrade-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-filled-upgrade-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-filled-upgrade-icon-only:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-sm-filled-upgrade-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-brand,
.tf-btn-md-filled-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-filled-brand:focus-visible,
.tf-btn-md-filled-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-filled-brand:is(a),
.tf-btn-md-filled-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-brand:disabled,
.tf-btn-md-filled-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-filled-brand:hover,
.tf-btn-md-filled-brand-uppercase:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-md-filled-brand:disabled,
.tf-btn-md-filled-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-filled-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-enabled, #5DCDB5);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-filled-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-filled-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-filled-brand-icon-only:hover {
  background: var(--color-bg-brand-hovered, #92DECD);
}
.tf-btn-md-filled-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-danger,
.tf-btn-md-filled-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-danger:focus-visible,
.tf-btn-md-filled-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-filled-danger:is(a),
.tf-btn-md-filled-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-danger:disabled,
.tf-btn-md-filled-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-filled-danger:hover,
.tf-btn-md-filled-danger-uppercase:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-md-filled-danger:disabled,
.tf-btn-md-filled-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-filled-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-enabled, #D22D2D);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-filled-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-filled-danger-icon-only:hover {
  background: var(--color-bg-danger-hovered, #DB5757);
}
.tf-btn-md-filled-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-neutral,
.tf-btn-md-filled-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-md-filled-neutral:focus-visible,
.tf-btn-md-filled-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-filled-neutral:is(a),
.tf-btn-md-filled-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-neutral:disabled,
.tf-btn-md-filled-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-filled-neutral:hover,
.tf-btn-md-filled-neutral-uppercase:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-md-filled-neutral:disabled,
.tf-btn-md-filled-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-filled-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-md-filled-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-filled-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-filled-neutral-icon-only:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-md-filled-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-success,
.tf-btn-md-filled-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-success:focus-visible,
.tf-btn-md-filled-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-filled-success:is(a),
.tf-btn-md-filled-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-success:disabled,
.tf-btn-md-filled-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-filled-success:hover,
.tf-btn-md-filled-success-uppercase:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-md-filled-success:disabled,
.tf-btn-md-filled-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-filled-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-enabled, #28A745);
  color: var(--color-text-inverse, #FFF);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-filled-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-filled-success-icon-only:hover {
  background: var(--color-bg-success-hovered, #53B96A);
}
.tf-btn-md-filled-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-upgrade,
.tf-btn-md-filled-upgrade-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-upgrade:focus-visible,
.tf-btn-md-filled-upgrade-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-filled-upgrade:is(a),
.tf-btn-md-filled-upgrade-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-upgrade:disabled,
.tf-btn-md-filled-upgrade-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-filled-upgrade:hover,
.tf-btn-md-filled-upgrade-uppercase:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-md-filled-upgrade:disabled,
.tf-btn-md-filled-upgrade-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-filled-upgrade-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-filled-upgrade-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-weight: 500;
  padding: 4px;
  /* filled bg color */
  background: var(--brand-gradient-enabled, linear-gradient(90deg, #03DAC5 0%, #3697FF 94.67%));
  color: var(--color-text-inverse, #FFF);
  text-transform: none;
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-filled-upgrade-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-filled-upgrade-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-filled-upgrade-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-filled-upgrade-icon-only:hover {
  background: var(--brand-gradient-hovered, linear-gradient(90deg, #35E1D1 0%, #5EACFF 94.67%));
}
.tf-btn-md-filled-upgrade-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-brand,
.tf-btn-s-outlined-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-brand:focus-visible,
.tf-btn-s-outlined-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-brand:is(a),
.tf-btn-s-outlined-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-brand:disabled,
.tf-btn-s-outlined-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-outlined-brand:hover,
.tf-btn-s-outlined-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-s-outlined-brand:disabled,
.tf-btn-s-outlined-brand-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-outlined-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-outlined-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-s-outlined-brand-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-danger,
.tf-btn-s-outlined-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-danger:focus-visible,
.tf-btn-s-outlined-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-danger:is(a),
.tf-btn-s-outlined-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-danger:disabled,
.tf-btn-s-outlined-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-outlined-danger:hover,
.tf-btn-s-outlined-danger-uppercase:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-s-outlined-danger:disabled,
.tf-btn-s-outlined-danger-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-outlined-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-outlined-danger-icon-only:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-s-outlined-danger-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-neutral,
.tf-btn-s-outlined-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-s-outlined-neutral:focus-visible,
.tf-btn-s-outlined-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-neutral:is(a),
.tf-btn-s-outlined-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-neutral:disabled,
.tf-btn-s-outlined-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-outlined-neutral:hover,
.tf-btn-s-outlined-neutral-uppercase:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-s-outlined-neutral:disabled,
.tf-btn-s-outlined-neutral-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-outlined-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-s-outlined-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-outlined-neutral-icon-only:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-s-outlined-neutral-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-success,
.tf-btn-s-outlined-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-success:focus-visible,
.tf-btn-s-outlined-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-success:is(a),
.tf-btn-s-outlined-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-success:disabled,
.tf-btn-s-outlined-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-outlined-success:hover,
.tf-btn-s-outlined-success-uppercase:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-s-outlined-success:disabled,
.tf-btn-s-outlined-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-outlined-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-outlined-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-outlined-success-icon-only:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-s-outlined-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-brand,
.tf-btn-sm-outlined-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-brand:focus-visible,
.tf-btn-sm-outlined-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-brand:is(a),
.tf-btn-sm-outlined-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-brand:disabled,
.tf-btn-sm-outlined-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-brand:hover,
.tf-btn-sm-outlined-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-sm-outlined-brand:disabled,
.tf-btn-sm-outlined-brand-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-outlined-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-sm-outlined-brand-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-danger,
.tf-btn-sm-outlined-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-danger:focus-visible,
.tf-btn-sm-outlined-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-danger:is(a),
.tf-btn-sm-outlined-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-danger:disabled,
.tf-btn-sm-outlined-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-danger:hover,
.tf-btn-sm-outlined-danger-uppercase:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-sm-outlined-danger:disabled,
.tf-btn-sm-outlined-danger-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-outlined-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-danger-icon-only:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-sm-outlined-danger-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-neutral,
.tf-btn-sm-outlined-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-sm-outlined-neutral:focus-visible,
.tf-btn-sm-outlined-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-neutral:is(a),
.tf-btn-sm-outlined-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-neutral:disabled,
.tf-btn-sm-outlined-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-neutral:hover,
.tf-btn-sm-outlined-neutral-uppercase:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-sm-outlined-neutral:disabled,
.tf-btn-sm-outlined-neutral-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-outlined-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-sm-outlined-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-neutral-icon-only:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-sm-outlined-neutral-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-success,
.tf-btn-sm-outlined-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-success:focus-visible,
.tf-btn-sm-outlined-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-success:is(a),
.tf-btn-sm-outlined-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-success:disabled,
.tf-btn-sm-outlined-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-success:hover,
.tf-btn-sm-outlined-success-uppercase:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-sm-outlined-success:disabled,
.tf-btn-sm-outlined-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-outlined-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-outlined-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-outlined-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-outlined-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-outlined-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-outlined-success-icon-only:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-sm-outlined-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-brand,
.tf-btn-md-outlined-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-brand:focus-visible,
.tf-btn-md-outlined-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-brand:is(a),
.tf-btn-md-outlined-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-brand:disabled,
.tf-btn-md-outlined-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-outlined-brand:hover,
.tf-btn-md-outlined-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-md-outlined-brand:disabled,
.tf-btn-md-outlined-brand-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-outlined-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-brand-default, #5DCDB5);
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-outlined-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-md-outlined-brand-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-danger,
.tf-btn-md-outlined-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-danger:focus-visible,
.tf-btn-md-outlined-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-danger:is(a),
.tf-btn-md-outlined-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-danger:disabled,
.tf-btn-md-outlined-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-outlined-danger:hover,
.tf-btn-md-outlined-danger-uppercase:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-md-outlined-danger:disabled,
.tf-btn-md-outlined-danger-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-outlined-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-danger-default, #D22D2D);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-outlined-danger-icon-only:hover {
  border: 1px solid var(--color-outline-danger-subtle, #E17272);
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-md-outlined-danger-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-neutral,
.tf-btn-md-outlined-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-md-outlined-neutral:focus-visible,
.tf-btn-md-outlined-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-neutral:is(a),
.tf-btn-md-outlined-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-neutral:disabled,
.tf-btn-md-outlined-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-outlined-neutral:hover,
.tf-btn-md-outlined-neutral-uppercase:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-md-outlined-neutral:disabled,
.tf-btn-md-outlined-neutral-uppercase:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-outlined-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.tf-btn-md-outlined-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-outlined-neutral-icon-only:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-md-outlined-neutral-icon-only:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-success,
.tf-btn-md-outlined-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-success:focus-visible,
.tf-btn-md-outlined-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-success:is(a),
.tf-btn-md-outlined-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-success:disabled,
.tf-btn-md-outlined-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-outlined-success:hover,
.tf-btn-md-outlined-success-uppercase:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-md-outlined-success:disabled,
.tf-btn-md-outlined-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-outlined-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-outlined-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-positive-default);
  color: var(--color-outline-positive-default);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-outlined-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-outlined-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-outlined-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-outlined-success-icon-only:hover {
  border-color: var(--color-outline-positive-subtle);
  color: var(--color-text-positive-subtle);
}
.tf-btn-md-outlined-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-brand,
.tf-btn-s-text-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-brand:focus-visible,
.tf-btn-s-text-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-text-brand:is(a),
.tf-btn-s-text-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-brand:disabled,
.tf-btn-s-text-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-text-brand:hover,
.tf-btn-s-text-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-s-text-brand:disabled,
.tf-btn-s-text-brand-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-text-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-text-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-text-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-s-text-brand-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-danger,
.tf-btn-s-text-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-danger:focus-visible,
.tf-btn-s-text-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-text-danger:is(a),
.tf-btn-s-text-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-danger:disabled,
.tf-btn-s-text-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-text-danger:hover,
.tf-btn-s-text-danger-uppercase:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-s-text-danger:disabled,
.tf-btn-s-text-danger-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-text-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-text-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-text-danger-icon-only:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-s-text-danger-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-neutral,
.tf-btn-s-text-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-text-neutral:focus-visible,
.tf-btn-s-text-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-text-neutral:is(a),
.tf-btn-s-text-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-neutral:disabled,
.tf-btn-s-text-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-text-neutral:hover,
.tf-btn-s-text-neutral-uppercase:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-s-text-neutral:disabled,
.tf-btn-s-text-neutral-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-text-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-text-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-text-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-text-neutral-icon-only:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-s-text-neutral-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-success,
.tf-btn-s-text-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-success:focus-visible,
.tf-btn-s-text-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-text-success:is(a),
.tf-btn-s-text-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-success:disabled,
.tf-btn-s-text-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-text-success:hover,
.tf-btn-s-text-success-uppercase:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-s-text-success:disabled,
.tf-btn-s-text-success-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-text-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-text-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-text-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-text-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-text-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-text-success-icon-only:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-s-text-success-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-brand,
.tf-btn-sm-text-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-brand:focus-visible,
.tf-btn-sm-text-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-text-brand:is(a),
.tf-btn-sm-text-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-brand:disabled,
.tf-btn-sm-text-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-text-brand:hover,
.tf-btn-sm-text-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-sm-text-brand:disabled,
.tf-btn-sm-text-brand-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-text-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-text-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-text-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-sm-text-brand-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-danger,
.tf-btn-sm-text-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-danger:focus-visible,
.tf-btn-sm-text-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-text-danger:is(a),
.tf-btn-sm-text-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-danger:disabled,
.tf-btn-sm-text-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-text-danger:hover,
.tf-btn-sm-text-danger-uppercase:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-sm-text-danger:disabled,
.tf-btn-sm-text-danger-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-text-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-text-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-text-danger-icon-only:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-sm-text-danger-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-neutral,
.tf-btn-sm-text-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-text-neutral:focus-visible,
.tf-btn-sm-text-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-text-neutral:is(a),
.tf-btn-sm-text-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-neutral:disabled,
.tf-btn-sm-text-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-text-neutral:hover,
.tf-btn-sm-text-neutral-uppercase:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-sm-text-neutral:disabled,
.tf-btn-sm-text-neutral-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-text-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-text-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-text-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-text-neutral-icon-only:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-sm-text-neutral-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-success,
.tf-btn-sm-text-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-success:focus-visible,
.tf-btn-sm-text-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-text-success:is(a),
.tf-btn-sm-text-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-success:disabled,
.tf-btn-sm-text-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-text-success:hover,
.tf-btn-sm-text-success-uppercase:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-sm-text-success:disabled,
.tf-btn-sm-text-success-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-text-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-text-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-text-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-text-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-text-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-text-success-icon-only:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-sm-text-success-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-brand,
.tf-btn-md-text-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-brand:focus-visible,
.tf-btn-md-text-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-text-brand:is(a),
.tf-btn-md-text-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-brand:disabled,
.tf-btn-md-text-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-text-brand:hover,
.tf-btn-md-text-brand-uppercase:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-md-text-brand:disabled,
.tf-btn-md-text-brand-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-text-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-brand-default, #5DCDB5);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-text-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-text-brand-icon-only:hover {
  color: var(--color-text-brand-subtle, #92DECD);
}
.tf-btn-md-text-brand-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-danger,
.tf-btn-md-text-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-danger:focus-visible,
.tf-btn-md-text-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-text-danger:is(a),
.tf-btn-md-text-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-danger:disabled,
.tf-btn-md-text-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-text-danger:hover,
.tf-btn-md-text-danger-uppercase:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-md-text-danger:disabled,
.tf-btn-md-text-danger-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-text-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-text-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-text-danger-icon-only:hover {
  color: var(--color-text-danger-subtle, #E17272);
}
.tf-btn-md-text-danger-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-neutral,
.tf-btn-md-text-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-text-neutral:focus-visible,
.tf-btn-md-text-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-text-neutral:is(a),
.tf-btn-md-text-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-neutral:disabled,
.tf-btn-md-text-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-text-neutral:hover,
.tf-btn-md-text-neutral-uppercase:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-md-text-neutral:disabled,
.tf-btn-md-text-neutral-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-text-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-text-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-text-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-text-neutral-icon-only:hover {
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-md-text-neutral-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-success,
.tf-btn-md-text-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  background: none;
  border: none;
  padding: 8px 16px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-success:focus-visible,
.tf-btn-md-text-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-text-success:is(a),
.tf-btn-md-text-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-success:disabled,
.tf-btn-md-text-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-text-success:hover,
.tf-btn-md-text-success-uppercase:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-md-text-success:disabled,
.tf-btn-md-text-success-uppercase:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-text-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-text-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  border: none;
  padding: 4px;
  /* text border color */
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-text-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-text-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-text-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-text-success-icon-only:hover {
  color: var(--color-text-success-subtle, #6FC482);
}
.tf-btn-md-text-success-icon-only:disabled {
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-brand,
.tf-btn-s-standard-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-s-standard-brand:focus-visible,
.tf-btn-s-standard-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-standard-brand:is(a),
.tf-btn-s-standard-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-brand:disabled,
.tf-btn-s-standard-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-standard-brand:hover,
.tf-btn-s-standard-brand-uppercase:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-s-standard-brand:disabled,
.tf-btn-s-standard-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-standard-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-s-standard-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-standard-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-standard-brand-icon-only:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-s-standard-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-danger,
.tf-btn-s-standard-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-standard-danger:focus-visible,
.tf-btn-s-standard-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-standard-danger:is(a),
.tf-btn-s-standard-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-danger:disabled,
.tf-btn-s-standard-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-standard-danger:hover,
.tf-btn-s-standard-danger-uppercase:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-s-standard-danger:disabled,
.tf-btn-s-standard-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-standard-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-standard-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-standard-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-standard-danger-icon-only:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-s-standard-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-neutral,
.tf-btn-s-standard-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-standard-neutral:focus-visible,
.tf-btn-s-standard-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-standard-neutral:is(a),
.tf-btn-s-standard-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-neutral:disabled,
.tf-btn-s-standard-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-standard-neutral:hover,
.tf-btn-s-standard-neutral-uppercase:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-s-standard-neutral:disabled,
.tf-btn-s-standard-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-standard-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-s-standard-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-standard-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-standard-neutral-icon-only:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-s-standard-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-success,
.tf-btn-s-standard-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-standard-success:focus-visible,
.tf-btn-s-standard-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-s-standard-success:is(a),
.tf-btn-s-standard-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-success:disabled,
.tf-btn-s-standard-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-s-standard-success:hover,
.tf-btn-s-standard-success-uppercase:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-s-standard-success:disabled,
.tf-btn-s-standard-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-standard-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-s-standard-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-s-standard-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-s-standard-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-s-standard-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-s-standard-success-icon-only:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-s-standard-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-brand,
.tf-btn-sm-standard-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-sm-standard-brand:focus-visible,
.tf-btn-sm-standard-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-brand:is(a),
.tf-btn-sm-standard-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-brand:disabled,
.tf-btn-sm-standard-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-standard-brand:hover,
.tf-btn-sm-standard-brand-uppercase:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-sm-standard-brand:disabled,
.tf-btn-sm-standard-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-standard-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-sm-standard-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-standard-brand-icon-only:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-sm-standard-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-danger,
.tf-btn-sm-standard-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-standard-danger:focus-visible,
.tf-btn-sm-standard-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-danger:is(a),
.tf-btn-sm-standard-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-danger:disabled,
.tf-btn-sm-standard-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-standard-danger:hover,
.tf-btn-sm-standard-danger-uppercase:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-sm-standard-danger:disabled,
.tf-btn-sm-standard-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-standard-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-standard-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-standard-danger-icon-only:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-sm-standard-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-neutral,
.tf-btn-sm-standard-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-standard-neutral:focus-visible,
.tf-btn-sm-standard-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-neutral:is(a),
.tf-btn-sm-standard-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-neutral:disabled,
.tf-btn-sm-standard-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-standard-neutral:hover,
.tf-btn-sm-standard-neutral-uppercase:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-sm-standard-neutral:disabled,
.tf-btn-sm-standard-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-standard-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-sm-standard-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-standard-neutral-icon-only:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-sm-standard-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-success,
.tf-btn-sm-standard-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-standard-success:focus-visible,
.tf-btn-sm-standard-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-success:is(a),
.tf-btn-sm-standard-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-success:disabled,
.tf-btn-sm-standard-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-sm-standard-success:hover,
.tf-btn-sm-standard-success-uppercase:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-sm-standard-success:disabled,
.tf-btn-sm-standard-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-sm-standard-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-sm-standard-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-sm-standard-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-sm-standard-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-sm-standard-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-sm-standard-success-icon-only:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-sm-standard-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-brand,
.tf-btn-md-standard-brand-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-md-standard-brand:focus-visible,
.tf-btn-md-standard-brand-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-standard-brand:is(a),
.tf-btn-md-standard-brand-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-brand:disabled,
.tf-btn-md-standard-brand-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-standard-brand:hover,
.tf-btn-md-standard-brand-uppercase:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-md-standard-brand:disabled,
.tf-btn-md-standard-brand-uppercase:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-brand-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-standard-brand-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-brand-subtle-enabled, #EFFAF8);
  color: var(--color-text-brand-default, #5DCDB5);
}
.tf-btn-md-standard-brand-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-standard-brand-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-brand-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-standard-brand-icon-only:hover {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
}
.tf-btn-md-standard-brand-icon-only:disabled {
  background: var(--color-bg-brand-subtle-hovered, #CDF0E8);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-danger,
.tf-btn-md-standard-danger-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-standard-danger:focus-visible,
.tf-btn-md-standard-danger-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-standard-danger:is(a),
.tf-btn-md-standard-danger-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-danger:disabled,
.tf-btn-md-standard-danger-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-standard-danger:hover,
.tf-btn-md-standard-danger-uppercase:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-md-standard-danger:disabled,
.tf-btn-md-standard-danger-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-danger-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-standard-danger-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-danger-subtle-enabled, #FBEAEA);
  color: var(--color-text-danger-default, #D22D2D);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-standard-danger-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-standard-danger-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-danger-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-standard-danger-icon-only:hover {
  background: var(--color-bg-danger-subtle-hovered, #F1BEBE);
}
.tf-btn-md-standard-danger-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-neutral,
.tf-btn-md-standard-neutral-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-standard-neutral:focus-visible,
.tf-btn-md-standard-neutral-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-standard-neutral:is(a),
.tf-btn-md-standard-neutral-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-neutral:disabled,
.tf-btn-md-standard-neutral-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-standard-neutral:hover,
.tf-btn-md-standard-neutral-uppercase:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-md-standard-neutral:disabled,
.tf-btn-md-standard-neutral-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-neutral-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-standard-neutral-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-default, #F5F6F7);
  color: var(--color-text-bold, #1D2532);
}
.tf-btn-md-standard-neutral-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-standard-neutral-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-neutral-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-standard-neutral-icon-only:hover {
  background: var(--color-bg-neutral-subtle-enabled, #F5F6F7);
}
.tf-btn-md-standard-neutral-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-success,
.tf-btn-md-standard-success-uppercase {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  border: none;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-standard-success:focus-visible,
.tf-btn-md-standard-success-uppercase:focus-visible {
  outline: none;
}
.tf-btn-md-standard-success:is(a),
.tf-btn-md-standard-success-uppercase:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-success:disabled,
.tf-btn-md-standard-success-uppercase:disabled {
  cursor: default;
}
.tf-btn-md-standard-success:hover,
.tf-btn-md-standard-success-uppercase:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-md-standard-success:disabled,
.tf-btn-md-standard-success-uppercase:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-md-standard-success-uppercase {
  text-transform: uppercase;
}

.tf-btn-md-standard-success-icon-only {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  padding: 4px;
  /* filled bg color */
  background: var(--color-bg-success-subtle-enabled, #EAF6EC);
  color: var(--color-text-success-default, #28A745);
  /* [TODO] assumption taken as not defined on design */
}
.tf-btn-md-standard-success-icon-only:focus-visible {
  outline: none;
}
.tf-btn-md-standard-success-icon-only:is(a) {
  text-decoration: none;
}
.tf-btn-md-standard-success-icon-only:disabled {
  cursor: default;
}
.tf-btn-md-standard-success-icon-only:hover {
  background: var(--color-bg-success-subtle-hovered, #DBF0E0);
}
.tf-btn-md-standard-success-icon-only:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.tf-btn-s-outlined-automation {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
  margin-left: 4px;
  border: 1px solid transparent;
  background: linear-gradient(#F5F6F7, #F5F6F7) padding-box, linear-gradient(90deg, var(--palette-purple-500, #977EFB) 0%, var(--palette-blue-500, #5EACFF) 100%) border-box;
}
.tf-btn-s-outlined-automation:focus-visible {
  outline: none;
}
.tf-btn-s-outlined-automation:is(a) {
  text-decoration: none;
}
.tf-btn-s-outlined-automation:disabled {
  cursor: default;
}
.tf-btn-s-outlined-automation:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.tf-btn-s-outlined-automation:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}
.tf-btn-s-outlined-automation span {
  background: linear-gradient(90deg, var(--palette-purple-500, #977EFB) 0%, var(--palette-blue-500, #5EACFF) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tf-btn-s-filled-automation {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  background: linear-gradient(90deg, var(--palette-purple-500, #977EFB) 0%, var(--palette-blue-500, #5EACFF) 100%);
  color: var(--color-text-inverse, #FFF);
}
.tf-btn-s-filled-automation:focus-visible {
  outline: none;
}
.tf-btn-s-filled-automation:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-automation:disabled {
  cursor: default;
}
.tf-btn-s-filled-automation:hover:not(:disabled) {
  opacity: 0.8;
}
.tf-btn-s-filled-automation:disabled {
  opacity: 0.5;
}

.tf-btn-refresh {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-md, 14px);
  font-style: normal;
  font-weight: var(--typography-weight-button-md, 600);
  line-height: var(--typography-lineHeight-button-md, 20px); /* 142.857% */
  aspect-ratio: 1/1;
  height: -moz-fit-content;
  height: fit-content;
  background: none;
  padding: 4px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
  padding: 3px;
}
.tf-btn-refresh:focus-visible {
  outline: none;
}
.tf-btn-refresh:is(a) {
  text-decoration: none;
}
.tf-btn-refresh:disabled {
  cursor: default;
}
.tf-btn-refresh:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.tf-btn-refresh:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}
.tf-btn-refresh span {
  font-size: 24px;
}

.tf-btn-tool-icon {
  padding: 3px;
  color: var(--color-icon-default);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tf-btn-tool-icon:is(a) {
  text-decoration: none;
}
.tf-btn-tool-icon:not([class*=color-bg-]) {
  background: none;
}
.tf-btn-tool-icon.danger {
  color: var(--color-icon-negative-default);
}
.tf-btn-tool-icon:disabled {
  cursor: default;
  color: var(--color-icon-disabled);
}
.tf-btn-tool-icon:not(.no-border) {
  border: solid 1px var(--color-outline-subtlest);
  border-radius: 4px;
}
.tf-btn-tool-icon.no-border {
  border: none;
}

.tf-btn-s-filled-top-up {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  background: var(--Premium-Gradient);
  color: var(--color-text-inverse);
}
.tf-btn-s-filled-top-up:focus-visible {
  outline: none;
}
.tf-btn-s-filled-top-up:is(a) {
  text-decoration: none;
}
.tf-btn-s-filled-top-up:disabled {
  cursor: default;
}
.tf-btn-s-filled-top-up:hover:not(:disabled) {
  opacity: 0.8;
}
.tf-btn-s-filled-top-up:disabled {
  opacity: 0.5;
}

:where(input[type=checkbox].checkbox) {
  font-family: "font-icon", serif;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  position: relative;
  margin: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
:where(input[type=checkbox].checkbox):not(:disabled) {
  cursor: pointer;
}
:where(input[type=checkbox].checkbox)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.63215 20.0922C5.12699 20.0922 4.6994 19.9172 4.3494 19.5672C3.9994 19.2172 3.8244 18.7896 3.8244 18.2844V4.89991C3.8244 4.39475 3.9994 3.96716 4.3494 3.61716C4.6994 3.26716 5.12699 3.09216 5.63215 3.09216H19.0167C19.5218 3.09216 19.9494 3.26716 20.2994 3.61716C20.6494 3.96716 20.8244 4.39475 20.8244 4.89991V18.2844C20.8244 18.7896 20.6494 19.2172 20.2994 19.5672C19.9494 19.9172 19.5218 20.0922 19.0167 20.0922H5.63215Z" fill="%235d697b" /><path d="M5.63215 18.5922H19.0167C19.0937 18.5922 19.1642 18.5601 19.2282 18.4959C19.2923 18.4319 19.3244 18.3614 19.3244 18.2844V4.89991C19.3244 4.82291 19.2923 4.75241 19.2282 4.68841C19.1642 4.62425 19.0937 4.59216 19.0167 4.59216H5.63215C5.55515 4.59216 5.48465 4.62425 5.42065 4.68841C5.35649 4.75241 5.3244 4.82291 5.3244 4.89991V18.2844C5.3244 18.3614 5.35649 18.4319 5.42065 18.4959C5.48465 18.5601 5.55515 18.5922 5.63215 18.5922Z" fill="%23FFFFFF" /></svg>') center/contain no-repeat;
}
:where(input[type=checkbox].checkbox):checked::before {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.63215 20.0922C5.12699 20.0922 4.6994 19.9172 4.3494 19.5672C3.9994 19.2172 3.8244 18.7896 3.8244 18.2844V4.89991C3.8244 4.39475 3.9994 3.96716 4.3494 3.61716C4.6994 3.26716 5.12699 3.09216 5.63215 3.09216H19.0167C19.5218 3.09216 19.9494 3.26716 20.2994 3.61716C20.6494 3.96716 20.8244 4.39475 20.8244 4.89991V18.2844C20.8244 18.7896 20.6494 19.2172 20.2994 19.5672C19.9494 19.9172 19.5218 20.0922 19.0167 20.0922H5.63215Z" fill="%232F3E52" /><path d="M5.63215 18.5922H19.0167C19.0937 18.5922 19.1642 18.5601 19.2282 18.4959C19.2923 18.4319 19.3244 18.3614 19.3244 18.2844V4.89991C19.3244 4.82291 19.2923 4.75241 19.2282 4.68841C19.1642 4.62425 19.0937 4.59216 19.0167 4.59216H5.63215C5.55515 4.59216 5.48465 4.62425 5.42065 4.68841C5.35649 4.75241 5.3244 4.82291 5.3244 4.89991V18.2844C5.3244 18.3614 5.35649 18.4319 5.42065 18.4959C5.48465 18.5601 5.55515 18.5922 5.63215 18.5922Z" fill="%232F3E52" /><path d="M10.9244 13.3384L8.6014 11.0152C8.4629 10.8768 8.28882 10.806 8.07915 10.8027C7.86965 10.7995 7.6924 10.8703 7.5474 11.0152C7.40257 11.1602 7.33015 11.3358 7.33015 11.5422C7.33015 11.7485 7.40257 11.9242 7.5474 12.0692L10.2917 14.8134C10.4725 14.9941 10.6834 15.0844 10.9244 15.0844C11.1654 15.0844 11.3763 14.9941 11.5572 14.8134L17.1207 9.24991C17.259 9.11141 17.3298 8.93733 17.3332 8.72766C17.3363 8.51816 17.2655 8.34091 17.1207 8.19591C16.9757 8.05108 16.8 7.97866 16.5937 7.97866C16.3873 7.97866 16.2117 8.05108 16.0667 8.19591L10.9244 13.3384Z" fill="%23FFFFFF" /></svg>') center/contain no-repeat;
}

.tag-standard-brand {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-brand-subtle-enabled);
  color: var(--color-text-brand-bold);
}

.tag-standard-neutral {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-default);
  color: var(--color-text-subtle);
}

.tag-standard-error {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-negative-subtle-enabled);
  color: var(--color-text-negative-default);
}

.tag-standard-warning {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-warning-subtle-enabled);
  color: var(--color-text-warning-default);
}

.tag-standard-new {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-new-subtle-enabled);
  color: var(--color-text-new-default);
}

.tag-standard-info {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-info-subtle-enabled);
  color: var(--color-text-info-default);
}

.tag-standard-success {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-positive-subtle-enabled);
  color: var(--color-text-positive-default);
}

.tag-filled-brand {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-brand-enabled);
}

.tag-filled-neutral {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-neutral-bold-enabled);
}

.tag-filled-error {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-negative-enabled);
}

.tag-filled-warning {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-warning-enabled);
}

.tag-filled-new {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-new-enabled);
}

.tag-filled-info {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-info-enabled);
}

.tag-filled-success {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  color: var(--color-text-inverse);
  background: var(--color-bg-positive-enabled);
}

.tag-outlined-brand {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-outline-brand-default);
  color: var(--color-text-brand-bold);
}

.tag-outlined-neutral {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-outline-default);
  color: var(--color-text-subtle);
}

.tag-outlined-error {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-bg-negative-enabled);
  color: var(--color-bg-negative-enabled);
}

.tag-outlined-warning {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-bg-warning-enabled);
  color: var(--color-bg-warning-enabled);
}

.tag-outlined-new {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-outline-new-default);
  color: var(--color-text-new-default);
}

.tag-outlined-info {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-outline-info-default);
  color: var(--color-text-info-default);
}

.tag-outlined-success {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  border: 1px solid var(--color-bg-positive-enabled);
  color: var(--color-text-positive-default);
}

.pricing-plan-tag-free {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  border-radius: 2px;
  padding: 1px 4px;
  border: 1px solid var(--color-outline-brand-bold);
  color: var(--color-text-brand-default);
}

.pricing-plan-tag-plus {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--palette-mint-600, #03DAC5) 0%, var(--palette-blue-600, #3697FF) 94.67%);
  color: var(--color-text-inverse);
  padding: 2px 4px;
}

.pricing-plan-tag-pro {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--palette-mint-600, #03DAC5) 0%, var(--palette-blue-600, #3697FF) 94.67%);
  color: var(--color-text-inverse);
  padding: 2px 4px;
}

.pricing-plan-tag-ultimate {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--palette-neutral-900, #161D26) 0%, var(--palette-neutral-700, #253040) 37.87%, var(--palette-mint-1000, #015C53) 94.67%);
  color: var(--color-text-inverse);
  padding: 2px 4px;
}

.test-case-status-tag-draft {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-warning-subtle-enabled);
  color: var(--color-text-warning-default);
}

.test-case-status-tag-ready {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  text-align: center;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
  background: var(--color-bg-positive-subtle-enabled);
  color: var(--color-text-positive-default);
}

.react-contexify-default {
  --contexify-menu-radius: 5px;
  --contexify-separator-color: var(--color-outline-subtlest);
  --contexify-menu-padding: 0;
  --contexify-separator-margin: 0;
  --contexify-activeItem-bgColor: var(--color-bg-neutral-subtle-hovered);
  --contexify-activeItem-color: var(--color-text-default);
  --contexify-activeItem-radius: 0;
  --contexify-activeArrow-color: var(--color-text-default);
  --contexify-itemContent-padding: 8px 12px;
  --contexify-menu-minWidth: 150px;
  box-shadow: 0 0 0 0.5px var(--color-outline-subtlest), 0 16px 32px 0 var(--elevation-shadow-level4);
  border: 1px solid var(--color-outline-subtlest);
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
}
.react-contexify-default .header-item {
  --contexify-item-color: var(--color-text-subtlest);
  opacity: 1;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-medium, 500);
}
.react-contexify-default .header-item .contexify_itemContent {
  opacity: 1;
}
.react-contexify-default .contexify_itemContent {
  flex-grow: 1;
}
.react-contexify-default :where(.ctx-header .contexify_itemContent) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  flex-flow: row;
  gap: 8px;
  padding: 4px 12px;
  max-width: 214px;
}
.react-contexify-default :where(.ctx-header .contexify_itemContent .ms_check) {
  color: var(--color-icon-brand-bold);
}
.react-contexify-default :where(.ctx-header .contexify_itemContent > .font-icon.inactive) {
  color: transparent;
}
.react-contexify-default :where(.contexify_itemContent > .font-icon:first-child) {
  margin-right: 8px;
}

.react-tooltip {
  --rt-color-dark: var(--color-bg-inverse);
  --rt-color-white: var(--color-text-default);
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 8px;
  background: var(--color-bg-inverse);
  padding: 8px 16px;
  box-shadow: 0 0 0 0.5px var(--color-outline-subtlest, #EBECEE), 0 var(--spacing-16, 16px) var(--spacing-32, 32px) 0 var(--elevation-shadow-level4, rgba(52, 68, 90, 0.31));
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
}

body {
  color: var(--color-text-default);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/page.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-wrapper {
  z-index: 0;
  height: 100%;
  gap: 24px;
  display: flex;
  flex-flow: column;
}
.page-wrapper:not(.fullscreen) {
  position: relative;
}
.page-wrapper.fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.page-wrapper.fullscreen > * {
  width: 100%;
  height: 100%;
}
.page-wrapper.hidden {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/components/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* legacy colors */
/* end of legacy colors */
.tf-custom-scroll {
  scrollbar-color: #D9D9D9 #F7F7F7;
  scrollbar-width: thin;
  overflow-y: auto;
}

.tf-custom-scroll::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(217, 217, 217, 0.5);
  border-radius: 100px;
}

.tf-custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #D9D9D9;
}

body {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  font-family: var(--font-family-body), serif;
  margin: 0;
  padding: 0;
}
body::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
body::-webkit-scrollbar-button {
  display: none;
}
body::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.tf-layout) {
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100vw;
  padding: 0;
  margin: 0;
}
:where(.tf-layout) .page-header {
  padding-right: 32px;
}

:where(.tf-layout .top-navigation) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

:where(.tf-layout .tf-layout-main) {
  flex: 1 1 auto;
  display: flex;
  min-height: 0;
}

:where(.tf-layout .tf-layout-main .side-navigation) {
  width: 100%;
  flex-shrink: 0;
}

:where(.tf-layout .tf-layout-main .side-navigation:not(.collapsed)) {
  max-width: 240px;
}

:where(.tf-layout .tf-layout-main .side-navigation.collapsed) {
  max-width: 42px;
}

:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle {
  position: absolute;
  background: var(--color-bg-neutral-bold-enabled);
  border: 2px solid var(--color-outline-default);
  border-radius: 100%;
  margin-top: 20px;
  z-index: 1;
}
:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle.menu-collapsed {
  left: calc(42px - 9px);
  width: 24px;
  transform: scaleX(-1);
}
:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle:not(.menu-collapsed) {
  left: calc(240px + 2px);
}
:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle:hover {
  border-radius: 100%;
}
:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle .icon {
  height: 24px;
  width: 24px;
}
:where(.tf-layout .tf-layout-main .side-navigation) .sidebar-toggle .icon .font-icon {
  font-size: 16px;
}

:where(.tf-layout .tf-layout-main .tf-layout-content) {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  padding: 16px 0 16px 32px;
  background: var(--color-bg-default);
}
:where(.tf-layout .tf-layout-main .tf-layout-content)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.tf-layout .tf-layout-main .tf-layout-content)::-webkit-scrollbar-button {
  display: none;
}
:where(.tf-layout .tf-layout-main .tf-layout-content)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.tf-layout .tf-layout-main .tf-layout-content .page-topbar) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 900;
}

:where(.tf-layout .tf-layout-main .tf-layout-content .tf-page-container) {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  height: auto;
}
:where(.tf-layout .tf-layout-main .tf-layout-content .tf-page-container)::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
:where(.tf-layout .tf-layout-main .tf-layout-content .tf-page-container)::-webkit-scrollbar-button {
  display: none;
}
:where(.tf-layout .tf-layout-main .tf-layout-content .tf-page-container)::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

:where(.tf-layout .tf-layout-main .tf-layout-content .tf-page-container .tf-page-container) {
  padding-right: 26px;
  box-sizing: border-box;
  scrollbar-gutter: stable;
}

:where(.tf-layout .tf-no-mobile) {
  display: none;
}

:where(.tf-layout .tf-header-bttns) {
  display: flex;
  align-items: center;
  gap: 16px;
}

:where(.tf-layout .tf-btn-refresh) {
  height: 32px;
  width: 32px;
}

/* this folder contains scss to be forwarded into dist/_mixins.scss */
/* which then can be used by @use '...' as mixins , and callable by mixins.mixin-name  */
.glow {
  box-shadow: 0 0 5px #8BE6D0, 0 0 10px rgba(139, 230, 208, 0.6);
  animation: glow-animation 1s infinite alternate;
}

@keyframes glow-animation {
  0% {
    box-shadow: 0 0 3px #8BE6D0, 0 0 6px rgba(139, 230, 208, 0.6);
  }
  100% {
    box-shadow: 0 0 8px #8BE6D0, 0 0 12px rgba(139, 230, 208, 0.6);
  }
}
/*
To use react-contexify on the consumer side, please inject react-contexify's styles on the consumer's SCSS file:
@use '../../node_modules/react-contexify/scss/main.scss';
Consider correct relative path to node_modules.
 */
/* this folder contains scss to be forwarded into dist/_variables.scss */
/* which then can be used by @use '...' as variables, */
/* and callable by variables.$var-name */
/* but if its within :root then callable using var(--var.name) directly */
.global-error-form {
  max-width: 800px;
}
.global-error-form .error-message {
  font-size: 14px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}
.global-error-form .error-message .generic-message {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 12px;
}
.global-error-form .error-message .generic-message .font-icon {
  font-size: 32px;
  color: var(--color-icon-negative-default);
}
.global-error-form .error-message .details-section {
  width: 100%;
  display: flex;
}
.global-error-form .error-message .details-section textarea {
  border: thin solid var(--color-outline-default);
  background: var(--color-bg-inverse);
  font-size: 12px;
  font-family: var(--font-family-body), serif;
  outline: none;
  padding: 10px;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100px;
  resize: none;
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  padding: 4px 8px;
  width: 100%;
}
.global-error-form .error-message .details-section textarea::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.global-error-form .error-message .details-section textarea::-webkit-scrollbar-button {
  display: none;
}
.global-error-form .error-message .details-section textarea::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

.custom-error-message {
  max-width: 800px;
}
.custom-error-message .error-message {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}
.custom-error-message .error-message p {
  margin: 0;
}
.custom-error-message .error-message.mandatory-value {
  text-align: left;
}

.error-box-modal .error-box {
  max-width: 500px;
}
.error-box-modal .error-box .error-message {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  font-size: 14px;
}
.error-box-modal .error-box .error-message p {
  margin: 0;
  padding: 0;
}

.edit-test-scope-form {
  width: 90vw;
  max-width: 656px;
  min-width: unset;
  max-height: 90vh;
}
.edit-test-scope-form .body {
  max-height: calc(90vh - 170px);
}
.edit-test-scope-form #scope-title-input::placeholder {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  background: var(--Accent-Automation-Context);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 8px;
  position: absolute;
  font-weight: 400;
}
.edit-test-scope-form .input-wrapper:has(#scope-title-input:placeholder-shown)::before {
  content: "\ea03";
  position: -webkit-sticky;
  position: sticky;
  transform: translateY(10px);
  color: #977ffb;
  font-family: "font-icon";
}

.tf-select__menu-portal .option-generate, .tf-select .option-generate {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.tf-select__menu-portal .option-generate .font-icon, .tf-select .option-generate .font-icon {
  color: #977ffb;
}
.tf-select__menu-portal .option-generate div, .tf-select .option-generate div {
  background: var(--Accent-Automation-Context);
  background-clip: text;
  -webkit-background-clip: text;
  font-weight: 400;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.scope-progress-chart {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.scope-progress-chart .react-tooltip {
  box-shadow: 0 0 0 0.5px var(--color-outline-subtlest), 0 16px 32px 0 var(--elevation-shadow-level4_soft);
  display: flex;
  padding: 12px 4px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  color: var(--color-text-default);
}
.scope-progress-chart .react-tooltip .react-tooltip-arrow {
  display: none;
}
.scope-progress-chart .chart {
  position: relative;
  width: 52px;
  height: 52px;
  margin: 4px;
  cursor: default;
  flex-shrink: 0;
}
.scope-progress-chart .chart:hover {
  opacity: 0.8;
}
.scope-progress-chart .chart .donut-chart {
  position: absolute;
}
.scope-progress-chart .chart .donut-chart .value-1 {
  stroke: var(--color-icon-brand-bold);
}
.scope-progress-chart .chart .donut-chart .value-2 {
  stroke: var(--color-icon-warning-default);
}
.scope-progress-chart .chart .total {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-text-info-bold);
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
}
.scope-progress-chart .chart .total.big {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
}
.scope-progress-chart .chart .total.huge {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-medium, 500);
}
.scope-progress-chart .details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.scope-progress-chart .details > * {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.scope-progress-chart .details > * .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-icon-brand-bold);
}
.scope-progress-chart .details > *.in-progress .dot {
  background-color: var(--color-icon-warning-default);
}
.scope-progress-chart .details > * .percent {
  width: 32px;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
}
.scope-progress-chart .details > * .value {
  width: 24px;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
}

.scope-progress-chart-details-tooltip-content {
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1;
}
.scope-progress-chart-details-tooltip-content h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  align-self: center;
  margin: 0;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border-radius: 8px 8px 0 0;
  height: 100%;
  position: relative;
  border: 1px solid var(--color-outline-subtlest);
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  max-height: 500px;
  overflow-y: auto;
  border: none;
  padding: 0;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table::-webkit-scrollbar-button {
  display: none;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row {
  background: var(--color-bg-inverse);
  padding: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 1fr 120px 120px 120px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row:not(:last-child) .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row .table-cell {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  word-break: break-word;
  min-width: 10px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row .table-cell:first-child {
  justify-content: flex-start;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row .table-cell:not(:first-child) {
  justify-content: center;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-header {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  min-height: 40px;
  border-radius: 8px 8px 0 0;
  color: var(--color-text-default);
  background: var(--color-bg-default);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-header .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table .table-header .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table thead {
  align-items: normal;
  background-color: var(--color-bg-inverse);
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table thead th {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtlest);
  padding: 6px 16px;
  text-transform: uppercase;
  border-bottom: none;
  text-align: center;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table tbody td {
  padding: 6px 12px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table tbody td:not(:first-child) {
  text-align: center;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table tr {
  min-height: 32px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table tr td {
  min-width: 80px;
}
.scope-progress-chart-details-tooltip-content table.progress-chart-table tr td:not(:last-child), .scope-progress-chart-details-tooltip-content table.progress-chart-table tr td:not(:first-child) {
  border: none;
}

.edit-source-list {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  margin-top: 8px;
  position: relative;
  flex-grow: 1;
}
.edit-source-list:not(.no-items) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16px;
}
.edit-source-list.no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.edit-source-list > .drop-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.edit-source-list > .drop-area:not(.dragging) {
  display: none;
}
.edit-source-list .source-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 8px;
  width: 172px;
  background: var(--color-bg-default);
  border-radius: 8px;
  height: 108px;
  box-sizing: border-box;
}
.edit-source-list .source-item.busy {
  opacity: 0.5;
  pointer-events: none;
}
.edit-source-list .source-item .top-bar {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.edit-source-list .source-item .center-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}
.edit-source-list .source-item .center-bar > div span {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-info-default);
}
.edit-source-list .source-item .bottom-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}
.edit-source-list .source-item .bottom-bar .ellipsis-div {
  max-width: 100%;
}
.edit-source-list .source-item .left-side {
  display: flex;
  flex-direction: row;
  gap: 4px;
  grid-row: 1;
  grid-column: 1;
}
.edit-source-list .source-item .center-side {
  display: flex;
  flex-direction: row;
  gap: 4px;
  grid-row: 1;
  grid-column: 2;
}
.edit-source-list .source-item .right-side {
  display: flex;
  flex-direction: row;
  gap: 4px;
  grid-row: 1;
  grid-column: 3;
}
.edit-source-list .source-item .right-side .download-source-button {
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.edit-source-list .source-item .right-side .delete-source-button {
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.edit-source-list .source-item .file-icon, .edit-source-list .source-item .upload-icon {
  font-size: 24px;
  color: var(v);
}
.edit-source-list .source-item .demo-file-button {
  padding: 4px;
}
.edit-source-list .source-item.adder {
  cursor: pointer;
  border: 1px dashed var(--color-outline-subtle);
}
.edit-source-list .source-item.adder.dragging {
  border-color: var(--color-bg-brand-enabled);
  background: #eef9f6;
}
.edit-source-list .source-item.adder.standalone {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 25px 0;
}
.edit-source-list .source-item.adder.standalone::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.edit-source-list .source-item.adder.standalone::-webkit-scrollbar-button {
  display: none;
}
.edit-source-list .source-item.adder.standalone::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.edit-source-list .source-item.adder.standalone .center-bar {
  gap: 8px;
  flex-flow: column;
}
.edit-source-list .source-item .progress-bar {
  height: 4px;
  background: var(--color-outline-inverse);
  border-radius: 4px;
  width: 100%;
}
.edit-source-list .source-item .progress-bar .filler {
  height: 100%;
  background: var(--color-bg-brand-enabled);
  border-radius: 4px;
}

.edit-sources-capacity-usage {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  display: flex;
  align-items: center;
  gap: 24px;
}
.edit-sources-capacity-usage .usage-status {
  display: flex;
  flex-direction: column;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator {
  height: 4px;
  position: relative;
  max-width: 209px;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > * {
  position: absolute;
  top: 0px;
  height: 4px;
  left: 0;
  right: 0;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > .progress-bar-background {
  background: var(--color-bg-selected);
  border-radius: 2px;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > .progress-bar {
  background: var(--Accent-Automation-Context);
  border-radius: 2px;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > .progress-bar.danger {
  background: var(--color-bg-negative-enabled);
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > .usage-indicator-for-file {
  display: flex;
  flex-direction: row;
}
.edit-sources-capacity-usage .usage-status > .usage-indicator > .usage-indicator-for-file > .progress-bar {
  border-radius: 2px;
  border: var(--color-outline-inverse) 0.1px solid;
  background: var(--Accent-Automation-Context);
  box-shadow: 0 0 3.9px 2px var(--color-bg-brand-enabled);
}
.edit-sources-capacity-usage .usage-status .usage-safety-hint {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtlest);
  max-width: calc(90vw - 325px);
}

.test-case-generation-form {
  width: 90vw;
  min-width: unset;
  max-width: 1080px;
}
.test-case-generation-form .main-section {
  overflow: hidden;
  margin-top: 0;
  padding-left: 4px;
  padding-right: 12px;
  gap: 0;
}
.test-case-generation-form .main-section.test-case-selection {
  height: calc(90vh - 232px);
  overflow: hidden;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  padding-left: 0;
  padding-right: 0;
  gap: 12px;
}
.test-case-generation-form .main-section.test-case-selection .left-panel, .test-case-generation-form .main-section.test-case-selection .right-panel {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 16px);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 0;
  gap: 8px;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel {
  display: grid;
  grid-template: auto auto/1fr auto;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel > h1, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel > h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel > h2, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel > h2 {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-transform: none;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel .from-sources-hint, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel .from-sources-hint {
  grid-row: 2;
  grid-column: 1;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel .actions-bar, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel .actions-bar {
  grid-column: 2;
  grid-row: 1/span 2;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel .actions-bar button.select-all-button div.tick-box, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel .actions-bar button.select-all-button div.tick-box {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  vertical-align: middle;
  border: 1px solid var(--color-icon-subtle);
  position: relative;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel .actions-bar button.select-all-button.checked > div.tick-box, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel .actions-bar button.select-all-button.checked > div.tick-box {
  background: var(--color-icon-default);
  color: white;
}
.test-case-generation-form .main-section.test-case-selection .left-panel .header-panel .actions-bar button.select-all-button.checked > div.tick-box::before, .test-case-generation-form .main-section.test-case-selection .right-panel .header-panel .actions-bar button.select-all-button.checked > div.tick-box::before {
  position: absolute;
  left: 3px;
  top: -4px;
  font-size: 8px;
  content: "⅃";
  transform: rotate(40deg);
}
.test-case-generation-form .main-section.test-case-selection .right-panel {
  border-left: 1px solid var(--color-outline-subtlest);
  padding-left: 12px;
}
.test-case-generation-form .main-section.test-case-selection .tree-table {
  flex-grow: 1;
}
.test-case-generation-form .main-section.generation-going-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: calc(90vh - 165px);
  max-height: 328px;
}
.test-case-generation-form .main-section.generation-going-placeholder .animated-dot {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  margin-top: 8px;
}
.test-case-generation-form .main-section.generation-going-placeholder .animated-dot::after {
  content: "";
  display: inline-block;
  text-align: left;
  width: 12px;
  animation: dot-sequence 1.5s infinite;
}
@keyframes dot-sequence {
  0%, 100% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}
.test-case-generation-form .main-section.generation-going-placeholder span {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}
.test-case-generation-form .test-gen-library-wrapper .tcl-name-cell .test-case-name .ellipsis-div {
  width: 27vw;
  max-width: 340px;
}

.test-gen-library-wrapper {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  flex-grow: 1;
}
.test-gen-library-wrapper::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-gen-library-wrapper::-webkit-scrollbar-button {
  display: none;
}
.test-gen-library-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-gen-library-wrapper .table-ex.test-gen-library {
  overflow: unset;
  border: none;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td {
  border: none;
  overflow: clip;
  display: table-cell;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td:has(.action-cell) {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td:has(.action-cell) .action-cell {
  display: inline-block;
  min-width: max-content;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td:has(.action-cell) .action-cell button.delete-button {
  border: none;
  background: none;
  padding: 4px;
  margin: 0;
  color: var(--color-text-negative-default);
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td .cell-with-expand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td .cell-with-expand span.tf-icon-down, .test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td .cell-with-expand span.tf-icon-up {
  font-size: 16px;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td div.name {
  max-width: 17vw;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td div.name.TestSuite {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td div.name:not(.TestSuite) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td span.tag-existing, .test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td span.tag-new {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-3 */
  font-size: var(--typography-size-caption3);
  font-weight: var(--typography-weight-caption3);
  line-height: var(--typography-lineHeight-caption3);
  padding: 2px 0;
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td span.tag-new {
  color: var(--color-text-info-default);
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr > td span.tag-existing {
  color: var(--color-text-subtle);
}
.test-gen-library-wrapper .table-ex.test-gen-library > div > table > tbody > tr:has(.action-cell) td:first-child {
  width: 100%;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) {
  height: 100%;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) > div {
  height: 100%;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) > div > table {
  height: 100%;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) > div > table .no-test-cases-selected-placeholder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) > div > table .no-test-cases-selected-placeholder > h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  margin-top: 8px;
}
.test-gen-library-wrapper .table-ex.test-gen-library:has(.no-test-cases-selected-placeholder) > div > table .no-test-cases-selected-placeholder > h2 {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-transform: none;
}
.test-gen-library-wrapper .table-ex.test-gen-library .tcl-name-cell .test-case-name {
  display: flex;
  align-items: center;
  gap: 4px;
}

.test-scope-page {
  padding-right: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.test-scope-page .test-scope-view {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  height: 100%;
}
.test-scope-page .test-scope-view .test-scope-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.test-scope-page .test-scope-view .test-scope-header .scope-name {
  max-width: calc(100% - 120px);
}
.test-scope-page .test-scope-view .test-scope-header > .title {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex-shrink: 1;
  gap: 4px;
}
.test-scope-page .test-scope-view .test-scope-header > .title > .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.test-scope-page .test-scope-view .test-scope-header > .title > .row.primary h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}
.test-scope-page .test-scope-view .test-scope-header > .title > .row.primary .number-of-test-cases {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle, #5D697B);
}
.test-scope-page .test-scope-view .test-scope-header > .title > .row.secondary span.project-name {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
}
.test-scope-page .test-scope-view .test-scope-header > .stats {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin: 8px 16px;
}
.test-scope-page .test-scope-view .test-scope-header > .actions {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.test-scope-page .test-scope-view .test-scope-header .danger {
  color: var(--color-text-negative-default);
}
.test-scope-page .test-scope-view > .card {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: auto;
}
.test-scope-page .test-scope-view > .card::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-scope-page .test-scope-view > .card::-webkit-scrollbar-button {
  display: none;
}
.test-scope-page .test-scope-view > .card::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-scope-page .test-scope-view > .card h1 {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
}
.test-scope-page .test-scope-view > .card .card-section {
  background: var(--color-bg-default);
  border-radius: 8px;
  padding: 12px 16px;
}
.test-scope-page .test-scope-view > .card .card-section.sources {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-scope-page .test-scope-view > .card .card-section.sources a.number-of-sources {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
  color: var(--color-text-info-default);
  text-transform: uppercase;
  cursor: pointer;
}
.test-scope-page .test-scope-view > .card .card-section.sources .generate-button {
  text-transform: uppercase;
  overflow: hidden;
}
.test-scope-page .test-scope-view > .card .card-section.sources .generate-button .font-icon {
  font-size: 12px;
  color: #7499fd;
}
.test-scope-page .test-scope-view > .card .card-section.sources .generate-button span {
  min-width: 0;
  flex-shrink: 1;
}
.test-scope-page .test-scope-view > .card .card-section.sources div.grow {
  flex-grow: 1;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results > .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results > .header h1 {
  flex-grow: 1;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .runs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .no-test-runs-placeholder {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  background: var(--color-bg-inverse);
  border-radius: 8px;
  padding: 28px 32px;
  border: 1px solid var(--color-outline-subtlest);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .no-test-runs-placeholder h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .no-test-runs-placeholder h2 {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 8px;
  padding: 12px 16px;
  background: white;
  width: 100%;
  overflow: hidden auto;
  box-sizing: border-box;
  gap: 12px;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .main-section {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .main-section h1 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  margin: 0;
  white-space: nowrap;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .main-section h1 .font-icon {
  color: var(--color-icon-info-default);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .main-section h1 .creation-date {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  max-width: 100%;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .main-section .number-of-automated-test-cases {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .test-run-stats-section {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  min-width: 150px;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .test-run-stats-section .stats-circle {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background: red;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .stats-section-passed .stats-circle {
  background: var(--color-icon-positive-default);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .stats-section-failed .stats-circle {
  background: var(--color-icon-negative-default);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .stats-section-not-run .stats-circle {
  background: var(--color-bg-selected);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .stats-value-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result .stats-value-section .first-row {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result span.stats-percentage {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
}
.test-scope-page .test-scope-view > .card .card-section.test-run-results .test-run-result span.stats-name {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
}
.test-scope-page .test-scope-view > .card .card-section.library {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.test-scope-page .test-scope-view > .card .card-section.library > .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-scope-page .test-scope-view > .card .card-section.library > .header h1 {
  flex-grow: 1;
}
.test-scope-page .test-scope-view > .card .card-section.library > .header .buttons-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.test-scope-library-view {
  background: white;
  border-radius: 8px;
  padding: 12px 16px;
}
.test-scope-library-view > .table-ex {
  overflow: unset;
  border: none;
}
.test-scope-library-view > .table-ex > div > table > thead {
  position: -webkit-sticky;
  position: sticky;
  top: -16px;
}
.test-scope-library-view > .table-ex > div > table > thead .column-header {
  justify-content: flex-start;
}
.test-scope-library-view > .table-ex > div > table > thead th {
  border: none;
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.test-scope-library-view > .table-ex > div > table > thead th .column-name {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
  color: var(--color-text-default, #2F3E52);
  text-transform: none;
}
.test-scope-library-view > .table-ex > div > table > tbody:has(.cell-actions.has-active-menu) td > .cell-actions:not(.has-active-menu) {
  display: none;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr:has(> td > .cell-actions):not(:hover) > td > .cell-actions:not(.has-active-menu) {
  display: none;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr:hover {
  background: var(--color-bg-hovered);
}
.test-scope-library-view > .table-ex > div > table > tbody > tr.selected {
  background: var(--color-bg-brand-hovered);
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid var(--color-outline-subtlest);
  padding: 0 8px 0 0;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td .cell-with-expand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td .cell-with-expand span.tf-icon-down, .test-scope-library-view > .table-ex > div > table > tbody > tr > td .cell-with-expand span.tf-icon-up {
  font-size: 16px;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td span.name.TestSuite {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td span.name:not(.TestSuite) {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td .cell-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.test-scope-library-view > .table-ex > div > table > tbody > tr > td:has(.cell-actions) {
  justify-items: flex-end;
}

.test-scopes-page {
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
}
.test-scopes-page:has(.empty-content) {
  padding-right: 26px;
}
.test-scopes-page > .main-content {
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.test-scopes-page > .main-content > .header-greeting {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  color: var(--color-text-default);
  display: flex;
  flex-direction: row;
}

div.test-scopes {
  flex-grow: 1;
  border-radius: 8px;
  padding: 16px 24px;
  border: 1px solid var(--color-outline-subtlest);
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: auto;
}
div.test-scopes > .content > header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
div.test-scopes > .content > header .header-left {
  flex-grow: 1;
}
div.test-scopes > .content > header .header-left h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  color: var(--color-text-default);
}

.completed-test-scopes-page {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.completed-test-scopes-page > header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.completed-test-scopes-page > header .header-left {
  flex-grow: 1;
}
.completed-test-scopes-page > header .header-left h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  color: var(--color-text-default);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.completed-test-scopes-page > header .header-left h1 .backward {
  cursor: pointer;
}
.completed-test-scopes-page .test-scope-list {
  border-radius: 8px;
  padding: 16px 24px;
  border: 1px solid var(--color-outline-subtlest);
}

.test-scope-list {
  flex-grow: 1;
}
.test-scope-list .tf-page-container:has(.empty-content) {
  padding-right: 0;
}
.test-scope-list .tree-table.test-scopes-table {
  border: none;
  overflow-y: auto;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) td, .test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) th {
  border-right: none;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) thead .column-header {
  justify-content: flex-start;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) thead th .column-name {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  text-transform: none;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) thead th:first-child .column-name {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtle);
  text-transform: uppercase;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) > tbody > tr {
  height: 92px;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) > tbody > tr .title-cell-value {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) > tbody > tr .title-cell-value > .title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) > tbody > tr .title-cell-value > .project {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
}
.test-scope-list .tree-table.test-scopes-table > div > table:not(.progress-chart-table) > tbody > tr .stats-cell {
  justify-items: end;
}
.test-scope-list div.empty-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
}
.test-scope-list div.empty-placeholder div.message {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
.test-scope-list div.empty-placeholder div.message h1 {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}
.test-scope-list div.empty-placeholder div.message h2 {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}

.edit-sources-list-form {
  width: 90vw;
  max-width: 768px;
  min-width: unset;
  max-height: 90vh;
  min-height: 320px;
}
.edit-sources-list-form .body {
  max-height: calc(90vh - 166px);
}
.edit-sources-list-form .generate-button {
  text-transform: uppercase;
  overflow: hidden;
}
.edit-sources-list-form .generate-button span {
  min-width: 0;
  flex-shrink: 1;
}
.edit-sources-list-form > .buttons-section > .edit-sources-capacity-usage {
  gap: 10px;
  flex-grow: 1;
}

.test-case-picker-form {
  width: 90vw;
  max-width: 700px;
  min-width: unset;
  height: 90vh;
}
.test-case-picker-form > .main-section {
  gap: 8px;
}
.test-case-picker-form .tf-checkbox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
.test-case-picker-form .tf-checkbox > input {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  vertical-align: middle;
}
.test-case-picker-form .tf-checkbox > input:checked::before {
  position: absolute;
  left: 3px;
  top: -1px;
  font-size: 8px;
  content: "⅃";
  transform: rotate(40deg);
}
.test-case-picker-form .tf-checkbox > label {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}
.test-case-picker-form .tree-table.test-case-picker-table {
  border: none;
  max-height: calc(90vh - 191px);
  height: 100%;
}
.test-case-picker-form .tree-table.test-case-picker-table table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid var(--color-outline-subtlest);
  overflow: clip;
  display: table-cell;
  padding: 0;
}
.test-case-picker-form .tree-table.test-case-picker-table table > tbody > tr > td .cell-with-expand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}
.test-case-picker-form .tree-table.test-case-picker-table table > tbody > tr > td .cell-with-expand span.tf-icon-down, .test-case-picker-form .tree-table.test-case-picker-table table > tbody > tr > td .cell-with-expand span.tf-icon-up {
  font-size: 16px;
}
.test-case-picker-form .tree-table.test-case-picker-table table > tbody > tr > td .name {
  cursor: pointer;
}
.test-case-picker-form .buttons-section button.ok {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  border: none;
  font-weight: 500;
  padding: 8px 16px;
  /* filled bg color */
  background: var(--color-bg-neutral-bold-enabled, #253040);
  color: var(--color-text-inverse, #FFF);
}
.test-case-picker-form .buttons-section button.ok:focus-visible {
  outline: none;
}
.test-case-picker-form .buttons-section button.ok:is(a) {
  text-decoration: none;
}
.test-case-picker-form .buttons-section button.ok:disabled {
  cursor: default;
}
.test-case-picker-form .buttons-section button.ok:hover {
  background: var(--color-bg-neutral-bold-hovered, #2F3E52);
}
.test-case-picker-form .buttons-section button.ok:disabled {
  background: var(--color-bg-disabled, rgba(52, 68, 90, 0.31));
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}
.test-case-picker-form .buttons-section button.cancel {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--border-radius-4, 4px);
  font-family: var(--font-family-body), serif;
  font-size: var(--typography-size-button-sm, 12px);
  font-weight: var(--typography-weight-button-sm, 600);
  line-height: var(--typography-lineHeight-button-sm, 16px);
  background: none;
  padding: 7px 16px;
  /* outlined border color */
  border: 1px solid var(--color-outline-bold, #2F3E52);
  color: var(--color-text-default, #2F3E52);
}
.test-case-picker-form .buttons-section button.cancel:focus-visible {
  outline: none;
}
.test-case-picker-form .buttons-section button.cancel:is(a) {
  text-decoration: none;
}
.test-case-picker-form .buttons-section button.cancel:disabled {
  cursor: default;
}
.test-case-picker-form .buttons-section button.cancel:hover {
  border: 1px solid var(--color-outline-default, #5D697B);
  color: var(--color-text-subtle, #5D697B);
}
.test-case-picker-form .buttons-section button.cancel:disabled {
  border: 1px solid var(--color-outline-subtle, #C0C5CC);
  color: var(--color-text-disabled, rgba(52, 68, 90, 0.67));
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
}
.breadcrumb > * {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtlest);
  display: flex;
  align-items: center;
  gap: var(--spacing-2, 2px);
  max-width: 70%;
}
.breadcrumb > *:visited {
  color: var(--color-text-subtlest);
}
.breadcrumb > *.selected, .breadcrumb > *:hover {
  color: var(--color-text-default);
}

.tcl-editor-container {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  display: flex;
  flex-direction: column;
  min-width: 700px;
  row-gap: 16px;
  padding: 12px;
}
.tcl-editor-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.tcl-editor-container::-webkit-scrollbar-button {
  display: none;
}
.tcl-editor-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.tcl-editor-container .field-container {
  background: var(--color-bg-default);
  border-radius: 4px;
  padding: 15px;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.tcl-editor-container .field-container .grid-row {
  display: flex;
  flex-flow: row;
  gap: 16px;
}
.tcl-editor-container .field-container .grid-row .grid-column {
  width: 100%;
}
.tcl-editor-container .field-container .precondition .markdown-text-box {
  height: 100px;
  max-height: unset;
}
.tcl-editor-container .btn-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.tcl-editor-container .form-input,
.tcl-editor-container .form-textarea,
.tcl-editor-container .form-select {
  padding: 7px 10px 8px;
}
.tcl-editor-container .form-input.view-tc,
.tcl-editor-container .form-textarea.view-tc,
.tcl-editor-container .form-select.view-tc {
  width: 50px;
}
.tcl-editor-container .form-input.markdown.disabled,
.tcl-editor-container .form-textarea.markdown.disabled,
.tcl-editor-container .form-select.markdown.disabled {
  color: var(--bg-color-subtle);
  background: var(--bg-color-inverse);
  overflow: auto;
}

.tcl-item-editor .validation-error {
  color: #B50404;
  font-size: 12px;
  font-weight: 600;
  min-width: 250px;
  margin-left: 8px;
}
.tcl-item-editor .folder-buttons-section {
  margin-top: 16px;
}

.tcl-quick-editor {
  max-width: 500px;
  width: 80vw;
}

.dockview-tf .groupview .content-container:has(.tcl-editor-container) {
  border: 1px solid var(--color-outline-subtlest);
}

.tf-header:has(.tf-header-more-dd.show) + .tf-content {
  z-index: -1;
}

.tree-icon {
  align-self: center;
  align-content: center;
}

.test-case-view .tf-form, .test-case-edit .tf-form {
  row-gap: 0;
}
.test-case-view .precondition .form-label, .test-case-edit .precondition .form-label {
  padding-top: 0px;
}
.test-case-view .test-case-steps-section, .test-case-edit .test-case-steps-section {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.test-case-view .test-case-steps-section .main-part, .test-case-edit .test-case-steps-section .main-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 16px;
}
.test-case-view .test-case-steps-section .main-part .steps-caption, .test-case-edit .test-case-steps-section .main-part .steps-caption {
  font-weight: 600;
  text-transform: uppercase;
  height: 32px;
  align-content: center;
}
.test-case-view .test-case-steps-section .banners-part, .test-case-edit .test-case-steps-section .banners-part {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.test-case-view .test-case-steps-section .banners-part .tcf-not-supported-banner, .test-case-edit .test-case-steps-section .banners-part .tcf-not-supported-banner {
  color: #FFA800;
}
.test-case-view .test-case-steps-section .banners-part .tcf-flat-duplicate-banner, .test-case-edit .test-case-steps-section .banners-part .tcf-flat-duplicate-banner {
  color: #FFA800;
}
.test-case-view .tcl-testcase-step-table, .test-case-edit .tcl-testcase-step-table {
  margin-bottom: 16px;
}

.test-case-view {
  padding: 16px 16px 0 16px;
}
.test-case-view .tcl-folder .form-input {
  background: none;
  border: none;
}

.groupview .content-container {
  overflow: auto;
}
.groupview .content-container:has(.table-ex) {
  overflow: hidden;
}
.groupview .content-container::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  border-radius: 100px;
}
.groupview .content-container::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  border-radius: 100px;
}
.groupview .content-container::-webkit-scrollbar-thumb {
  background: rgba(217, 217, 217, 0.5);
  border-radius: 100px;
}
.groupview .content-container::-webkit-scrollbar-thumb:hover {
  background: #D9D9D9;
}
.groupview .tabs-and-actions-container {
  border: 1px solid #D9D9D9;
  border-bottom: 0;
  background: white;
  height: auto;
}

.w-50 {
  width: 50%;
}

.tooltip-error {
  position: fixed;
  color: #B50404;
  padding: 5px;
  font-size: 20px;
  cursor: pointer;
}
.tooltip-error .tooltip-text {
  display: none;
}
.tooltip-error:hover .tooltip-text {
  padding: 3px 10px;
  margin-left: -95px;
  background: white;
  border: 1px solid #B50404;
  width: 115px;
  word-wrap: break-word;
  font-size: 11px;
  display: block;
}

.align-baseline {
  align-items: baseline;
}

.form-textarea.markdown-view {
  background: white;
  border: 1px solid #D9D9D9;
}
.form-textarea.markdown-view p:not(:last-child) {
  margin-bottom: 0;
}

.tcld-unselected {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.tcld-unselected .text {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-regular, 400);
  color: var(--color-text-subtlest);
}

.empty-content {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 12px;
  min-height: 210px;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
}
.empty-content.drag-over {
  border-color: var(--color-outline-brand-default);
}
.empty-content .gray-icon {
  font-size: 64px;
  color: var(--color-icon-subtlest);
}
.empty-content .empty-title-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.empty-content .empty-title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  text-align: center;
}
.empty-content .empty-title-container .subtitle {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-align: center;
}
.empty-content .font-icon.empty_state {
  font-size: 136px;
}

.not-found-box .standard-modal {
  max-width: 450px;
}

.dockview-svg {
  display: inline-block;
  fill: currentcolor;
  line-height: 1;
  stroke: currentcolor;
  stroke-width: 0;
}

.dv-render-overlay {
  position: absolute;
  height: 100%;
  outline: none;
}
.dv-render-overlay .dv-render-overlay-float {
  z-index: 999;
}

.dockview-tf {
  height: 100%;
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: white;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-group-gap-size: 5px;
  --dv-tabs-and-actions-container-background-color: #fcfcfc;
  --dv-activegroup-hiddenpanel-tab-background-color: #f7f7f7;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #f7f7f7;
  --dv-tab-divider-color: #d9d9d9;
  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);
  --dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
  --dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);
  --dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
  --dv-separator-border: transparent;
  --dv-paneview-header-border-color: rgb(51, 51, 51);
  --dv-background-color: #ebeced;
  --dv-separator-handle-background-color: #cfd1d3;
  --dv-separator-handle-hover-background-color: #babbbb;
  --dv-tab-hover-background-color: #e4e5e6;
}
.dockview-tf .groupview {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dockview-tf .groupview:focus {
  outline: none;
}
.dockview-tf .groupview.empty > .tabs-and-actions-container {
  display: none;
}
.dockview-tf .groupview > .content-container {
  flex-grow: 1;
  min-height: 0;
  outline: none;
  background-color: var(--color-bg-inverse);
}
.dockview-tf .groupview .tabs-and-actions-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid var(--color-outline-subtlest);
  background: white;
  height: auto;
}
.dockview-tf .groupview .tabs-and-actions-container:has(.dockview-hidden-header) {
  display: none;
}
.dockview-tf .groupview .tabs-and-actions-container.hidden {
  display: none;
}
.dockview-tf .groupview .tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container {
  flex-grow: 1;
}
.dockview-tf .groupview .tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container .tab {
  flex-grow: 1;
}
.dockview-tf .groupview .tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .void-container {
  flex-grow: 0;
}
.dockview-tf .groupview .tabs-and-actions-container .void-container {
  display: flex;
  flex-grow: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  display: flex;
  overflow: auto hidden;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar-button {
  display: none;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar {
  height: 3px;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar-track {
  background: transparent;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container::-webkit-scrollbar-thumb {
  background: var(--dv-tabs-container-scrollbar-color);
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab {
  -webkit-user-drag: element;
  outline: none;
  min-width: 75px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab .dockview-svg {
  height: 8px;
  width: 8px;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab:hover {
  background-color: var(--dv-tab-hover-background-color) !important;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab .default-tab {
  position: relative;
  height: 100%;
  display: flex;
  min-width: 80px;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px 8px 8px 0;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab .default-tab .dv-default-tab-action .tab-action .font-icon {
  font-size: 11px;
}
.dockview-tf .groupview .tabs-and-actions-container .tabs-container .tab .default-tab .dv-default-tab-action .tab-action:hover {
  background: none;
}
.dockview-tf .vertical > .sash-container > .sash::after {
  visibility: hidden;
  content: "";
  height: 4px;
  width: 40px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--dv-separator-handle-background-color);
  position: absolute;
}
.dockview-tf .vertical > .sash-container > .sash:hover::after {
  visibility: visible;
  background-color: var(--dv-separator-handle-hover-background-color);
}
.dockview-tf .horizontal > .sash-container > .sash::after {
  visibility: hidden;
  content: "";
  height: 40px;
  width: 4px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--dv-separator-handle-background-color);
  position: absolute;
}
.dockview-tf .horizontal > .sash-container > .sash:hover::after {
  visibility: visible;
  background-color: var(--dv-separator-handle-hover-background-color);
}

.drop-target {
  position: relative;
}
.drop-target > .drop-target-dropzone {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}
.drop-target > .drop-target-dropzone > .drop-target-selection {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background-color: var(--dv-drag-over-background-color);
  transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 0.15s ease-out;
  will-change: transform;
  pointer-events: none;
}
.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {
  border-top: 1px solid var(--dv-drag-over-border-color);
}
.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {
  border-bottom: 1px solid var(--dv-drag-over-border-color);
}
.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {
  border-left: 1px solid var(--dv-drag-over-border-color);
}
.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {
  border-right: 1px solid var(--dv-drag-over-border-color);
}

.dv-resize-container {
  position: absolute;
  z-index: 997;
  border: 1px solid var(--dv-tab-divider-color);
  box-shadow: var(--dv-floating-box-shadow);
}
.dv-resize-container.dv-bring-to-front {
  z-index: 998;
}
.dv-resize-container.dv-resize-container-dragging {
  opacity: 0.5;
}
.dv-resize-container [class^=dv-resize-handle-] {
  position: absolute;
  z-index: 999;
}
.dv-resize-container .dv-resize-handle-top {
  height: 4px;
  width: calc(100% - 8px);
  left: 4px;
  top: -2px;
  cursor: ns-resize;
}
.dv-resize-container .dv-resize-handle-bottom {
  height: 4px;
  width: calc(100% - 8px);
  left: 4px;
  bottom: -2px;
  cursor: ns-resize;
}
.dv-resize-container .dv-resize-handle-left {
  height: calc(100% - 8px);
  width: 4px;
  left: -2px;
  top: 4px;
  cursor: ew-resize;
}
.dv-resize-container .dv-resize-handle-right {
  height: calc(100% - 8px);
  width: 4px;
  right: -2px;
  top: 4px;
  cursor: ew-resize;
}
.dv-resize-container .dv-resize-handle-topleft {
  height: 4px;
  width: 4px;
  top: -2px;
  left: -2px;
  cursor: nw-resize;
}
.dv-resize-container .dv-resize-handle-topright {
  height: 4px;
  width: 4px;
  right: -2px;
  top: -2px;
  cursor: ne-resize;
}
.dv-resize-container .dv-resize-handle-bottomleft {
  height: 4px;
  width: 4px;
  left: -2px;
  bottom: -2px;
  cursor: sw-resize;
}
.dv-resize-container .dv-resize-handle-bottomright {
  height: 4px;
  width: 4px;
  right: -2px;
  bottom: -2px;
  cursor: se-resize;
}

.dv-dockview {
  position: relative;
}
.dv-dockview .dv-watermark-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.dv-dockview .dv-overlay-render-container {
  position: relative;
}

.split-view-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.split-view-container.horizontal > .view-container > .view:not(:last-child) {
  border-right: var(--dv-group-gap-size) solid transparent;
}
.split-view-container.horizontal > .view-container > .view:not(:first-child) {
  border-left: var(--dv-group-gap-size) solid transparent;
}
.split-view-container.vertical > .view-container > .view:not(:last-child) {
  border-bottom: var(--dv-group-gap-size) solid transparent;
}
.split-view-container.vertical > .view-container > .view:not(:first-child) {
  border-top: var(--dv-group-gap-size) solid transparent;
}
.split-view-container.dv-splitview-disabled > .sash-container > .sash {
  pointer-events: none;
}
.split-view-container.animation .view, .split-view-container.animation .sash {
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}
.split-view-container.horizontal {
  height: 100%;
}
.split-view-container.horizontal > .sash-container > .sash {
  height: 100%;
  width: 4px;
}
.split-view-container.horizontal > .sash-container > .sash.enabled {
  cursor: ew-resize;
}
.split-view-container.horizontal > .sash-container > .sash.disabled {
  cursor: default;
}
.split-view-container.horizontal > .sash-container > .sash.maximum {
  cursor: w-resize;
}
.split-view-container.horizontal > .sash-container > .sash.minimum {
  cursor: e-resize;
}
.split-view-container.horizontal > .view-container > .view:not(:first-child)::before {
  height: 100%;
  width: 1px;
}
.split-view-container.vertical {
  width: 100%;
}
.split-view-container.vertical > .sash-container > .sash {
  width: 100%;
  height: 4px;
}
.split-view-container.vertical > .sash-container > .sash.enabled {
  cursor: ns-resize;
}
.split-view-container.vertical > .sash-container > .sash.disabled {
  cursor: default;
}
.split-view-container.vertical > .sash-container > .sash.maximum {
  cursor: n-resize;
}
.split-view-container.vertical > .sash-container > .sash.minimum {
  cursor: s-resize;
}
.split-view-container.vertical > .view-container > .view {
  width: 100%;
}
.split-view-container.vertical > .view-container > .view:not(:first-child)::before {
  height: 1px;
  width: 100%;
}
.split-view-container.separator-border .view:not(:first-child)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--dv-separator-border);
}
.split-view-container .sash-container {
  height: 100%;
  width: 100%;
  position: absolute;
}
.split-view-container .sash-container .sash {
  position: absolute;
  z-index: 99;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.split-view-container .sash-container .sash:not(.disabled):active {
  transition: background-color 0.1s;
  background-color: var(--dv-active-sash-color);
}
.split-view-container .sash-container .sash:not(.disabled):hover {
  background-color: var(--dv-active-sash-color);
  transition: background-color 0.1s 0.5s;
}
.split-view-container .view-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.split-view-container .view-container .view {
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  position: absolute;
}

.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
  background-color: var(--color-bg-inverse);
  color: var(--color-text-default);
}
.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
  color: var(--color-text-subtle);
}
.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
  background-color: var(--color-bg-inverse);
  color: var(--color-text-subtle);
}
.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
  color: var(--dv-inactivegroup-hiddenpanel-tab-color);
}
.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background-color: var(--dv-tab-divider-color);
  width: 1px;
  height: calc(100% + 4px);
}

.tabs-and-actions-container .tabs-container .tab::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background-color: var(--dv-tab-divider-color);
  width: 1px;
  height: calc(100% + 4px);
}

.tab {
  flex-shrink: 0;
}
.tab:focus-within, .tab:focus {
  position: relative;
}
.tab.dv-tab-dragging {
  background-color: var(--color-bg-inverse);
  color: var(--dv-activegroup-visiblepanel-tab-color);
}
.tab.dv-tab-dragging .dv-default-tab-action {
  background-color: var(--dv-activegroup-visiblepanel-tab-color);
}
.tab.active-tab .dv-default-tab .dv-default-tab-action {
  visibility: visible;
}
.tab.inactive-tab .dv-default-tab .dv-default-tab-action {
  visibility: hidden;
}
.tab.inactive-tab .dv-default-tab:hover .dv-default-tab-action {
  visibility: visible;
}
.tab .dv-default-tab {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 5px 8px;
}
.tab .dv-default-tab .dv-default-tab-content {
  padding: 0px 8px;
  flex-grow: 1;
}
.tab .dv-default-tab .dv-default-tab-action {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.tab .dv-default-tab .tab-content {
  justify-content: space-between;
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
}

.dv-root-wrapper, .grid-view, .branch-node {
  height: 100%;
  width: 100%;
}

.pane-container {
  height: 100%;
  width: 100%;
}
.pane-container.animated .view {
  transition: 0.15s ease-out;
}
.pane-container:first-of-type > .pane > .pane-header {
  border-top: none !important;
}
.pane-container .view {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
}
.pane-container .view:not(:first-child)::before {
  background-color: transparent !important;
}
.pane-container .view:not(:first-child) .pane > .pane-header {
  border-top: 1px solid var(--dv-paneview-header-border-color);
}
.pane-container .view .default-header {
  background-color: var(--color-bg-inverse);
  color: var(--dv-activegroup-visiblepanel-tab-color);
  display: flex;
  padding: 0 8px;
  cursor: pointer;
}
.pane-container .view .default-header .dockview-pane-header-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pane-container .view .default-header > span {
  padding-left: 8px;
  flex-grow: 1;
}
.pane-container .pane {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.pane-container .pane .pane-header {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  outline: none;
}
.pane-container .pane .pane-header.pane-draggable {
  cursor: pointer;
}
.pane-container .pane .pane-header:focus:before, .pane-container .pane .pane-header:focus-within:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: "";
  outline: 1px solid var(--dv-paneview-active-outline-color);
  outline-offset: -1px;
}
.pane-container .pane .pane-body {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  position: relative;
  outline: none;
}
.pane-container .pane .pane-body:focus:before, .pane-container .pane .pane-body:focus-within:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: "";
  outline: 1px solid var(--dv-paneview-active-outline-color);
  outline-offset: -1px;
}

.watermark {
  display: flex;
  width: 100%;
}
.watermark.has-actions .watermark-title .actions-container {
  display: none;
}
.watermark .watermark-title {
  height: 35px;
  width: 100%;
  display: flex;
}
.watermark .watermark-content {
  flex-grow: 1;
}
.watermark .actions-container {
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.watermark .actions-container .close-action {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--dv-activegroup-hiddenpanel-tab-color);
}
.watermark .actions-container .close-action:hover {
  border-radius: 2px;
  background-color: var(--dv-icon-hover-background-color);
}

.dv-dragged {
  transform: translate3d(0, 0, 0);
}

.dockview-tf .groupview {
  flex-flow: column;
  gap: 12px;
  box-sizing: border-box;
}
.dockview-tf .groupview.active-group .tab.active-tab .dockview-react-part {
  border-bottom: inset 4px var(--color-outline-brand-bold);
  box-sizing: border-box;
}
.dockview-tf .groupview.inactive-group .tab.active-tab .dockview-react-part {
  border-bottom: inset 4px var(--color-outline-brand-subtlest);
  box-sizing: border-box;
}
.dockview-tf .groupview .tab.inactive-tab .dockview-react-part {
  border-bottom: inset 4px var(--color-outline-default);
}
.dockview-tf .groupview .tab .dockview-react-part:hover {
  border-bottom-color: var(--dv-tab-hover-background-color);
}

.automated-test-queue-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.automated-test-queue-content .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}

.run-with-tem {
  display: flex;
  flex-flow: row;
  justify-content: center;
  gap: 1px;
}
.run-with-tem .run-btn {
  padding: 4px 10px;
}
.run-with-tem .down-btn {
  padding: 4px;
}

.manual-test-queue .manual-test-queue-container {
  display: flex;
  flex-flow: column;
  height: 100%;
  gap: 24px;
}
.manual-test-queue .manual-test-queue-container .content-with-title .title-container .title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
}
.manual-test-queue .manual-test-queue-container .manual-test-queue-tree-table {
  min-height: 72px;
}
.manual-test-queue .manual-test-queue-container .manual-test-queue-tree-table.empty {
  min-height: 102px;
}

.reports-content .reports-action {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.reports-content .reports-action .font-icon {
  font-size: 18px;
}
.reports-content .reports-action .ms_cancel, .reports-content .reports-action .ms_delete {
  color: var(--color-icon-negative-default);
}

.reports-create-form {
  width: 90vw;
  min-width: unset;
  max-width: 800px;
}
.reports-create-form .reports-create-test-runs-table {
  min-height: 200px;
}
.reports-create-form .reports-create-test-runs-table.empty {
  min-height: 102px;
}
.reports-create-form .radio-container {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-left: 24px;
}

.reports-modal-form {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 12px;
}
.reports-modal-form label {
  min-width: 100px;
}

.react-tooltip.tps-chart-tooltip {
  box-shadow: 0 0 0 0.5px var(--color-outline-subtlest), 0 8px 16px 0 var(--elevation-shadow-level3);
  border-radius: 8px;
  border: 0.5px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 228px;
  box-sizing: border-box;
  --rt-opacity: 1;
  z-index: 2;
}
.react-tooltip.tps-chart-tooltip .react-tooltip-arrow {
  width: 16px;
  height: 15px;
}
.react-tooltip.tps-chart-tooltip.create-report-tooltip {
  z-index: 2;
}

.tps-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.tps-chart .legend {
  display: flex;
  flex-direction: column;
}
.tps-chart .legend .tf-stackbar-graph-detail {
  display: flex;
  align-items: center;
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-text {
  color: var(--color-text-default);
  font-size: var(--typography-size-body2);
  font-weight: var(--typography-weight-body2-regular);
  line-height: var(--typography-lineHeight-body2);
  margin-left: 4px;
  max-width: 140px;
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-percentage {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  padding-left: 4px;
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 2px;
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.tps-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}

.test-runs-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.test-runs-details .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.test-runs-details .title .font-icon {
  font-size: 24px;
}
.test-runs-details .tf-status-indicator-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
}
.test-runs-details .tf-status-indicator-container .tf-status-square {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 2px;
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.test-runs-details .tf-status-indicator-container .tf-status-square.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}

.trd-modal-form {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 12px;
}
.trd-modal-form .tf-logo-dark-icon {
  margin: 0 auto;
}
.trd-modal-form .text {
  display: flex;
  flex-flow: column;
  gap: 4px;
  padding: 0 15px;
}
.trd-modal-form .text .message {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  text-align: center;
}
.trd-modal-form .text .caption {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-align: center;
}
.trd-modal-form .text .caption strong {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-default);
}

.set-to-retest-modal {
  max-width: 558px;
}
.set-to-retest-modal .body {
  padding: 12px 0;
}
.set-to-retest-modal .reason {
  padding: 0 15px;
}

.test-result-pdf-downloader .body {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  gap: 16px;
}
.test-result-pdf-downloader .spinner {
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%235DCDB5' d='M20.0878 0.244513C20.4194 0.177127 20.7458 0.103186 21.0788 0.0430885C22.4607 -0.192246 23.622 0.573506 23.9162 1.91015C24.203 3.21035 23.515 4.36716 22.1503 4.70526C19.8236 5.27684 17.5188 5.90088 15.4642 7.18366C9.10412 11.1554 5.49185 16.8303 5.10642 24.479C5.07559 25.0658 5.07508 25.6541 5.05942 26.2417C5.01324 27.7499 4.07826 28.7255 2.6742 28.7225C1.37549 28.7208 0.407032 27.7223 0.330783 26.2579C0.170878 23.2926 0.545852 20.3742 1.48281 17.5806C4.56007 8.40574 10.8461 2.70351 20.0878 0.244513Z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: spin 1s linear infinite;
  will-change: transform;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.test-result-pdf-downloader .text {
  margin-bottom: 16px;
}

.add-quick-result-form {
  width: 800px;
  row-gap: 16px;
}
.add-quick-result-form .field-container {
  background: var(--color-bg-default);
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.add-quick-result-form .field-container .grid-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.add-quick-result-form .field-container .grid-column {
  flex: 1 1;
  display: flex;
  align-items: center;
}
.add-quick-result-form .field-container label {
  width: 110px;
  min-width: 110px;
}
.add-quick-result-form .precondition textarea, .add-quick-result-form .comment textarea, .add-quick-result-form .details textarea {
  height: 96px;
}

.test-runs-editor {
  max-width: 1080px;
  width: 80vw;
}
.test-runs-editor .body {
  background: var(--color-bg-default);
}
.test-runs-editor .tree-table {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow-y: auto;
  flex-grow: 1;
  max-width: calc(100% - 2px);
}
.test-runs-editor .tree-table::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-runs-editor .tree-table::-webkit-scrollbar-button {
  display: none;
}
.test-runs-editor .tree-table::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-runs-editor .content-title {
  display: flex;
  padding-top: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.test-runs-editor .content-title .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.test-runs-editor .content-title .description {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}

.test-view-content .dockview-tf .groupview {
  background-color: var(--color-bg-inverse);
  border: 1px solid var(--color-outline-subtle);
}
.test-view-content .test-result-view .columns.extended-width .container .field .label {
  flex: 0 0 100px;
  width: 100px;
  margin-top: 8px;
}
.test-view-content .test-result-view .columns.extended-width .container .field.recordings {
  align-items: center;
}
.test-view-content .test-result-view .columns.extended-width .container .field.recordings .label {
  margin-top: 0;
}

.modal-window.test-results-screenshot-gallery-modal .content-part,
.modal-window.test-results-recording-gallery-modal .content-part {
  background-color: transparent;
  height: 100%;
  width: 100%;
}
.modal-window.test-results-screenshot-gallery-modal .content-part .close-modal-button,
.modal-window.test-results-recording-gallery-modal .content-part .close-modal-button {
  color: var(--color-text-inverse);
}

.screenshot-gallery, .recording-gallery {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  display: grid;
  grid-template-columns: 60px 1fr 60px;
  grid-template-rows: 60px 1fr auto;
  height: 100%;
  width: 100%;
  padding-bottom: 16px;
}
.screenshot-gallery .carousel-arrow, .recording-gallery .carousel-arrow {
  align-self: center;
  justify-self: center;
  width: 32px;
  height: 32px;
  border: 1px solid white;
  border-bottom: none;
  border-right: none;
}
.screenshot-gallery .carousel-arrow.left, .recording-gallery .carousel-arrow.left {
  transform: rotate(-45deg) translate(0, 10px);
  grid-column: 1;
  grid-row: 2;
}
.screenshot-gallery .carousel-arrow.right, .recording-gallery .carousel-arrow.right {
  transform: rotate(135deg) translate(10px, 0);
  grid-column: 3;
  grid-row: 2;
}
.screenshot-gallery .carousel-arrow.disabled, .recording-gallery .carousel-arrow.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.screenshot-gallery .close-button, .recording-gallery .close-button {
  grid-column: 3;
  grid-row: 1;
}
.screenshot-gallery .image-section, .recording-gallery .image-section {
  grid-column: 2;
  grid-row: 2;
  position: relative;
}
.screenshot-gallery .image-section > img, .recording-gallery .image-section > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.screenshot-gallery .video-section, .recording-gallery .video-section {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}
.screenshot-gallery .video-section > video, .recording-gallery .video-section > video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.screenshot-gallery .video-section .video-error, .recording-gallery .video-section .video-error {
  background: var(--color-icon-subtlest);
  padding: 20px;
  color: var(--color-text-inverse);
  border-radius: 8px;
}
.screenshot-gallery .bottom-section, .recording-gallery .bottom-section {
  grid-column: 2;
  grid-row: 3;
  display: grid;
  grid-template-columns: 1fr minmax(120px, auto) 1fr;
  grid-template-rows: auto auto;
  margin-top: 24px;
  margin-bottom: 12px;
  grid-row-gap: 8px;
  grid-column-gap: 16px;
}
.screenshot-gallery .bottom-section > .action-section, .recording-gallery .bottom-section > .action-section {
  grid-column: 1;
}
.screenshot-gallery .bottom-section > .expected-result-section, .recording-gallery .bottom-section > .expected-result-section {
  grid-column: 3;
}
.screenshot-gallery .bottom-section > .header, .recording-gallery .bottom-section > .header {
  grid-row: 1;
  text-transform: uppercase;
  color: var(--color-text-inverse);
  font-weight: 600;
}
.screenshot-gallery .bottom-section .markdown-text-box, .recording-gallery .bottom-section .markdown-text-box {
  grid-row: 2;
  height: 120px;
  background: transparent;
  padding: 6px;
  border: 1px solid var(--color-outline-inverse);
  color: var(--color-text-inverse);
}
.screenshot-gallery .bottom-section .step-section, .recording-gallery .bottom-section .step-section {
  grid-column: 2;
  grid-row: 2;
  color: var(--color-text-inverse);
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: center;
}
.screenshot-gallery .bottom-section .step-section > .step-number, .recording-gallery .bottom-section .step-section > .step-number {
  text-transform: uppercase;
  font-size: 14px;
}
.screenshot-gallery .bottom-section .step-section > .show-details-header, .recording-gallery .bottom-section .step-section > .show-details-header {
  font-size: 12px;
}

.trv-steps > div > table > thead > tr > th {
  display: table-cell;
}
.trv-steps > div > table > tbody > tr {
  /* this to match markdown default p font size */
  font-size: 12px;
}
.trv-steps > div > table > tbody > tr:hover {
  background-color: transparent;
}
.trv-steps > div > table > tbody > tr > td {
  min-height: 40px;
  height: auto;
  display: table-cell;
  border-right: 1px solid var(--color-outline-subtlest);
}
.trv-steps > div > table > tbody > tr > td .markdown-preview {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  height: auto;
  overflow: auto;
}
.trv-steps > div > table > tbody > tr > td .markdown-preview::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.trv-steps > div > table > tbody > tr > td .markdown-preview::-webkit-scrollbar-button {
  display: none;
}
.trv-steps > div > table > tbody > tr > td .markdown-preview::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.trv-steps > div > table > tbody > tr > td .screenshots {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 0;
  flex-wrap: wrap;
  align-items: center;
}
.trv-steps > div > table > tbody > tr > td .screenshots .screenshot {
  flex-grow: 1;
}
.trv-steps > div > table > tbody > tr > td .screenshots .screenshot.loading {
  height: 26px;
  width: 47px;
}
.trv-steps > div > table > tbody > tr > td .screenshots .screenshot img {
  cursor: pointer;
  background-color: var(--color-bg-neutral-enabled);
  object-fit: cover;
  height: 26px;
  width: 47px;
}
.trv-steps .number {
  text-align: center;
}

.test-runs .tree-table {
  height: calc(100% - 2px);
}

.react-tooltip.tr-chart-tooltip {
  box-shadow: 0 0 0 0.5px var(--color-outline-subtlest), 0 8px 16px 0 var(--elevation-shadow-level3);
  border-radius: 8px;
  border: 0.5px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 228px;
  box-sizing: border-box;
  --rt-opacity: 1;
  z-index: 2;
}
.react-tooltip.tr-chart-tooltip .react-tooltip-arrow {
  width: 16px;
  height: 15px;
}
.react-tooltip.tr-chart-tooltip.create-report-tooltip {
  z-index: 2;
}

.test-runs-summary-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.test-runs-summary-chart .legend {
  display: flex;
  flex-direction: column;
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail {
  display: flex;
  align-items: center;
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-text {
  color: var(--color-text-default);
  font-size: var(--typography-size-body2);
  font-weight: var(--typography-weight-body2-regular);
  line-height: var(--typography-lineHeight-body2);
  margin-left: 4px;
  max-width: 140px;
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-percentage {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  padding-left: 4px;
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 2px;
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.test-runs-summary-chart .legend .tf-stackbar-graph-detail .tf-status-square.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}

.test-view-content .page-header .page-title-container .font-icon {
  margin-left: -6px;
}
.test-view-content .dockview-react-part {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  border: none;
}
.test-view-content .dockview-react-part::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-view-content .dockview-react-part::-webkit-scrollbar-button {
  display: none;
}
.test-view-content .dockview-react-part::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-view-content .test-view, .test-view-content .test-result-view {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  min-width: 500px;
  display: flex;
  padding: 48px 16px;
  flex-direction: column;
  gap: 16px;
  background: var(--color-bg-inverse);
}
.test-view-content .test-view .columns, .test-view-content .test-result-view .columns {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: var(--color-bg-default);
  width: 100%;
  box-sizing: border-box;
}
.test-view-content .test-view .columns .container, .test-view-content .test-result-view .columns .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1;
  min-width: 100px;
}
.test-view-content .test-view .columns .container .field, .test-view-content .test-result-view .columns .container .field {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  width: 100%;
  min-width: 100px;
}
.test-view-content .test-view .columns .container .field .label, .test-view-content .test-result-view .columns .container .field .label {
  font-family: var(--font-family-label), serif;
  font-size: var(--typography-size-label, 12px);
  font-style: normal;
  font-weight: var(--typography-weight-label, 600);
  line-height: var(--typography-lineHeight-label, 16px);
  flex: 0 0 80px;
  width: 80px;
}
.test-view-content .test-view .columns .container .field .value, .test-view-content .test-result-view .columns .container .field .value {
  flex: 1 1;
  min-width: 0;
}
.test-view-content .test-view .columns .container .field .value-box, .test-view-content .test-result-view .columns .container .field .value-box {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  overflow: auto;
  box-sizing: border-box;
  flex: 1 1;
  min-width: 0;
  min-height: 32px;
}
.test-view-content .test-view .columns .container .field .value-box::-webkit-scrollbar, .test-view-content .test-result-view .columns .container .field .value-box::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-view-content .test-view .columns .container .field .value-box::-webkit-scrollbar-button, .test-view-content .test-result-view .columns .container .field .value-box::-webkit-scrollbar-button {
  display: none;
}
.test-view-content .test-view .columns .container .field .value-box::-webkit-scrollbar-thumb, .test-view-content .test-result-view .columns .container .field .value-box::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-view-content .test-view .columns .container .field .value-box:not(:has(.markdown-text-box)), .test-view-content .test-result-view .columns .container .field .value-box:not(:has(.markdown-text-box)) {
  max-height: 100px;
}
.test-view-content .test-view .columns .container .field .value-box:has(.markdown-text-box), .test-view-content .test-result-view .columns .container .field .value-box:has(.markdown-text-box) {
  padding: 0;
}
.test-view-content .test-view .columns .container .field .value-box .markdown-text-box.disabled, .test-view-content .test-result-view .columns .container .field .value-box .markdown-text-box.disabled {
  color: var(--color-text-default);
}
.test-view-content .test-view .columns .container .field .value-box:has(textarea), .test-view-content .test-result-view .columns .container .field .value-box:has(textarea) {
  padding: 0;
}
.test-view-content .test-view .columns .container .field .value-box:has(textarea) textarea, .test-view-content .test-result-view .columns .container .field .value-box:has(textarea) textarea {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  padding: 7px 12px;
  outline: none;
  border: none;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 50px;
}
.test-view-content .test-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar, .test-view-content .test-result-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.test-view-content .test-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar-button, .test-view-content .test-result-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar-button {
  display: none;
}
.test-view-content .test-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar-thumb, .test-view-content .test-result-view .columns .container .field .value-box:has(textarea) textarea::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.test-view-content .test-view .tf-status-indicator-container, .test-view-content .test-result-view .tf-status-indicator-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 2px;
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-passed, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-failed, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-untested, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-incomplete, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-blocked, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.test-view-content .test-view .tf-status-indicator-container .tf-status-square.bg-retest, .test-view-content .test-result-view .tf-status-indicator-container .tf-status-square.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}

.test-view-status-bar {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 40px;
  border-radius: 0;
  color: var(--color-text-inverse);
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 32px);
  z-index: 1;
}
.test-view-status-bar.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.test-view-status-bar.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.test-view-status-bar.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.test-view-status-bar.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.test-view-status-bar.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.test-view-status-bar.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}
.test-view-status-bar.bg-blocked, .test-view-status-bar.bg-untested {
  color: var(--color-text-default);
}
.test-view-status-bar .status-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 4px;
}
.test-view-status-bar .status-container .font-icon {
  border-radius: 100%;
  background: var(--color-bg-inverse);
}
.test-view-status-bar .status-container .font-icon.fg-passed {
  color: var(--color-icon-positive-default);
}
.test-view-status-bar .status-container .font-icon.fg-failed {
  color: var(--color-icon-negative-default);
}
.test-view-status-bar .status-container .font-icon.fg-untested {
  color: var(--color-bg-neutral-subtle-enabled);
}
.test-view-status-bar .status-container .font-icon.fg-incomplete {
  color: var(--color-icon-info-bold);
}
.test-view-status-bar .status-container .font-icon.fg-blocked {
  color: var(--color-bg-neutral-subtle-hovered);
}
.test-view-status-bar .status-container .font-icon.fg-retest {
  color: var(--color-icon-attention-default);
}
.test-view-status-bar .status-container .font-icon.fg-blocked {
  background: var(--color-text-default);
}

.test-view-content .test-view .columns.step-table, .test-view-content .test-result-view .columns.step-table {
  padding: 0;
  background: none;
  border-radius: 0;
}
.test-view-content .test-view .columns.step-table .container, .test-view-content .test-result-view .columns.step-table .container {
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
}

table.step-table {
  table-layout: fixed;
  height: max-content;
  width: 100%;
  border-spacing: 0;
}
table.step-table th, table.step-table td {
  border-bottom: 1px solid var(--color-outline-subtlest);
  border-right: 1px solid var(--color-outline-subtlest);
  padding: 12px;
  vertical-align: top;
}
table.step-table th:last-child, table.step-table td:last-child {
  border-right: none;
}
table.step-table tbody tr:last-child td {
  border-bottom: none;
}
table.step-table .markdown-preview {
  padding: 0 8px;
}
table.step-table.no-content tbody tr:hover {
  background: none;
}
table.step-table.no-content tbody tr td {
  padding: 35px 0 36px 0;
}
table.step-table.no-content tbody tr td .add-first-step-welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  color: #ADADAD;
  font-size: 12px;
  cursor: pointer;
}
table.step-table thead {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtlest);
}
table.step-table thead tr {
  height: 40px;
}
table.step-table thead tr th:first-child {
  width: 40px;
}
table.step-table thead tr th.number-column {
  text-align: center;
}
table.step-table thead:has(+ tbody > tr:first-of-type.step-selected) {
  border-bottom-style: solid;
  border-bottom-color: #5DCDB5;
  border-bottom-width: 1px;
}
table.step-table tbody tr.step-selected {
  border-color: #5DCDB5;
}
table.step-table tbody tr:has(+ tr.step-selected) {
  border-bottom-style: solid;
  border-bottom-color: #5DCDB5;
  border-bottom-width: 1px;
}
table.step-table tbody tr td {
  word-wrap: break-word;
  vertical-align: top;
}
table.step-table .step-cell.step-editing {
  border-color: #5DCDB5;
}
table.step-table .tools-cell {
  text-align: center;
}
table.step-table .tools-cell.step-selected {
  border-color: #5DCDB5;
}
table.step-table .tools-cell.step-editing {
  background: #5DCDB5;
}
table.step-table .tools-cell .content {
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  line-height: normal;
}
table.step-table .tools-cell .content.step-selected .button-move-up, table.step-table .tools-cell .content.step-selected .button-move-down, table.step-table .tools-cell .content.step-selected .button-more {
  border: 1px solid #222222;
  font-size: 14px;
  font-family: "icomoon";
}
table.step-table .tools-cell .content.step-selected .button-move-up.button-move-up:before, table.step-table .tools-cell .content.step-selected .button-move-down.button-move-up:before, table.step-table .tools-cell .content.step-selected .button-more.button-move-up:before {
  content: "\e949";
}
table.step-table .tools-cell .content.step-selected .button-move-up.button-move-down:before, table.step-table .tools-cell .content.step-selected .button-move-down.button-move-down:before, table.step-table .tools-cell .content.step-selected .button-more.button-move-down:before {
  content: "\e917";
}
table.step-table .tools-cell .content.step-selected .button-move-up.button-more:before, table.step-table .tools-cell .content.step-selected .button-move-down.button-more:before, table.step-table .tools-cell .content.step-selected .button-more.button-more:before {
  content: "\e92f";
}
table.step-table .tools-cell .content span {
  border: 1px solid #222222;
  font-size: 14px;
}
table.step-table .action-cell, table.step-table .expected-result-cell {
  padding: 0;
}
table.step-table .action-cell .content, table.step-table .expected-result-cell .content {
  display: flex;
  flex-flow: column;
  height: 100%;
}
table.step-table .action-cell .content textarea.editor, table.step-table .expected-result-cell .content textarea.editor {
  line-height: 18px;
  resize: none;
  flex-grow: 1;
  border: none;
}
table.step-table .action-cell div.empty-value, table.step-table .expected-result-cell div.empty-value {
  height: 100%;
  background: rgba(255, 0, 0, 0.0196078431);
  border: solid #B50404 1px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
table.step-table .action-cell div.empty-value p, table.step-table .expected-result-cell div.empty-value p {
  color: #B50404;
  font-weight: 600;
}

.test-view-content .test-view .columns.title-precondition .label {
  margin: 8px 0;
}

.test-view-content .test-view .columns.test-result {
  padding: 0;
  background: none;
  border-radius: 0;
}
.test-view-content .test-view .columns.test-result .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}
.test-view-content .test-view .columns.test-result .test-results-table {
  border-radius: 8px;
}

.page-container.sign-in {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  display: flex;
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-inverse);
}
.page-container.sign-in .sign-in-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 85vw;
  max-width: 560px;
  padding: 32px;
  gap: 24px;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.page-container.sign-in .sign-in-container .sign-in-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.page-container.sign-in .sign-in-container .sign-in-logo .tf-logo-dark-icon.size-L {
  width: 37.057px;
  height: 40px;
}
.page-container.sign-in .sign-in-container .sign-in-logo .title {
  font-size: var(--typography-size-heading5);
  font-weight: var(--typography-weight-heading5);
  line-height: var(--typography-lineHeight-heading5);
}
.page-container.sign-in .sign-in-container .sign-in-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.page-container.sign-in .sign-in-container .sign-in-form .input-field label {
  min-height: unset;
}
.page-container.sign-in .sign-in-container .sign-in-form .password-container {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 4px;
}
.page-container.sign-in .sign-in-container .sign-in-form .password-container .forgot-password-link {
  text-decoration: none;
  color: var(--color-text-info-bold);
  font-weight: var(--typography-weight-body3-medium);
}
.page-container.sign-in .sign-in-container .sign-in-form .login-button, .page-container.sign-in .sign-in-container .sign-in-form .login-with-google {
  width: 100%;
}
.page-container.sign-in .sign-in-container .sign-in-form .divider {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--color-text-subtlest);
  font-size: var(--typography-size-body3);
}
.page-container.sign-in .sign-in-container .sign-in-form .divider.uppercase {
  text-transform: uppercase;
}
.page-container.sign-in .sign-in-container .sign-in-form .divider::before, .page-container.sign-in .sign-in-container .sign-in-form .divider::after {
  content: "";
  flex: 1 1;
  height: 1px;
  background-color: var(--color-outline-subtlest);
}
.page-container.sign-in .sign-in-container .sign-in-form .divider::before {
  margin-right: 4px;
}
.page-container.sign-in .sign-in-container .sign-in-form .divider::after {
  margin-left: 4px;
}
.page-container.sign-in .sign-in-container .sign-in-form .signup-link-container {
  width: 100%;
  text-align: center;
}
.page-container.sign-in .sign-in-container .sign-in-form .signup-link-container .signup-link {
  color: var(--color-text-info-bold);
  font-weight: var(--typography-weight-body3-medium);
  text-decoration: underline;
  padding-left: 4px;
}

.silent-sign-in {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  display: flex;
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-inverse);
}
.silent-sign-in section {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.silent-sign-in section .caption {
  font-size: var(--typography-size-body3);
}

.tf-status-bar-outer.tf-stackbar {
  display: flex;
  width: 100%;
  flex: 1 1;
  align-items: center;
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar {
  height: 10px;
  min-width: 20px;
  width: 100%;
  display: flex;
  flex: 1 1;
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-passed {
  background-color: var(--color-bg-positive-enabled);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-failed {
  background-color: var(--color-bg-negative-enabled);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-untested {
  background-color: var(--color-bg-neutral-subtle-enabled);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-incomplete {
  background-color: var(--color-icon-info-bold);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-blocked {
  background-color: var(--color-bg-neutral-subtle-hovered);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar > div.bg-retest {
  background-color: var(--color-bg-attention-enabled);
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar-outer {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar-outer:hover .tf-status-graph {
  opacity: 1;
  height: auto;
  padding: 16px;
  pointer-events: all;
}
.tf-status-bar-outer.tf-stackbar .tf-status-bar-percent {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-regular, 400);
  padding-left: 8px;
  width: 20px;
  color: var(--color-text-subtle);
  text-align: right;
}

.content-with-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.content-with-title .title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.content-with-title .title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.content-with-title .title-container .sub-title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.content-with-title .empty-table {
  height: 70px;
}

.page-container {
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.page-container > .tf-page-container:has(.tf-page-container .empty-content) {
  padding-right: 0;
}
.page-container .dockview-container {
  height: 100%;
  width: 100%;
}
.page-container .k-splitter {
  height: 300px;
  border: none;
  box-sizing: border-box;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4285714286;
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page-container .k-splitter-flex {
  display: flex;
  width: 100%;
  height: auto;
}
.page-container .k-splitter-flex.k-splitter-vertical {
  flex-direction: column;
}
.page-container .k-splitter-flex.k-splitter-horizontal {
  flex-direction: row;
}
.page-container .k-splitter .k-pane {
  overflow: hidden;
  display: grid;
}
.page-container .k-splitter .k-scrollable {
  overflow: hidden;
}
.page-container .k-splitter .k-scrollable > .busy-indicator-root {
  overflow: hidden;
}
.page-container .k-splitter-flex .k-pane {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 100%;
  height: 100%;
}
.page-container .k-splitter-flex .k-pane-static {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-container .k-splitter-flex .k-splitbar {
  position: static;
  flex: 0 0 auto;
}
.page-container .k-ghost-splitbar, .page-container .k-splitbar {
  outline: 0;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container .k-splitbar-draggable-vertical {
  cursor: row-resize;
}
.page-container .k-splitbar-draggable-horizontal {
  cursor: col-resize;
}
.page-container .k-ghost-splitbar-vertical, .page-container .k-splitbar-vertical {
  height: 50px;
  background-repeat: repeat-x;
  flex-direction: row;
  left: 0;
}
.page-container .k-ghost-splitbar-horizontal, .page-container .k-splitbar-horizontal {
  width: 50px;
  background-repeat: repeat-x;
  flex-direction: column;
  left: 0;
}
.page-container .k-splitbar .k-resize-handle {
  display: none;
  background-color: var(--color-outline-subtlest);
}
.page-container .k-splitbar-draggable-horizontal .k-resize-handle, .page-container .k-splitbar-draggable-vertical .k-resize-handle {
  display: block;
}
.page-container .k-splitbar-draggable-horizontal .k-resize-handle, .page-container .k-splitbar-draggable-horizontal .k-resize-handle {
  display: block;
}
.page-container .k-splitbar-draggable-vertical .k-resize-handle {
  width: 100%;
  height: 2px;
  position: static;
  z-index: 1;
}
.page-container .k-splitbar-draggable-horizontal .k-resize-handle {
  height: 100%;
  width: 2px;
  position: static;
  z-index: 1;
}
.page-container .k-resize-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container .k-resize-handle, .page-container .k-resize-hint {
  position: absolute;
  border-color: inherit;
  z-index: 200;
}
.page-container .k-resize-handle::before {
  content: "";
  border: 0 solid;
  border-color: inherit;
}
.page-container .k-splitter-overlay {
  display: none;
}

.desktop-app-launcher .body {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  gap: 16px;
}
.desktop-app-launcher .spinner {
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%235DCDB5' d='M20.0878 0.244513C20.4194 0.177127 20.7458 0.103186 21.0788 0.0430885C22.4607 -0.192246 23.622 0.573506 23.9162 1.91015C24.203 3.21035 23.515 4.36716 22.1503 4.70526C19.8236 5.27684 17.5188 5.90088 15.4642 7.18366C9.10412 11.1554 5.49185 16.8303 5.10642 24.479C5.07559 25.0658 5.07508 25.6541 5.05942 26.2417C5.01324 27.7499 4.07826 28.7255 2.6742 28.7225C1.37549 28.7208 0.407032 27.7223 0.330783 26.2579C0.170878 23.2926 0.545852 20.3742 1.48281 17.5806C4.56007 8.40574 10.8461 2.70351 20.0878 0.244513Z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: spin 1s linear infinite;
  will-change: transform;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.desktop-app-launcher .text {
  margin-bottom: 16px;
}

.desktop-app-launcher-failed .header .left-side {
  width: 100%;
  justify-content: center;
}
.desktop-app-launcher-failed .body {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.desktop-app-launcher-failed .body .text-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.desktop-app-launcher-failed .body .try-btn {
  width: 100%;
}
.desktop-app-launcher-failed .body .caption {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
}

.testcase-step-table {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  height: auto;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 4px 4px 0 0;
}
.testcase-step-table .header {
  display: grid;
  grid-template-columns: 48px 1fr 1fr;
  border-bottom: 1px solid var(--color-outline-subtlest);
  flex-shrink: 0;
}
.testcase-step-table .header .column {
  padding: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.testcase-step-table .header .column:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.testcase-step-table .header .column:not(:first-child) {
  color: var(--color-text-subtlest, #A2A9B3);
  text-transform: uppercase;
}
.testcase-step-table .header .column:first-child {
  justify-content: center;
  background: var(--color-bg-default);
}
.testcase-step-table .body {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow-y: auto;
  flex-grow: 1;
  position: relative;
  /* This draws the vertical lines and the gray sidebar background
     for the entire scrollable area, even where there are no rows.
  */
}
.testcase-step-table .body::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.testcase-step-table .body::-webkit-scrollbar-button {
  display: none;
}
.testcase-step-table .body::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.testcase-step-table .body .empty {
  display: flex;
  padding: 64px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.testcase-step-table .body .empty .image {
  display: flex;
  padding: 8px;
  width: 64px;
  height: 64px;
  justify-content: center;
  align-items: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"><path d="M46.2547 45.1628L46.6903 44.8748L48.18 43.8863L48.6156 43.5983L48.8111 43.4685L48.0574 42.3574L47.8618 42.4872L47.4263 42.7752L45.9365 43.7636L45.5009 44.0516L45.1738 44.2685L45.1934 44.3005L45.668 44.9992L45.9276 45.3814L46.2547 45.1628Z" fill="%23A2A9B3"/><path d="M27.0119 34.2416C27.323 35.2585 27.7727 36.2292 28.3487 37.1288C28.5016 37.367 28.6598 37.6016 28.8305 37.8292C29.6732 38.9545 30.7292 39.9376 31.9665 40.7163C32.3736 40.9723 32.7985 41.207 33.2429 41.4167C33.4278 41.5021 33.6145 41.5856 33.8047 41.6621C36.9869 42.9563 40.4198 42.7643 43.3105 41.4167C43.7514 41.2105 44.1798 40.9759 44.5922 40.7163C46.5816 39.4719 48.2153 37.6301 49.1771 35.319C51.6464 29.3794 48.7682 22.5617 42.7629 20.119C42.5691 20.0408 42.3736 19.9679 42.178 19.9003C39.5807 18.999 36.8536 19.0577 34.4127 19.9003C32.6936 20.4941 31.1185 21.4754 29.8296 22.7874C29.6092 23.0114 29.3958 23.2443 29.1914 23.4879C28.4803 24.3394 27.8847 25.3066 27.4296 26.375C27.4172 26.4052 27.403 26.4337 27.3887 26.4639C27.3052 26.6665 27.2287 26.8692 27.1559 27.0737C26.8216 28.0248 26.6207 28.9937 26.5425 29.959C26.523 30.1919 26.5141 30.4265 26.5087 30.6594C26.491 31.6372 26.5976 32.6061 26.8216 33.5465C26.8785 33.7812 26.939 34.0159 27.0101 34.247V34.2416H27.0119ZM28.5301 30.6559C28.5372 30.4212 28.5496 30.1865 28.5745 29.9554C28.5994 29.7243 28.6332 29.4968 28.6741 29.2692C28.6812 29.2283 28.6883 29.1892 28.6954 29.1483C28.7398 28.9208 28.7896 28.695 28.8501 28.4728C28.8501 28.4674 28.8536 28.4621 28.8554 28.4568C28.9194 28.2239 28.9905 27.9928 29.0705 27.767L29.0758 27.751C29.1576 27.5199 29.2501 27.2923 29.3496 27.0683C29.4563 26.8301 29.5701 26.5954 29.6945 26.3679C30.3025 25.2568 31.1256 24.2772 32.1069 23.4808C32.4198 23.2283 32.7487 22.9954 33.0918 22.7803C33.4616 22.5492 33.8492 22.343 34.2509 22.1617C34.2652 22.1563 34.2776 22.1492 34.2918 22.1439C34.6847 21.9697 35.09 21.8186 35.5078 21.6959C35.5345 21.687 35.5629 21.6799 35.5896 21.6728C35.7709 21.6212 35.9523 21.575 36.1372 21.5341C36.1692 21.527 36.1994 21.5199 36.2314 21.5128C36.4376 21.4683 36.6456 21.431 36.8554 21.4008C36.8874 21.3954 36.9194 21.3937 36.9514 21.3883C37.1274 21.3652 37.3052 21.3457 37.4829 21.3314C37.538 21.3261 37.5932 21.3226 37.65 21.319C37.8598 21.3048 38.0714 21.2959 38.2847 21.2959C38.498 21.2959 38.7096 21.3048 38.9194 21.319C38.9745 21.3226 39.0296 21.3279 39.0865 21.3314C39.2643 21.3457 39.442 21.3652 39.618 21.3883C39.65 21.3919 39.682 21.3954 39.714 21.4008C39.9238 21.431 40.1318 21.4683 40.338 21.5128C40.37 21.5199 40.402 21.527 40.4323 21.5341C40.6171 21.575 40.8003 21.6212 40.9798 21.6728C41.0065 21.6799 41.0349 21.6888 41.0616 21.6959C41.4794 21.8186 41.8847 21.9697 42.2776 22.1439C42.2918 22.1492 42.3042 22.1563 42.3185 22.1617C42.7202 22.343 43.106 22.5492 43.4776 22.7803C43.8207 22.9937 44.1496 23.2266 44.4625 23.4808C44.7291 23.6977 44.9851 23.9288 45.2269 24.1706C45.2518 24.1954 45.2749 24.2221 45.2998 24.247C45.3922 24.3412 45.4829 24.4372 45.5718 24.535C45.6038 24.5706 45.6358 24.6079 45.666 24.6434C45.7442 24.7341 45.8225 24.8248 45.8971 24.9172C45.9309 24.9581 45.9647 25.0008 45.9967 25.0417C46.0678 25.1323 46.1371 25.2248 46.2047 25.3172L46.3007 25.4506C46.3682 25.5466 46.4322 25.6425 46.4962 25.7403C46.5247 25.7848 46.5531 25.8274 46.5816 25.8719C46.6473 25.9786 46.7113 26.0852 46.7736 26.1937C46.7949 26.231 46.818 26.2683 46.8393 26.3057C46.9193 26.4479 46.994 26.5919 47.0669 26.7394C47.0687 26.743 47.0722 26.7483 47.074 26.7519C47.1487 26.9065 47.2198 27.0612 47.2873 27.2194C47.3016 27.2532 47.314 27.287 47.3282 27.3208C47.378 27.4417 47.4278 27.5643 47.4722 27.6888C47.4918 27.7439 47.5096 27.799 47.5291 27.8541C47.5647 27.959 47.6002 28.0639 47.6322 28.1705C47.6518 28.2328 47.6696 28.2968 47.6873 28.3608C47.7158 28.4621 47.7425 28.5634 47.7673 28.6648C47.7833 28.7323 47.7993 28.7981 47.8136 28.8657C47.8367 28.967 47.8562 29.0683 47.8758 29.1714C47.8882 29.239 47.9007 29.3083 47.9131 29.3759C47.9309 29.4808 47.9451 29.5874 47.9593 29.6941C47.9682 29.7599 47.9771 29.8274 47.9842 29.8932C47.9967 30.0105 48.0056 30.1279 48.0144 30.2452C48.018 30.3021 48.0251 30.359 48.0269 30.4177C48.0358 30.5937 48.0429 30.7697 48.0429 30.9474C48.0429 31.2177 48.0287 31.4843 48.0073 31.7492C48.0038 31.7848 48.002 31.8203 47.9984 31.8559C47.9753 32.1083 47.9398 32.3554 47.8971 32.6025C47.89 32.6452 47.8829 32.6879 47.874 32.7305C47.8278 32.9759 47.7727 33.2176 47.7069 33.4559C47.698 33.4896 47.6873 33.5216 47.6784 33.5554C47.6073 33.8043 47.5291 34.0496 47.4402 34.2896V34.2968C47.3442 34.5456 47.2393 34.7892 47.1273 35.0274C47.1202 35.0416 47.1149 35.0559 47.1078 35.0701C46.9976 35.3012 46.8767 35.527 46.7469 35.7474C46.7327 35.7705 46.7202 35.7954 46.706 35.8185C46.5762 36.0354 46.4393 36.2488 46.2936 36.455C46.2793 36.4745 46.2669 36.4923 46.2527 36.5119C46.1016 36.7234 45.9416 36.9314 45.7727 37.1305C45.5665 37.3741 45.3478 37.607 45.1202 37.831C44.5691 38.3661 43.9558 38.839 43.2891 39.2336C43.1558 39.3119 43.0225 39.3883 42.8856 39.4612C42.882 39.4612 42.8785 39.4648 42.8731 39.4665C42.7398 39.5376 42.6065 39.6052 42.4696 39.6692C42.4589 39.6745 42.4482 39.6781 42.4376 39.6834C42.3078 39.7439 42.1762 39.8025 42.0429 39.8576C42.0269 39.8647 42.0091 39.8701 41.9931 39.8772C41.8651 39.9287 41.7354 39.9803 41.6056 40.0265C41.5807 40.0354 41.5558 40.0425 41.5309 40.0514C41.4082 40.0941 41.2838 40.1367 41.1576 40.1741C41.122 40.1847 41.0865 40.1936 41.0509 40.2043C40.9336 40.2381 40.818 40.2719 40.6989 40.3021L40.5603 40.3341C40.4518 40.3607 40.3416 40.3856 40.2314 40.4087C40.1745 40.4212 40.1158 40.4283 40.0571 40.439C39.9576 40.4567 39.8563 40.4763 39.7549 40.4923C39.682 40.503 39.6074 40.5101 39.5345 40.5207C39.4474 40.5314 39.3585 40.5456 39.2714 40.5527C39.1771 40.5616 39.0829 40.567 38.9887 40.5741C38.9194 40.5794 38.85 40.5865 38.7807 40.5901C38.6154 40.599 38.45 40.6025 38.2829 40.6025C38.1158 40.6025 37.9505 40.599 37.7851 40.5901C37.7158 40.5865 37.6465 40.5794 37.5772 40.5741C37.4829 40.567 37.3869 40.5616 37.2945 40.5527C37.2056 40.5439 37.1185 40.5314 37.0314 40.5207C36.9585 40.5119 36.8838 40.5047 36.8109 40.4923C36.7096 40.4763 36.61 40.4585 36.5105 40.439C36.4518 40.4283 36.3932 40.4194 36.3345 40.407C36.2243 40.3839 36.1158 40.359 36.0056 40.3323C35.9594 40.3216 35.9132 40.3127 35.8669 40.3003C35.7478 40.2701 35.6323 40.2363 35.5149 40.2025C35.4794 40.1919 35.4438 40.183 35.4083 40.1723C35.282 40.1332 35.1594 40.0923 35.0349 40.0496C35.01 40.0407 34.9852 40.0336 34.9603 40.0247C34.8287 39.9785 34.7007 39.927 34.5727 39.8754C34.5567 39.8683 34.5389 39.863 34.5229 39.8559C34.3896 39.8007 34.2581 39.7421 34.1283 39.6816C34.1176 39.6763 34.1069 39.6728 34.0963 39.6674C33.9612 39.6034 33.8261 39.5359 33.6945 39.4665C33.6892 39.4665 33.6856 39.4612 33.6803 39.4594C33.5434 39.3865 33.4101 39.3119 33.2767 39.2319C32.6101 38.8372 31.9967 38.3643 31.4456 37.8292C31.2163 37.607 30.9976 37.3723 30.7932 37.1288C30.6225 36.9261 30.4607 36.7145 30.3061 36.4994C30.2936 36.4816 30.2794 36.4639 30.267 36.4461C30.1194 36.2363 29.9807 36.0212 29.851 35.8008C29.8367 35.7759 29.8207 35.7492 29.8065 35.7243C29.6785 35.5039 29.5594 35.2781 29.4492 35.047L29.4172 34.9776C29.3052 34.7376 29.2003 34.4941 29.1096 34.2434C29.0261 34.0141 28.9514 33.7794 28.8856 33.543C28.7718 33.1376 28.683 32.7234 28.6225 32.3003C28.619 32.2737 28.6154 32.2488 28.6118 32.2221C28.5887 32.0514 28.571 31.879 28.5567 31.7048C28.5532 31.6568 28.5478 31.6088 28.5461 31.5608C28.5336 31.3599 28.5247 31.1554 28.5247 30.951C28.5247 30.8532 28.5301 30.7554 28.5318 30.6577H28.5301V30.6559Z" fill="%23A2A9B3"/><path d="M52.2963 48.6026L51.7772 47.8363L49.1052 43.8968L48.9079 44.0266L48.4741 44.3146L46.9826 45.303L46.5488 45.591L46.2217 45.8079L48.963 49.8488L49.4359 50.5474L51.0146 52.8746C51.2723 53.255 51.6652 53.5145 52.1203 53.6034C52.5754 53.6923 53.0377 53.5999 53.4234 53.3439C54.2181 52.8159 54.4314 51.7474 53.8981 50.9617L52.2963 48.6008V48.6026Z" fill="%23A2A9B3"/><path d="M47.1353 42.3449L46.4455 41.328L46.0295 40.7129L45.8998 40.5227L45.6118 40.7129L44.5575 41.4134L44.4082 41.5111L45.6455 43.3351L47.1353 42.3449Z" fill="%23A2A9B3"/><path d="M28.5535 31.7029C28.5677 31.8772 28.5855 32.0496 28.6086 32.2203C28.6122 32.2469 28.6157 32.2718 28.6193 32.2985C28.6797 32.7216 28.7686 33.1376 28.8824 33.5412C28.9499 33.7776 29.0228 34.0123 29.1064 34.2416C29.1988 34.4923 29.3019 34.7358 29.4139 34.9758L29.4459 35.0452C29.5561 35.2763 29.6753 35.502 29.8033 35.7225C29.8175 35.7474 29.8335 35.774 29.8477 35.7989C29.9775 36.0194 30.1161 36.2345 30.2637 36.4443C30.2761 36.462 30.2904 36.4798 30.3028 36.4976C30.4575 36.7145 30.6193 36.9243 30.7899 37.1269C30.9961 37.3705 31.2148 37.6034 31.4424 37.8274C31.9935 38.3625 32.6068 38.8354 33.2735 39.23C33.4068 39.3083 33.5401 39.3847 33.677 39.4576C33.6824 39.4576 33.6859 39.4629 33.6912 39.4647C33.8228 39.534 33.9579 39.6016 34.093 39.6656C34.1037 39.6709 34.1144 39.6745 34.125 39.6798C34.2548 39.7403 34.3864 39.7989 34.5197 39.854C34.5357 39.8611 34.5535 39.8665 34.5695 39.8736C34.6975 39.9251 34.8272 39.9767 34.957 40.0229C34.9819 40.0318 35.0068 40.0389 35.0317 40.0478C35.1544 40.0905 35.2788 40.1331 35.405 40.1705C35.4406 40.1811 35.4761 40.19 35.5117 40.2007C35.629 40.2345 35.7446 40.2683 35.8637 40.2985C35.9099 40.3109 35.9561 40.3198 36.0023 40.3305C36.1108 40.3571 36.221 40.382 36.3312 40.4051C36.3899 40.4176 36.4486 40.4265 36.5072 40.4371C36.6068 40.4549 36.7063 40.4745 36.8077 40.4905C36.8806 40.5011 36.9552 40.5083 37.0281 40.5189C37.1152 40.5296 37.2041 40.5438 37.2912 40.5509C37.3855 40.5598 37.4797 40.5651 37.5739 40.5723C37.6432 40.5776 37.7126 40.5847 37.7819 40.5883C37.9472 40.5971 38.1126 40.6007 38.2797 40.6007C38.4468 40.6007 38.6121 40.5971 38.7775 40.5883C38.8468 40.5847 38.9161 40.5776 38.9855 40.5723C39.0797 40.5651 39.1757 40.5598 39.2681 40.5509C39.357 40.542 39.4441 40.5296 39.5312 40.5189C39.6041 40.51 39.6788 40.5029 39.7517 40.4905C39.853 40.4745 39.9526 40.4567 40.0539 40.4371C40.1126 40.4265 40.1712 40.4176 40.2281 40.4069C40.3383 40.3838 40.4486 40.3589 40.557 40.3323C40.6032 40.3216 40.6494 40.3127 40.6957 40.3003C40.8148 40.27 40.9303 40.2363 41.0477 40.2025C41.0832 40.1918 41.1188 40.1829 41.1543 40.1723C41.2806 40.1331 41.4032 40.0923 41.5277 40.0496C41.5526 40.0407 41.5774 40.0336 41.6023 40.0247C41.7339 39.9785 41.8619 39.9269 41.9899 39.8754C42.0059 39.8683 42.0237 39.8629 42.0397 39.8558C42.173 39.8007 42.3046 39.742 42.4343 39.6816C42.445 39.6763 42.4557 39.6727 42.4663 39.6674C42.6032 39.6034 42.7366 39.5358 42.8699 39.4647C42.8734 39.4647 42.877 39.4611 42.8823 39.4594C43.0192 39.3865 43.1543 39.3118 43.2859 39.2318C43.9525 38.8371 44.5659 38.3643 45.117 37.8291C45.3463 37.6069 45.565 37.3723 45.7694 37.1287C45.9383 36.9296 46.0965 36.7234 46.2494 36.51C46.2636 36.4905 46.2761 36.4727 46.2903 36.4532C46.4361 36.2469 46.573 36.0336 46.7028 35.8167C46.717 35.7936 46.7312 35.7687 46.7436 35.7456C46.8716 35.5252 46.9925 35.2994 47.1045 35.0683C47.1116 35.054 47.117 35.0398 47.1241 35.0256C47.2379 34.7874 47.341 34.5438 47.4352 34.2949V34.2878C47.5276 34.0478 47.6059 33.8025 47.677 33.5536C47.6859 33.5198 47.6965 33.4878 47.7054 33.454C47.7712 33.2158 47.8245 32.974 47.8725 32.7287C47.8814 32.686 47.8885 32.6434 47.8956 32.6007C47.9383 32.3554 47.9739 32.1065 47.997 31.854C48.0005 31.8185 48.0023 31.7829 48.0059 31.7474C48.0272 31.4825 48.0414 31.2158 48.0414 30.9456C48.0414 30.7678 48.0361 30.5918 48.0254 30.4158C48.0219 30.3589 48.0165 30.3021 48.013 30.2434C48.0041 30.1261 47.9952 30.0087 47.9828 29.8914C47.9756 29.8238 47.965 29.7581 47.9579 29.6923C47.9436 29.5856 47.9294 29.4789 47.9116 29.3741C47.901 29.3047 47.8868 29.2372 47.8743 29.1696C47.8548 29.0665 47.8334 28.9652 47.8121 28.8638C47.7979 28.7963 47.7819 28.7287 47.7659 28.6629C47.741 28.5616 47.7143 28.4603 47.6859 28.3589C47.6681 28.2949 47.6503 28.2327 47.6308 28.1687C47.5988 28.0621 47.5632 27.9572 47.5276 27.8523C47.5081 27.7972 47.4903 27.7421 47.4708 27.6869C47.4263 27.5625 47.3765 27.4398 47.3268 27.3189C47.3125 27.2852 47.3001 27.2514 47.2859 27.2176C47.2183 27.0594 47.1472 26.9029 47.0725 26.7501C47.0708 26.7447 47.0672 26.7412 47.0654 26.7376C46.9925 26.5918 46.9179 26.4461 46.8379 26.3038C46.8165 26.2665 46.7934 26.2292 46.7721 26.1918C46.7099 26.0834 46.6459 25.9749 46.5801 25.8701C46.5517 25.8256 46.5232 25.7829 46.4948 25.7385C46.4308 25.6407 46.3668 25.5447 46.2992 25.4487L46.2032 25.3154C46.1357 25.2229 46.0663 25.1305 45.9952 25.0398C45.9614 24.9972 45.9294 24.9563 45.8957 24.9154C45.821 24.8229 45.7428 24.7323 45.6645 24.6416C45.6325 24.6061 45.6023 24.5687 45.5703 24.5332C45.4814 24.4354 45.3908 24.3394 45.2983 24.2452C45.2734 24.2203 45.2503 24.1936 45.2254 24.1687C44.9837 23.9252 44.7277 23.6958 44.461 23.479C44.1481 23.2265 43.8192 22.9936 43.4761 22.7785C43.1063 22.5474 42.7188 22.3412 42.317 22.1598C42.3028 22.1545 42.2903 22.1474 42.2761 22.1421C41.8832 21.9678 41.4779 21.8167 41.0601 21.6941C41.0334 21.6852 41.005 21.6781 40.9783 21.671C40.797 21.6194 40.6157 21.5732 40.4308 21.5323C40.3988 21.5252 40.3686 21.5181 40.3366 21.511C40.1303 21.4665 39.9223 21.4292 39.7126 21.399C39.6806 21.3936 39.6486 21.3918 39.6166 21.3865C39.4406 21.3634 39.2628 21.3438 39.085 21.3296C39.0299 21.3243 38.9748 21.3207 38.9179 21.3172C38.7081 21.303 38.4966 21.2941 38.2832 21.2941C38.0699 21.2941 37.8583 21.303 37.6486 21.3172C37.5935 21.3207 37.5383 21.3261 37.4815 21.3296C37.3037 21.3438 37.1259 21.3634 36.9499 21.3865C36.9179 21.3901 36.8859 21.3936 36.8539 21.399C36.6441 21.4292 36.4361 21.4665 36.2299 21.511C36.1979 21.5181 36.1659 21.5252 36.1357 21.5323C35.9508 21.5732 35.7677 21.6194 35.5881 21.671C35.5615 21.6781 35.533 21.687 35.5064 21.6941C35.0886 21.8167 34.6832 21.9678 34.2904 22.1421C34.2761 22.1474 34.2637 22.1545 34.2495 22.1598C33.8477 22.3412 33.4619 22.5474 33.0904 22.7785C32.7473 22.9918 32.4184 23.2247 32.1055 23.479C31.1241 24.2736 30.3028 25.2549 29.693 26.3661C29.5686 26.5936 29.4548 26.8283 29.3482 27.0665C29.2486 27.2887 29.1579 27.5163 29.0744 27.7492L29.069 27.7652C28.989 27.9909 28.9162 28.2221 28.8539 28.4549C28.8539 28.4603 28.8504 28.4656 28.8486 28.4709C28.7882 28.6932 28.7384 28.9189 28.6939 29.1465C28.6868 29.1874 28.6797 29.2265 28.6726 29.2674C28.6317 29.4932 28.5979 29.7207 28.573 29.9536C28.5499 30.1847 28.5357 30.4176 28.5286 30.654C28.525 30.7518 28.5215 30.8496 28.5215 30.9474C28.5215 31.1518 28.5304 31.3545 28.5428 31.5572L28.5535 31.7012V31.7029ZM28.8379 29.9572C28.9464 28.9385 29.2237 27.9678 29.6361 27.0718C29.7464 26.8336 29.8655 26.5989 29.9953 26.3714C30.6335 25.2461 31.4993 24.263 32.5304 23.4843C32.8699 23.2283 33.2272 22.9936 33.6006 22.7838C34.9837 22.0052 36.5801 21.559 38.2832 21.559C39.9863 21.559 41.5828 22.0052 42.9659 22.7838C43.3392 22.9936 43.6965 23.2265 44.0361 23.4843C46.3099 25.2016 47.7819 27.9092 47.7819 30.9492C47.7819 33.3136 46.8912 35.4754 45.4281 37.1287C45.2112 37.374 44.9819 37.6069 44.7419 37.8291C43.0459 39.3865 40.7774 40.3411 38.285 40.3411C35.7926 40.3411 33.5241 39.3865 31.8281 37.8291C31.5864 37.6087 31.3588 37.374 31.1419 37.1287C30.3953 36.286 29.7979 35.31 29.3908 34.2416C29.3037 34.0123 29.2273 33.7794 29.1579 33.5412C28.9179 32.7163 28.7864 31.8487 28.7864 30.9492C28.7864 30.8514 28.7917 30.7536 28.7935 30.6558C28.8006 30.4212 28.8148 30.1865 28.8397 29.9554L28.8379 29.9572Z" fill="%23A2A9B3"/><path d="M37.0626 27.4133C37.2102 27.2586 37.3809 27.1448 37.5693 27.0701C37.7506 26.9973 37.9498 26.9617 38.1702 26.9617C38.3906 26.9617 38.588 26.999 38.7675 27.0701C38.9293 27.1341 39.0769 27.2266 39.2066 27.3493C39.4804 27.6088 39.6173 27.9448 39.6173 28.3573C39.6173 28.7697 39.484 29.1253 39.2155 29.3901L38.6502 29.9555L37.9782 30.6292C37.9693 30.6381 37.9622 30.647 37.9533 30.6559C37.804 30.8141 37.6742 30.951 37.5693 31.0666C37.4573 31.1892 37.3649 31.3155 37.2955 31.447C37.2262 31.5804 37.1782 31.7279 37.1515 31.8915C37.1249 32.055 37.1106 32.2541 37.1106 32.487V33.3599H39.0378V32.7555C39.0378 32.5546 39.0538 32.3821 39.0858 32.2399C39.1178 32.0977 39.1693 31.9697 39.2386 31.8595C39.308 31.7475 39.3969 31.639 39.5035 31.5341C39.6102 31.4292 39.7382 31.3066 39.8893 31.1679C40.0777 30.9901 40.2573 30.8195 40.4297 30.6541C40.4724 30.6132 40.5151 30.5724 40.556 30.5332C40.7462 30.3501 40.9151 30.1564 41.0644 29.9555C41.0786 29.9359 41.0964 29.9181 41.1106 29.8986C41.2706 29.6764 41.4004 29.4328 41.4964 29.1679C41.5924 28.903 41.6404 28.5955 41.6404 28.247C41.6404 27.8115 41.5711 27.4204 41.4395 27.0701C41.4217 27.0204 41.4057 26.9688 41.3844 26.9208C41.2955 26.7199 41.1871 26.5368 41.0609 26.3697C40.9453 26.2168 40.8155 26.0764 40.668 25.9519C40.3622 25.6924 40.0031 25.4933 39.5924 25.3564C39.18 25.2195 38.7338 25.1501 38.252 25.1501C37.7382 25.1501 37.2671 25.2213 36.8386 25.3653C36.4102 25.5075 36.0333 25.7173 35.7062 25.9928C35.5693 26.1084 35.4467 26.2346 35.3329 26.3715C35.1729 26.5617 35.0307 26.7697 34.9115 27.0008L34.8795 27.0701C34.6947 27.4506 34.5702 27.879 34.5098 28.359L36.5666 28.5173C36.6093 28.0835 36.7746 27.7155 37.0644 27.4133H37.0626Z" fill="%23A2A9B3"/><path d="M38.0763 34.3289C37.7226 34.3289 37.4203 34.4516 37.1679 34.6951C36.9155 34.9387 36.791 35.2303 36.791 35.568C36.791 35.7369 36.8248 35.8969 36.8959 36.0445C36.9652 36.192 37.0595 36.32 37.1768 36.4249C37.2941 36.5316 37.431 36.6151 37.5875 36.6791C37.7421 36.7431 37.9057 36.7751 38.0781 36.7751C38.4319 36.7751 38.7341 36.6542 38.9866 36.4107C39.2372 36.1671 39.3635 35.8756 39.3635 35.5378C39.3635 35.2 39.2355 34.9138 38.9777 34.6809C38.7217 34.448 38.4212 34.3307 38.0781 34.3307L38.0763 34.3289Z" fill="%23A2A9B3"/><path d="M47.6787 33.5536C47.6075 33.8025 47.5293 34.0478 47.4404 34.2878L47.6787 33.5536Z" fill="%23A2A9B3"/><path d="M46.7044 35.8168C46.5747 36.0337 46.4378 36.247 46.292 36.4532L46.7044 35.8168Z" fill="%23A2A9B3"/><path d="M47.4371 34.2951C47.3429 34.544 47.2398 34.7875 47.126 35.0258L47.4371 34.2951Z" fill="%23A2A9B3"/><path d="M47.106 35.0682C46.9958 35.2993 46.8749 35.5251 46.7451 35.7455L47.106 35.0682Z" fill="%23A2A9B3"/><path d="M47.3252 27.3225C47.375 27.4434 47.4248 27.5661 47.4692 27.6905L47.3252 27.3225Z" fill="%23A2A9B3"/><path d="M46.8379 26.3076C46.9179 26.4498 46.9926 26.5938 47.0654 26.7414L46.8379 26.3076Z" fill="%23A2A9B3"/><path d="M45.9951 25.0435C46.0662 25.1342 46.1356 25.2266 46.2031 25.3191L45.9951 25.0435Z" fill="%23A2A9B3"/><path d="M46.5801 25.8737C46.6459 25.9804 46.7099 26.0871 46.7721 26.1955L46.5801 25.8737Z" fill="%23A2A9B3"/><path d="M45.6641 24.6453C45.7423 24.7359 45.8205 24.8266 45.8952 24.919L45.6641 24.6453Z" fill="%23A2A9B3"/><path d="M46.2998 25.4522C46.3674 25.5482 46.4314 25.6442 46.4954 25.742L46.2998 25.4522Z" fill="%23A2A9B3"/><path d="M40.4287 21.5359C40.6136 21.5768 40.7967 21.623 40.9763 21.6746L40.4287 21.5359Z" fill="%23A2A9B3"/><path d="M45.2988 24.2488C45.3913 24.343 45.4819 24.439 45.5708 24.5368L45.2988 24.2488Z" fill="%23A2A9B3"/><path d="M48.0428 30.9493C48.0428 31.2195 48.0288 31.4862 48.0078 31.7511L48.0428 30.9493Z" fill="%23A2A9B3"/><path d="M47.9834 29.8951C47.9956 30.0124 48.0044 30.1297 48.0131 30.2471L47.9834 29.8951Z" fill="%23A2A9B3"/><path d="M47.9111 29.3777C47.9286 29.4826 47.9426 29.5893 47.9566 29.696L47.9111 29.3777Z" fill="%23A2A9B3"/><path d="M48.0273 30.4177C48.0361 30.5937 48.0431 30.7697 48.0431 30.9474L48.0273 30.4177Z" fill="%23A2A9B3"/><path d="M47.0723 26.7538C47.1469 26.9085 47.218 27.0631 47.2856 27.2213L47.0723 26.7538Z" fill="%23A2A9B3"/><path d="M47.8722 32.7305C47.826 32.9759 47.7709 33.2176 47.7051 33.4559L47.8722 32.7305Z" fill="%23A2A9B3"/><path d="M47.9978 31.8578C47.9747 32.1102 47.9392 32.3573 47.8965 32.6045L47.9978 31.8578Z" fill="%23A2A9B3"/><path d="M47.5264 27.856C47.5619 27.9609 47.5975 28.0658 47.6295 28.1725L47.5264 27.856Z" fill="%23A2A9B3"/><path d="M47.8115 28.8675C47.8342 28.9688 47.8535 29.0702 47.8727 29.1733L47.8115 28.8675Z" fill="%23A2A9B3"/><path d="M39.71 21.401C39.9197 21.4312 40.1277 21.4686 40.334 21.513L39.71 21.401Z" fill="%23A2A9B3"/><path d="M47.6836 28.3626C47.712 28.4639 47.7387 28.5653 47.7636 28.6666L47.6836 28.3626Z" fill="%23A2A9B3"/><path d="M36.0049 40.3324C36.1133 40.3591 36.2235 40.384 36.3338 40.4071L36.0049 40.3324Z" fill="%23A2A9B3"/><path d="M33.6789 39.4577C33.5421 39.3848 33.4087 39.3102 33.2754 39.2302L33.6789 39.4577Z" fill="%23A2A9B3"/><path d="M34.5713 39.8737C34.6993 39.9253 34.8291 39.9768 34.9588 40.0231L34.5713 39.8737Z" fill="%23A2A9B3"/><path d="M36.1335 21.5359C35.9486 21.5768 35.7655 21.623 35.5859 21.6746L36.1335 21.5359Z" fill="%23A2A9B3"/><path d="M34.127 39.68C34.2567 39.7404 34.3883 39.7991 34.5216 39.8542L34.127 39.68Z" fill="%23A2A9B3"/><path d="M34.0942 39.6657C33.959 39.6017 33.8239 39.5342 33.6924 39.4648L34.0942 39.6657Z" fill="%23A2A9B3"/><path d="M37.4788 21.3315C37.301 21.3455 37.1233 21.3648 36.9473 21.3875L37.4788 21.3315Z" fill="%23A2A9B3"/><path d="M42.8838 39.4577C43.0207 39.3848 43.1558 39.3102 43.2873 39.2302L42.8838 39.4577Z" fill="%23A2A9B3"/><path d="M44.4609 23.4826C44.7276 23.6995 44.9836 23.9306 45.2254 24.1724L44.4609 23.4826Z" fill="%23A2A9B3"/><path d="M38.2812 21.2979C38.4946 21.2979 38.7061 21.3067 38.9159 21.3206L38.2812 21.2979Z" fill="%23A2A9B3"/><path d="M36.8525 21.401C36.6427 21.4312 36.4347 21.4686 36.2285 21.513L36.8525 21.401Z" fill="%23A2A9B3"/><path d="M45.7725 37.1271C45.9413 36.928 46.0996 36.7218 46.2525 36.5084L45.7725 37.1271Z" fill="%23A2A9B3"/><path d="M35.0352 40.0497C35.1578 40.0924 35.2823 40.1351 35.4085 40.1724L35.0352 40.0497Z" fill="%23A2A9B3"/><path d="M41.6035 40.0248C41.7351 39.9786 41.8631 39.927 41.9911 39.8755L41.6035 40.0248Z" fill="%23A2A9B3"/><path d="M40.2314 40.4071C40.3417 40.384 40.4519 40.3591 40.5603 40.3324L40.2314 40.4071Z" fill="%23A2A9B3"/><path d="M38.7793 40.5881C38.8486 40.5846 38.918 40.5776 38.9873 40.5723L38.7793 40.5881Z" fill="%23A2A9B3"/><path d="M39.2715 40.5505C39.3604 40.5418 39.4475 40.5295 39.5346 40.519L39.2715 40.5505Z" fill="%23A2A9B3"/><path d="M40.6973 40.3005C40.8164 40.2703 40.9319 40.2365 41.0493 40.2027L40.6973 40.3005Z" fill="%23A2A9B3"/><path d="M39.7549 40.4897C39.8562 40.474 39.9558 40.4565 40.0571 40.4373L39.7549 40.4897Z" fill="%23A2A9B3"/><path d="M42.4697 39.6656C42.6066 39.6016 42.7399 39.5341 42.8733 39.463L42.4697 39.6656Z" fill="%23A2A9B3"/><path d="M42.041 39.8542C42.1743 39.7991 42.3059 39.7404 42.4357 39.68L42.041 39.8542Z" fill="%23A2A9B3"/><path d="M35.5137 40.2027C35.631 40.2365 35.7466 40.2703 35.8657 40.3005L35.5137 40.2027Z" fill="%23A2A9B3"/><path d="M41.1562 40.1724C41.2825 40.1333 41.4051 40.0924 41.5296 40.0497L41.1562 40.1724Z" fill="%23A2A9B3"/><path d="M37.6475 21.3187C37.8572 21.3047 38.0688 21.296 38.2821 21.296L37.6475 21.3187Z" fill="%23A2A9B3"/><path d="M37.0283 40.5173C37.1154 40.5278 37.2043 40.5417 37.2914 40.5487L37.0283 40.5173Z" fill="%23A2A9B3"/><path d="M36.5068 40.4373C36.6064 40.4547 36.7059 40.474 36.8073 40.4897L36.5068 40.4373Z" fill="%23A2A9B3"/><path d="M39.083 21.3315C39.2608 21.3455 39.4386 21.3648 39.6146 21.3875L39.083 21.3315Z" fill="%23A2A9B3"/><path d="M37.5762 40.5723C37.6455 40.5776 37.7148 40.5846 37.7842 40.5881L37.5762 40.5723Z" fill="%23A2A9B3"/><path d="M29.8477 35.7989C29.9774 36.0193 30.1161 36.2344 30.2637 36.4442L29.8477 35.7989Z" fill="%23A2A9B3"/><path d="M29.414 34.976C29.302 34.736 29.1971 34.4924 29.1064 34.2418L29.414 34.976Z" fill="%23A2A9B3"/><path d="M30.3027 36.4977C30.4574 36.7146 30.6192 36.9243 30.7898 37.127L30.3027 36.4977Z" fill="%23A2A9B3"/><path d="M29.4453 35.0453C29.5555 35.2764 29.6746 35.5022 29.8026 35.7226L29.4453 35.0453Z" fill="%23A2A9B3"/><path d="M28.5195 30.9493C28.5195 31.1537 28.5283 31.3564 28.5405 31.5591L28.5195 30.9493Z" fill="%23A2A9B3"/><path d="M28.5537 31.7031C28.5677 31.8773 28.5852 32.0497 28.6079 32.2204L28.5537 31.7031Z" fill="%23A2A9B3"/><path d="M28.5195 30.9493C28.5195 30.8516 28.5248 30.7538 28.5265 30.656L28.5195 30.9493Z" fill="%23A2A9B3"/><path d="M28.6708 29.2694C28.63 29.4952 28.5962 29.7227 28.5713 29.9556L28.6708 29.2694Z" fill="%23A2A9B3"/><path d="M29.0723 27.7508C29.154 27.5197 29.2465 27.2922 29.346 27.0682L29.0723 27.7508Z" fill="%23A2A9B3"/><path d="M28.8516 28.4569C28.9156 28.224 28.9867 27.9929 29.0667 27.7672L28.8516 28.4569Z" fill="%23A2A9B3"/><path d="M28.847 28.4729C28.7866 28.6951 28.7368 28.9209 28.6924 29.1485L28.847 28.4729Z" fill="%23A2A9B3"/><path d="M32.1029 23.4826C31.1215 24.2773 30.3002 25.2586 29.6904 26.3697L32.1029 23.4826Z" fill="%23A2A9B3"/><path d="M54.3311 50.6755L52.4751 47.9377C52.4982 47.7866 52.5142 47.6337 52.5142 47.4772V3.07199C52.5142 1.37778 51.1204 0 49.4066 0H25.2218C25.0031 0 24.7951 0.0906665 24.6476 0.248888L24.2245 0.700443L15.0796 10.4729L14.6423 10.9404C14.4681 11.1253 14.3721 11.3689 14.3721 11.6213V47.4772C14.3721 49.1715 15.7658 50.5492 17.4796 50.5492H48.804L50.5764 53.1626C50.8288 53.5341 51.1791 53.8168 51.5897 53.9839C51.7266 54.039 51.8688 54.0817 52.0164 54.1101C52.6084 54.2257 53.2111 54.1066 53.7124 53.7741C54.7471 53.0879 55.0244 51.6977 54.3311 50.6737V50.6755ZM24.6814 1.24266V11.0169H15.5365L24.6814 1.24266ZM17.4814 49.8506C16.1587 49.8506 15.0814 48.7857 15.0814 47.4772V11.7155H25.3889V0.700443H49.4048C50.7275 0.700443 51.8048 1.76533 51.8048 3.07377V46.9546L48.1995 41.6408L47.5684 42.0586L46.2653 40.1368C47.7089 38.9226 48.8911 37.3635 49.6608 35.5146C52.1568 29.5093 49.4208 22.6453 43.5524 19.8986H46.2191C46.4146 19.8986 46.5729 19.7422 46.5729 19.5484C46.5729 19.3546 46.4146 19.1982 46.2191 19.1982H41.6751C39.4102 18.5546 37.076 18.5884 34.9196 19.1982H21.1969C21.0014 19.1982 20.8432 19.3546 20.8432 19.5484C20.8432 19.7422 21.0014 19.8986 21.1969 19.8986H33.028C31.556 20.5866 30.2209 21.5626 29.1134 22.7857H21.1969C21.0014 22.7857 20.8432 22.9422 20.8432 23.136C20.8432 23.3297 21.0014 23.4862 21.1969 23.4862H28.5267C27.8796 24.32 27.3303 25.248 26.9071 26.2648C26.8929 26.3004 26.8805 26.336 26.8663 26.3715H21.1987C21.0032 26.3715 20.8449 26.528 20.8449 26.7217C20.8449 26.9155 21.0032 27.072 21.1987 27.072H26.6103C26.2903 28.0248 26.0965 28.9937 26.0218 29.9573H21.1987C21.0032 29.9573 20.8449 30.1137 20.8449 30.3075C20.8449 30.5013 21.0032 30.6577 21.1987 30.6577H25.9898C25.972 31.6355 26.0734 32.6044 26.2885 33.5448H21.1987C21.0032 33.5448 20.8449 33.7013 20.8449 33.8951C20.8449 34.0888 21.0032 34.2453 21.1987 34.2453H26.4698C26.7649 35.2568 27.1863 36.2275 27.732 37.1324H21.1987C21.0032 37.1324 20.8449 37.2888 20.8449 37.4826C20.8449 37.6764 21.0032 37.8328 21.1987 37.8328H28.1907C28.9605 38.9315 29.9151 39.911 31.0369 40.7199H21.1987C21.0032 40.7199 20.8449 40.8764 20.8449 41.0702C20.8449 41.2639 21.0032 41.4204 21.1987 41.4204H32.1267C32.5978 41.6888 33.0902 41.9342 33.6076 42.1439C37.0689 43.5519 40.8111 43.2746 43.9062 41.7048L45.2111 43.6301L44.4484 44.135L44.5658 44.3075H21.1969C21.0014 44.3075 20.8432 44.4639 20.8432 44.6577C20.8432 44.8515 21.0014 45.0079 21.1969 45.0079H45.0386L48.3293 49.8595H17.4814V49.8506ZM45.1951 44.2986L45.1737 44.2684L45.5009 44.0515L45.9346 43.7635L47.4262 42.775L47.86 42.487L48.0555 42.3573L48.8093 43.4684L48.612 43.5981L48.1782 43.8861L46.6866 44.8746L46.2529 45.1626L45.9257 45.3795L45.6662 44.9973L45.1915 44.2968H45.1951V44.2986ZM26.5445 29.9555C26.6227 28.9902 26.8236 28.0213 27.1578 27.0702C27.2289 26.8657 27.3071 26.6631 27.3907 26.4604C27.4031 26.4302 27.4174 26.4017 27.4316 26.3715C27.8867 25.3031 28.4822 24.3377 29.1934 23.4844C29.396 23.2409 29.6094 23.0097 29.8316 22.784C31.1205 21.4737 32.6956 20.4906 34.4147 19.8969C36.8573 19.0542 39.5844 18.9955 42.18 19.8969C42.3755 19.9644 42.5711 20.0373 42.7649 20.1155C48.772 22.5582 51.6502 29.3759 49.1791 35.3155C48.2173 37.6284 46.5835 39.4684 44.5942 40.7128C44.18 40.9724 43.7533 41.207 43.3124 41.4133C40.4218 42.7608 36.9889 42.9528 33.8067 41.6586C33.6165 41.5804 33.4298 41.4986 33.2449 41.4133C32.7987 41.2053 32.3738 40.9688 31.9685 40.7128C30.7311 39.9359 29.6734 38.9528 28.8325 37.8257C28.6618 37.5982 28.5036 37.3635 28.3507 37.1253C27.7747 36.2275 27.3249 35.2551 27.0138 34.2382C26.9427 34.007 26.8823 33.7742 26.8254 33.5377C26.6014 32.5991 26.4947 31.6302 26.5125 30.6506C26.516 30.4177 26.5267 30.1848 26.5463 29.9502V29.9555H26.5445ZM44.5551 41.4133L45.6093 40.7128L45.8973 40.5226L46.0271 40.7128L46.4431 41.3262L47.1346 42.3448L45.6431 43.3333L44.4075 41.511L44.5551 41.4133ZM53.4191 53.3457C53.0333 53.6017 52.5711 53.6924 52.1159 53.6052C51.6608 53.5163 51.2679 53.2586 51.0102 52.8764L49.4315 50.5492L48.9586 49.8506L46.2173 45.8097L46.5444 45.5928L46.9782 45.3048L48.4697 44.3164L48.9035 44.0284L49.1008 43.8986L51.7728 47.8381L52.292 48.6044L53.8937 50.9652C54.4271 51.751 54.2137 52.8195 53.4191 53.3475V53.3457Z" fill="%23A2A9B3"/><path d="M57.1122 57.5539H11.9763C11.7289 57.5539 11.5283 57.7545 11.5283 58.0019V58.617C11.5283 58.8644 11.7289 59.065 11.9763 59.065H57.1122C57.3596 59.065 57.5602 58.8644 57.5602 58.617V58.0019C57.5602 57.7545 57.3596 57.5539 57.1122 57.5539Z" fill="%23A2A9B3"/><path d="M56.7953 59.2142H12.2906C11.7857 59.2142 11.375 58.8071 11.375 58.3093C11.375 57.8115 11.7857 57.4044 12.2906 57.4044H56.7953C57.3002 57.4044 57.7108 57.8098 57.7108 58.3093C57.7108 58.8089 57.3002 59.2142 56.7953 59.2142ZM12.2906 57.7031C11.9528 57.7031 11.679 57.9751 11.679 58.3093C11.679 58.6435 11.9546 58.9155 12.2906 58.9155H56.7953C57.1331 58.9155 57.4068 58.6435 57.4068 58.3093C57.4068 57.9751 57.1313 57.7031 56.7953 57.7031H12.2906Z" fill="%23A2A9B3"/><path d="M44.1331 62.3395H24.9509C24.7035 62.3395 24.5029 62.5401 24.5029 62.7875V63.4026C24.5029 63.6501 24.7035 63.8506 24.9509 63.8506H44.1331C44.3805 63.8506 44.5811 63.6501 44.5811 63.4026V62.7875C44.5811 62.5401 44.3805 62.3395 44.1331 62.3395Z" fill="%23A2A9B3"/><path d="M43.8174 64H25.2681C24.7632 64 24.3525 63.5929 24.3525 63.0951C24.3525 62.5974 24.7632 62.1902 25.2681 62.1902H43.8174C44.3223 62.1902 44.7329 62.5956 44.7329 63.0951C44.7329 63.5947 44.3223 64 43.8174 64ZM25.2681 62.4889C24.9303 62.4889 24.6565 62.7609 24.6565 63.0951C24.6565 63.4294 24.9321 63.7014 25.2681 63.7014H43.8174C44.1551 63.7014 44.4289 63.4294 44.4289 63.0951C44.4289 62.7609 44.1534 62.4889 43.8174 62.4889H25.2681Z" fill="%23A2A9B3"/><path d="M7.10041 7.44348C5.67997 7.44348 4.52441 6.30037 4.52441 4.8977C4.52441 3.49504 5.67997 2.35193 7.10041 2.35193C8.52085 2.35193 9.6764 3.49504 9.6764 4.8977C9.6764 6.30037 8.52085 7.44348 7.10041 7.44348ZM7.10041 2.95104C6.01419 2.95104 5.13063 3.82393 5.13063 4.8977C5.13063 5.97148 6.01419 6.84437 7.10041 6.84437C8.18662 6.84437 9.07018 5.97148 9.07018 4.8977C9.07018 3.82393 8.18662 2.95104 7.10041 2.95104Z" fill="%23A2A9B3"/><path d="M1.85777 26.7628C0.833775 26.7628 0 25.9379 0 24.9263C0 23.9148 0.833775 23.0899 1.85777 23.0899C2.88177 23.0899 3.71554 23.9148 3.71554 24.9263C3.71554 25.9379 2.88177 26.7628 1.85777 26.7628ZM1.85777 23.6872C1.168 23.6872 0.60622 24.2419 0.60622 24.9246C0.60622 25.6072 1.168 26.1619 1.85777 26.1619C2.54755 26.1619 3.10932 25.6072 3.10932 24.9246C3.10932 24.2419 2.54755 23.6872 1.85777 23.6872Z" fill="%23A2A9B3"/><path d="M61.0325 33.0061C59.397 33.0061 58.0654 31.6906 58.0654 30.071C58.0654 28.4515 59.397 27.1359 61.0325 27.1359C62.6681 27.1359 63.9996 28.4515 63.9996 30.071C63.9996 31.6906 62.6681 33.0061 61.0325 33.0061ZM61.0325 27.7368C59.7312 27.7368 58.6717 28.7839 58.6717 30.071C58.6717 31.3581 59.7312 32.4052 61.0325 32.4052C62.3339 32.4052 63.3934 31.3581 63.3934 30.071C63.3934 28.7839 62.3339 27.7368 61.0325 27.7368Z" fill="%23A2A9B3"/><path d="M60.8936 4.76091H59.7061V3.5858C59.7061 3.51114 59.6439 3.44891 59.5674 3.44891C59.491 3.44891 59.4288 3.50936 59.4288 3.5858V4.76091H58.2412C58.1648 4.76091 58.1025 4.82136 58.1025 4.8978C58.1025 4.97424 58.1648 5.03469 58.2412 5.03469H59.4288V6.2098C59.4288 6.28446 59.491 6.34669 59.5674 6.34669C59.6439 6.34669 59.7061 6.28624 59.7061 6.2098V5.03469H60.8936C60.9701 5.03469 61.0323 4.97424 61.0323 4.8978C61.0323 4.82136 60.9701 4.76091 60.8936 4.76091Z" fill="%23A2A9B3"/><path d="M59.5669 6.41953C59.4496 6.41953 59.3536 6.3253 59.3536 6.20797V5.10931H58.2407C58.1233 5.10931 58.0273 5.01508 58.0273 4.89775C58.0273 4.78042 58.1233 4.6862 58.2407 4.6862H59.3536V3.58753C59.3536 3.4702 59.4496 3.37598 59.5669 3.37598C59.6842 3.37598 59.7802 3.4702 59.7802 3.58753V4.6862H60.8913C61.0087 4.6862 61.1047 4.78042 61.1047 4.89775C61.1047 5.01508 61.0087 5.10931 60.8913 5.10931H59.7802V6.20797C59.7802 6.3253 59.6842 6.41953 59.5669 6.41953ZM58.2407 4.83553C58.2069 4.83553 58.1785 4.86397 58.1785 4.89775C58.1785 4.93153 58.2069 4.95997 58.2407 4.95997H59.5047V6.20975C59.5047 6.24353 59.5331 6.27197 59.5669 6.27197C59.6007 6.27197 59.6291 6.24353 59.6291 6.20975V4.95997H60.8931C60.9269 4.95997 60.9553 4.93153 60.9553 4.89775C60.9553 4.86397 60.9269 4.83553 60.8931 4.83553H59.6291V3.58575C59.6291 3.55198 59.6007 3.52353 59.5669 3.52353C59.5331 3.52353 59.5047 3.55198 59.5047 3.58575V4.83553H58.2407Z" fill="%23A2A9B3"/><path d="M7.61041 43.3279H5.82374V41.5608C5.82374 41.4471 5.7313 41.3546 5.61575 41.3546C5.50019 41.3546 5.40775 41.4471 5.40775 41.5608V43.3279H3.62109C3.50553 43.3279 3.41309 43.4204 3.41309 43.5342C3.41309 43.6479 3.50553 43.7404 3.62109 43.7404H5.40775V45.5075C5.40775 45.6213 5.50019 45.7137 5.61575 45.7137C5.7313 45.7137 5.82374 45.6213 5.82374 45.5075V43.7404H7.61041C7.72596 43.7404 7.8184 43.6479 7.8184 43.5342C7.8184 43.4204 7.72596 43.3279 7.61041 43.3279Z" fill="%23A2A9B3"/><path d="M5.61602 45.7849C5.45957 45.7849 5.33157 45.6587 5.33157 45.504V43.8134H3.62136C3.46491 43.8134 3.33691 43.6871 3.33691 43.5325C3.33691 43.3778 3.46491 43.2516 3.62136 43.2516H5.33157V41.5591C5.33157 41.4045 5.45957 41.2783 5.61602 41.2783C5.77246 41.2783 5.90046 41.4045 5.90046 41.5591V43.2516H7.61068C7.76712 43.2516 7.89512 43.3778 7.89512 43.5325C7.89512 43.6871 7.76712 43.8134 7.61068 43.8134H5.90046V45.504C5.90046 45.6587 5.77246 45.7849 5.61602 45.7849ZM3.62136 43.4027C3.54847 43.4027 3.4898 43.4614 3.4898 43.5325C3.4898 43.6036 3.54847 43.6623 3.62136 43.6623H5.48446V45.504C5.48446 45.5769 5.54313 45.6338 5.61602 45.6338C5.68891 45.6338 5.74757 45.5751 5.74757 45.504V43.6623H7.61068C7.68357 43.6623 7.74223 43.6036 7.74223 43.5325C7.74223 43.4614 7.68357 43.4027 7.61068 43.4027H5.74757V41.5609C5.74757 41.488 5.68891 41.4311 5.61602 41.4311C5.54313 41.4311 5.48446 41.4898 5.48446 41.5609V43.4027H3.62136Z" fill="%23A2A9B3"/></svg>');
  background-size: cover;
  background-position: center;
}
.testcase-step-table .body .empty .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.testcase-step-table .body .empty .container .text {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  text-align: center;
}
.testcase-step-table .body .empty .container .description {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-align: center;
}
.testcase-step-table .body:not(:has(.empty)) {
  background-image: linear-gradient(to right, transparent calc(50% + 23px), var(--color-outline-subtlest) calc(50% + 23px), transparent calc(50% + 24.5px), transparent calc(50% + 24.5px)), linear-gradient(to right, transparent 47px, var(--color-outline-subtlest) 47px, var(--color-outline-subtlest) 48px, transparent 48px), linear-gradient(to right, var(--color-bg-default) 48px, transparent 48px);
}
.testcase-step-table .body:not(:has(.empty)) .row {
  display: grid;
  grid-template-columns: 48px 1fr 1fr;
  background: transparent;
}
.testcase-step-table .body:not(:has(.empty)) .row:not(:last-child) {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.testcase-step-table .body:not(:has(.empty)) .row .column {
  padding: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
.testcase-step-table .body:not(:has(.empty)) .row .column:first-child {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--color-bg-default);
}
.testcase-step-table .body:not(:has(.empty)) .row .column p {
  margin: 0;
}

.admin-users .content-container {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.admin-users .content-container .cell-action {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  gap: 6px;
}

.standard-modal.invite-user {
  width: 500px;
}

.transfer-ownership {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  width: 500px;
  max-width: 90vw;
  min-width: unset;
}
.transfer-ownership .detail-container {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.transfer-ownership .warning {
  color: var(--color-text-negative-default);
}

.user-edit {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  width: 500px;
  max-width: 90vw;
  min-width: unset;
}
.user-edit .field-users {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-edit .edit-users-table-title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtlest);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  background: var(--color-bg-neutral-bold-enabled);
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  border-collapse: collapse;
}
.user-edit .edit-users-table-title td {
  padding: 8px 0;
}
.user-edit .edit-users-table-title td:nth-child(1), .user-edit .edit-users-table-title td:nth-child(3) {
  width: 42%;
  text-align: center;
}
.user-edit .edit-users-table-title td:nth-child(2) {
  width: 16%;
  border: 1px solid var(--color-outline-subtle);
  border-width: 0 1px;
}
.user-edit .edit-users-table-container {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  max-height: 50vh;
  overflow: hidden auto;
}
.user-edit .edit-users-table-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.user-edit .edit-users-table-container::-webkit-scrollbar-button {
  display: none;
}
.user-edit .edit-users-table-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.user-edit .edit-users-table-container .edit-users-table {
  color: var(--color-text-subtle);
  border-collapse: collapse;
  width: 100%;
}
.user-edit .edit-users-table-container .edit-users-table td {
  border: 1px solid var(--color-outline-subtlest);
  border-width: 1px;
  padding: 0 12px;
  height: 38px;
}
.user-edit .edit-users-table-container .edit-users-table td.selected {
  background: var(--color-bg-brand-focused);
  color: var(--color-text-default);
}
.user-edit .edit-users-table-container .edit-users-table .role-cell {
  width: 42%;
  max-width: 171px;
}
.user-edit .edit-users-table-container .edit-users-table .role-cell:hover {
  background-color: var(--color-bg-brand-subtle-hovered);
}
.user-edit .edit-users-table-container .edit-users-table .role-cell-btn {
  width: 16%;
}
.user-edit .edit-users-table-container .edit-users-table .role-cell-btn .button-role-container {
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.ownership-transfer-incoming-request {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  width: 500px;
  max-width: 90vw;
  min-width: unset;
}

.admin-roles .cell-action {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  gap: 6px;
}

.modal-root .modal-window:has(.role-edit) .overlay-part {
  animation: none;
}
.modal-root .modal-window:has(.role-edit):has(~ .modal-window) .overlay-part {
  background-color: transparent;
}

.role-edit {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  max-width: 800px;
  width: 80vw;
}
.role-edit .role-edit-title-container:first-child {
  margin-top: 0;
}
.role-edit .role-edit-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}
.role-edit .role-edit-title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.role-edit .role-edit-title-container .check-uncheck {
  display: flex;
  padding: var(--spacing-4, 4px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  text-transform: uppercase;
}
.role-edit .role-edit-title-container .check-uncheck label {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  color: var(--color-text-bold);
  font-weight: var(--typography-weight-button-sm);
}
.role-edit .dependency-cell {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
}
.role-edit .dependency-cell .missing-deps {
  font-weight: 500;
  color: var(--color-text-negative-default);
}
.role-edit .dependency-cell .dependency-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  gap: 8px;
}
.role-edit .dependency-cell .xs-btn {
  padding: 2px 6px;
  font-size: 11px;
}
.role-edit .tcl-name-cell:has(.font-icon.ms_folder) {
  gap: 8px;
}
.role-edit .tcl-name-cell .font-icon.ms_folder {
  display: none;
}

.integration-type-renderer {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
}

.integration-content {
  gap: 12px;
}
.integration-content .integration-details {
  padding: 20px;
  border-radius: 4px;
  background: var(--color-bg-default);
  display: flex;
  flex-flow: column;
  row-gap: 20px;
}
.integration-content .integration-details .title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
}
.integration-content .integration-details .field-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
.integration-content .integration-details .field-container label {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
  width: 125px;
}
.integration-content .integration-details .field-container .value-field {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  display: flex;
  flex-flow: row;
  align-items: center;
  column-gap: 4px;
}
.integration-content .integration-details .accessible .ms_check_circle {
  color: var(--color-bg-positive-enabled);
}
.integration-content .integration-details .accessible .ms_cancel {
  color: var(--color-icon-negative-default);
}

.integration-user-editor label, .integration-editor label {
  width: 200px;
}

.integration-configure-project {
  max-width: 800px;
  width: 80vw;
}

.integrations-configure-projects-table .center {
  text-align: center;
}
.integrations-configure-projects-table .center .ms_check_circle {
  color: var(--color-bg-positive-enabled);
}
.integrations-configure-projects-table .center .ms_cancel {
  color: var(--color-icon-negative-default);
}

.system-fields-edit {
  width: 600px;
  max-width: 80vw;
}
.system-fields-edit label {
  width: 200px;
}
.system-fields-edit textarea {
  height: 100px;
}

.subscribe-cta-big {
  background: linear-gradient(#2F4B84, #814FB0);
  border-radius: 4px;
  padding: 32px;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.subscribe-cta-big svg {
  position: absolute;
  transform: translate(-75px, -35px);
}
.subscribe-cta-big .cta-title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  color: var(--color-text-inverse);
}
.subscribe-cta-big .cta-description {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-regular, 400);
  color: var(--color-text-inverse);
}
.subscribe-cta-big button {
  background-color: var(--color-bg-neutral-subtle-enabled);
}

:where(.callout) {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
}
:where(.callout) .font-icon {
  color: var(--color-icon-brand-default);
}

:where(.callout.color-attention) {
  border: 1px solid var(--color-outline-attention-subtlest);
  background: var(--color-bg-attention-enabled);
}
:where(.callout.color-attention).clickable {
  cursor: pointer;
}
:where(.callout.color-attention).clickable:hover {
  background: var(--color-bg-attention-hovered);
}

:where(.callout.color-attention-subtle) {
  border: 1px solid var(--color-outline-attention-subtlest);
  background: var(--color-bg-attention-subtle-enabled);
}
:where(.callout.color-attention-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-attention-subtle).clickable:hover {
  background: var(--color-bg-attention-subtle-hovered);
}

:where(.callout.color-brand) {
  border: 1px solid var(--color-outline-brand-subtlest);
  background: var(--color-bg-brand-enabled);
}
:where(.callout.color-brand).clickable {
  cursor: pointer;
}
:where(.callout.color-brand).clickable:hover {
  background: var(--color-bg-brand-hovered);
}

:where(.callout.color-brand-subtle) {
  border: 1px solid var(--color-outline-brand-subtlest);
  background: var(--color-bg-brand-subtle-enabled);
}
:where(.callout.color-brand-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-brand-subtle).clickable:hover {
  background: var(--color-bg-brand-subtle-hovered);
}

:where(.callout.color-info) {
  border: 1px solid var(--color-outline-info-subtlest);
  background: var(--color-bg-info-enabled);
}
:where(.callout.color-info).clickable {
  cursor: pointer;
}
:where(.callout.color-info).clickable:hover {
  background: var(--color-bg-info-hovered);
}

:where(.callout.color-info-subtle) {
  border: 1px solid var(--color-outline-info-subtlest);
  background: var(--color-bg-info-subtle-enabled);
}
:where(.callout.color-info-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-info-subtle).clickable:hover {
  background: var(--color-bg-info-subtle-hovered);
}

:where(.callout.color-negative) {
  border: 1px solid var(--color-outline-negative-subtlest);
  background: var(--color-bg-negative-enabled);
}
:where(.callout.color-negative).clickable {
  cursor: pointer;
}
:where(.callout.color-negative).clickable:hover {
  background: var(--color-bg-negative-hovered);
}

:where(.callout.color-negative-subtle) {
  border: 1px solid var(--color-outline-negative-subtlest);
  background: var(--color-bg-negative-subtle-enabled);
}
:where(.callout.color-negative-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-negative-subtle).clickable:hover {
  background: var(--color-bg-negative-subtle-hovered);
}

:where(.callout.color-neutral) {
  border: 1px solid var(--color-outline-neutral-subtlest);
  background: var(--color-bg-neutral-enabled);
}
:where(.callout.color-neutral).clickable {
  cursor: pointer;
}
:where(.callout.color-neutral).clickable:hover {
  background: var(--color-bg-neutral-hovered);
}

:where(.callout.color-neutral-subtle) {
  border: 1px solid var(--color-outline-neutral-subtlest);
  background: var(--color-bg-neutral-subtle-enabled);
}
:where(.callout.color-neutral-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-neutral-subtle).clickable:hover {
  background: var(--color-bg-neutral-subtle-hovered);
}

:where(.callout.color-new) {
  border: 1px solid var(--color-outline-new-subtlest);
  background: var(--color-bg-new-enabled);
}
:where(.callout.color-new).clickable {
  cursor: pointer;
}
:where(.callout.color-new).clickable:hover {
  background: var(--color-bg-new-hovered);
}

:where(.callout.color-new-subtle) {
  border: 1px solid var(--color-outline-new-subtlest);
  background: var(--color-bg-new-subtle-enabled);
}
:where(.callout.color-new-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-new-subtle).clickable:hover {
  background: var(--color-bg-new-subtle-hovered);
}

:where(.callout.color-positive) {
  border: 1px solid var(--color-outline-positive-subtlest);
  background: var(--color-bg-positive-enabled);
}
:where(.callout.color-positive).clickable {
  cursor: pointer;
}
:where(.callout.color-positive).clickable:hover {
  background: var(--color-bg-positive-hovered);
}

:where(.callout.color-positive-subtle) {
  border: 1px solid var(--color-outline-positive-subtlest);
  background: var(--color-bg-positive-subtle-enabled);
}
:where(.callout.color-positive-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-positive-subtle).clickable:hover {
  background: var(--color-bg-positive-subtle-hovered);
}

:where(.callout.color-warning) {
  border: 1px solid var(--color-outline-warning-subtlest);
  background: var(--color-bg-warning-enabled);
}
:where(.callout.color-warning).clickable {
  cursor: pointer;
}
:where(.callout.color-warning).clickable:hover {
  background: var(--color-bg-warning-hovered);
}

:where(.callout.color-warning-subtle) {
  border: 1px solid var(--color-outline-warning-subtlest);
  background: var(--color-bg-warning-subtle-enabled);
}
:where(.callout.color-warning-subtle).clickable {
  cursor: pointer;
}
:where(.callout.color-warning-subtle).clickable:hover {
  background: var(--color-bg-warning-subtle-hovered);
}

.organization-alias-add {
  width: 400px;
  max-width: 90vw;
  min-width: unset;
}
.organization-alias-add .notes {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtlest);
}

.organization-change-default-alias {
  width: 400px;
  max-width: 90vw;
  min-width: unset;
}
.organization-change-default-alias .checkbox-field {
  justify-content: space-between;
}
.organization-change-default-alias label {
  font-size: 14px;
}

.organization-settings {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.organization-settings .overview-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.organization-settings .overview-container .overview-container-title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.organization-settings .overview-container .field-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.organization-settings .overview-container .field-container label {
  font-family: var(--font-family-label), serif;
  font-size: var(--typography-size-label, 12px);
  font-style: normal;
  font-weight: var(--typography-weight-label, 600);
  line-height: var(--typography-lineHeight-label, 16px);
  color: var(--color-text-default);
  display: flex;
  min-width: 80px;
  max-width: 180px;
  flex: 1 0;
  align-self: stretch;
  min-height: 20px;
  padding-top: 4px;
}
.organization-settings .overview-container .field-container .value-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  min-height: 24px;
}
.organization-settings .overview-container .field-container .value-container .value {
  display: flex;
  flex-flow: row;
  gap: 16px;
  color: var(--color-text-bold, #1D2532);
  max-width: 25vw;
}
.organization-settings .overview-container .field-container .alias {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
}
.organization-settings .divider {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.organization-settings .danger-container {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.organization-settings .danger-container .danger-title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.organization-settings .danger-container .danger-description {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-warning-default);
}
.organization-settings .alias-button-container {
  display: flex;
  flex-flow: row;
  gap: 8px;
  margin-top: 12px;
}

.automation-service-user {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.automation-service-user tbody tr {
  height: unset;
}
.automation-service-user tbody tr td {
  padding: 8px;
}
.automation-service-user .name-container {
  display: flex;
  flex-flow: row;
  gap: 8px;
  width: 100%;
}
.automation-service-user .email {
  font-size: 12px;
  color: var(--color-text-subtle);
}

.cloud-runner-pool-edit {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  width: 700px;
  max-width: 90vw;
  min-width: unset;
  color: var(--color-text-default);
}
.cloud-runner-pool-edit .input-field label {
  width: 200px;
}
.cloud-runner-pool-edit .checkbox-field label {
  width: 153px;
}
.cloud-runner-pool-edit .field-projects {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.cloud-runner-pool-edit .projects-table-title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtlest);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  background: var(--color-bg-neutral-bold-enabled);
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  border-collapse: collapse;
}
.cloud-runner-pool-edit .projects-table-title td {
  padding: 8px 0;
}
.cloud-runner-pool-edit .projects-table-title td:nth-child(1), .cloud-runner-pool-edit .projects-table-title td:nth-child(3) {
  width: 42%;
  text-align: center;
}
.cloud-runner-pool-edit .projects-table-title td:nth-child(2) {
  width: 16%;
  border: 1px solid var(--color-outline-subtle);
  border-width: 0 1px;
}
.cloud-runner-pool-edit .projects-table-container {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  max-height: 50vh;
  overflow: hidden auto;
}
.cloud-runner-pool-edit .projects-table-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.cloud-runner-pool-edit .projects-table-container::-webkit-scrollbar-button {
  display: none;
}
.cloud-runner-pool-edit .projects-table-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.cloud-runner-pool-edit .projects-table-container .projects-table {
  color: var(--color-text-subtle);
  border-collapse: collapse;
  width: 100%;
}
.cloud-runner-pool-edit .projects-table-container .projects-table td {
  border: 1px solid var(--color-outline-subtlest);
  border-width: 1px;
  padding: 0 12px;
  height: 38px;
}
.cloud-runner-pool-edit .projects-table-container .projects-table td.selected {
  background: var(--color-bg-brand-focused);
  color: var(--color-text-default);
}
.cloud-runner-pool-edit .projects-table-container .projects-table .role-cell {
  width: 42%;
  max-width: 171px;
}
.cloud-runner-pool-edit .projects-table-container .projects-table .role-cell:hover {
  background-color: var(--color-bg-brand-subtle-hovered);
}
.cloud-runner-pool-edit .projects-table-container .projects-table .role-cell-btn {
  width: 16%;
}
.cloud-runner-pool-edit .projects-table-container .projects-table .role-cell-btn .button-role-container {
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.cloud-runner-pools .cloud-runner-pool-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cloud-runner-pools .cloud-runner-pool-content .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.cloud-runner-pools .cloud-runner-pool-content .empty-table {
  height: 40px;
}

a {
  color: var(--color-text-link-enabled);
  text-decoration: none;
}
a:visited {
  color: var(--color-text-link-visited);
}

.change-password {
  width: 600px;
  max-width: 80vw;
  min-width: unset;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.change-password label {
  width: 150px;
}
.change-password .password-requirements .title {
  font-weight: 600;
}
.change-password .password-requirements ul {
  margin: 0;
}

.view-profile {
  width: 600px;
  max-width: 80vw;
  min-width: unset;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.view-profile .body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.view-profile .body .input-field .input-wrapper {
  display: flex;
  align-items: center;
  background-color: var(--color-bg-default);
}
.view-profile .body .input-field .input-area {
  overflow: hidden;
}

.standard-modal.organization-create {
  width: 90vw;
  max-width: 650px;
  min-width: unset;
}
.standard-modal.organization-create .input-suffix-text {
  text-transform: lowercase;
  font-weight: 400;
}

.markdown-preview {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  padding: 8px 0;
  flex-flow: wrap;
  word-wrap: break-word;
  flex-flow: column;
  overflow: auto;
  width: auto;
  overflow-wrap: anywhere;
}
.markdown-preview::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.markdown-preview::-webkit-scrollbar-button {
  display: none;
}
.markdown-preview::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.markdown-preview > *:first-child {
  margin-top: 0;
}
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3 {
  font-weight: 600;
  font-size: unset;
  text-transform: none;
}
.markdown-preview h1 {
  font-size: 125%;
}
.markdown-preview h2 {
  font-size: 115%;
}
.markdown-preview h3 {
  font-size: 105%;
}
.markdown-preview p {
  margin-bottom: 0;
  font-size: 12px;
}
.markdown-preview img {
  max-height: 100px;
  max-width: 100px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 10px;
}
.markdown-preview.allow-resize textarea {
  width: 100%;
}
.markdown-preview code {
  background: #F1F1F1;
  font-family: "Courier New", Courier, monospace;
  padding: 2px 3px;
}
.markdown-preview pre:has(code) {
  background: #F1F1F1;
  padding: 2px 3px;
  border: 1px solid #D5D5D5;
  line-height: 200%;
  white-space: pre-wrap;
}
.markdown-preview pre:has(code) code {
  padding: unset;
}
.markdown-preview em {
  font-style: italic;
}
.markdown-preview ol, .markdown-preview ul {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}
.markdown-preview ol li, .markdown-preview ul li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}
.markdown-preview ul {
  list-style-type: disc;
}
.markdown-preview table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
}
.markdown-preview table th, .markdown-preview table td {
  border: 1px solid var(--color-outline-subtlest);
  padding: 6px 13px;
}
.markdown-preview table th:last-child, .markdown-preview table td:last-child {
  border-right: 1px solid var(--color-outline-subtlest);
}
.markdown-preview table thead tr th:first-child {
  width: unset;
}
.markdown-preview table tbody tr:last-child td {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.markdown-preview blockquote {
  margin: 0;
  padding: 0 1em;
  border-left: 0.25em solid var(--color-outline-subtlest);
}

.table-ex.table-light > div > table > thead > tr {
  background: var(--color-bg-inverse);
  color: var(--color-text-subtle);
}
.table-ex.table-light > div > table > thead > tr > th {
  border-bottom: 1px solid var(--color-outline-subtlest);
  border-right: 1px solid var(--color-outline-subtlest);
}
.table-ex.table-light > div > table > thead > tr > th > .column-header .filter-indicator {
  color: var(--color-icon-subtlest);
}
.table-ex.table-light > div > table > tbody > tr.selected {
  background-color: var(--color-bg-hovered);
}

.table-ex.table-light.no-header-border > div > table > thead > tr > th {
  border-right: none;
}

.billing-subscription .tab-control {
  gap: 24px;
}
.billing-subscription .tabs-pane {
  height: 24px;
  padding: 0;
  gap: 16px;
}
.billing-subscription .tab-content-pane .tab-title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  color: var(--color-text-bold);
  display: flex;
  padding: 6px 0;
  flex-flow: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.billing-subscription .tab-content-pane .tab-title .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  align-items: normal;
  gap: 4px;
}
.billing-subscription .tab-content-pane .tab-title .caption {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  text-transform: none;
}
.billing-subscription .tab-content-pane .tab-title .action {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-default);
  text-transform: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 160px;
}
.billing-subscription .tab-content-pane .tab-content {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
}
.billing-subscription .tab-content-pane .tab-content::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.billing-subscription .tab-content-pane .tab-content::-webkit-scrollbar-button {
  display: none;
}
.billing-subscription .tab-content-pane .tab-content::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

.subscription {
  display: flex;
  padding-bottom: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.subscription .subscription-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.subscription .subscription-cards .subscription-card {
  flex-flow: row;
  gap: 4px;
}
.subscription .subscription-cards .subscription-card .index {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  width: 32px;
  flex: 0 0 32px;
}
.subscription .subscription-cards .subscription-card .card-right-side {
  flex: 1 1;
  min-width: 0;
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section {
  display: grid;
  grid-template: auto auto/auto 1fr auto;
  width: 100%;
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .subscription-status-indicator {
  display: flex;
  padding: 0 4px;
  align-items: center;
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .plan-name {
  grid-row: 1;
  grid-column: 1;
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  color: var(--color-text-default);
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .status {
  grid-row: 1;
  grid-column: 2;
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .renewal-description {
  grid-row: 2;
  grid-column: 1/span 2;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle, #5D697B);
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .buttons-section {
  grid-row: 1/span 2;
  grid-column: 3;
}
.subscription .subscription-cards .subscription-card .card-right-side > .header-section > .buttons-section .edit-subscription {
  padding: 4px;
  background: none;
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line {
  border-radius: var(--border-radius-4, 4px);
  border: 1px solid var(--color-outline-warning-subtlest, #FFE1CC);
  background: var(--color-bg-warning-subtle-enabled, #FFF9F5);
  padding: 8px;
  margin-top: 16px;
  display: grid;
  grid-template: auto/auto 1fr;
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line > img {
  grid-row: 1/span 100;
  align-self: center;
  margin: 4px 8px 4px 4px;
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line > header {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-bold, #1D2532);
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line > span {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle, #5D697B);
  margin-top: 4px;
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line > span b {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-bold, #1D2532);
}
.subscription .subscription-cards .subscription-card .card-right-side > .pending-changes-line > span b > img {
  display: inline-block;
  margin-bottom: 1px;
}
.subscription .subscription-cards .subscription-card .card-right-side > .main-tiles {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  margin-top: 16px;
  width: 100%;
  align-items: stretch;
}
.subscription .subscription-cards .subscription-card .card-right-side > .main-tiles > .tile {
  display: flex;
  flex-flow: column;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 4px 8px;
  text-align: center;
  border-radius: 0;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-default);
}
.subscription .subscription-cards .subscription-card .card-right-side > .main-tiles > .tile > .header {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}
.subscription .subscription-cards .subscription-card .card-right-side > .main-tiles > .tile > span, .subscription .subscription-cards .subscription-card .card-right-side > .main-tiles > .tile .value {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
  color: var(--color-text-default);
  width: 100%;
}
.subscription .subscription-cards .subscription-card .card-right-side > .main-tiles > .tile .tax-warn {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-regular, 400);
  color: var(--color-text-subtlest);
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles {
  border-top: 1px solid var(--color-outline-subtlest);
  margin-top: 16px;
  padding-top: 16px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: stretch;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile {
  display: flex;
  flex-flow: column;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 4px 8px;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile > .header {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-default);
  width: 100%;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile.buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 0;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile.buttons .cancel {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  max-width: 100%;
  padding: 4px 0;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile > .value {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile.payment-method {
  padding-bottom: 4px;
  max-width: 300px;
}
.subscription .subscription-cards .subscription-card .card-right-side > .footer-tiles > .tile.payment-method > .payment-method-info {
  margin-top: 4px;
}
.subscription .subscription-card {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  flex-flow: column;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.subscription .subscription-card .card-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0;
}
.subscription .subscription-card .card-text .card-content-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.subscription .subscription-card .card-text .card-content-title .title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
  color: var(--color-text-default);
  display: flex;
  align-items: center;
  gap: 4px;
}
.subscription .subscription-card .card-text .card-content-title .description {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
}
.subscription .subscription-card .card-text .card-alert {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-default);
  border-radius: 0;
  border: 1px solid var(--color-outline-brand-subtlest);
  background: var(--color-bg-brand-subtle-enabled);
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.subscription .subscription-title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  color: var(--color-text-bold);
  display: flex;
  padding: 6px 0;
  flex-flow: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.subscription-edit {
  max-width: 640px;
  width: 90vw;
}
.subscription-edit .form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.subscription-edit .form .input-field [class*=pricing-plan-tag-] {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
}
.subscription-edit .form .tf-select .tf-select__value-container {
  padding-left: 8px;
}
.subscription-edit .form .tf-select .input-area .select-control {
  height: 38px;
}
.subscription-edit .price-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  align-items: center;
  gap: 6px;
}
.subscription-edit .user-payment-method {
  width: 100%;
}
.subscription-edit .no-payment-methods {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
  color: var(--color-text-default);
  width: 100%;
}

.subscription-cancel {
  width: 90vw;
  max-width: 400px;
}
.subscription-cancel .form {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.subscription-cancel .form .cancel-subtitle {
  color: var(--color-text-subtle);
}
.subscription-cancel .form .cancel-before {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-semibold, 600);
}
.subscription-cancel .form .cancel-reasons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.subscription-cancel .form .cancel-reasons .checkbox-field {
  border-bottom: 1px solid var(--color-outline-subtlest);
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.subscription-cancel .form .cancel-reasons .checkbox-field.other-reason {
  border-bottom: none;
}
.subscription-cancel .form .other-reason-text textarea {
  min-height: 96px;
}

.subscription-purchase {
  max-width: 640px;
  width: 90vw;
}
.subscription-purchase .body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.subscription-purchase .body .input-field .input-area .input-wrapper:has([class*=pricing-plan-tag-]) {
  padding-left: 0;
}
.subscription-purchase .body .input-field [class*=pricing-plan-tag-] {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
}
.subscription-purchase .body .tf-select .tf-select__value-container {
  padding-left: 8px;
}
.subscription-purchase .body .tf-select .input-area .select-control {
  height: 38px;
}
.subscription-purchase .price-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  align-items: center;
  gap: 6px;
}
.subscription-purchase .price-container .monthly {
  color: var(--color-text-subtle);
}
.subscription-purchase .test-billing-period-selector {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.subscription-purchase .test-billing-period-selector .period {
  border-radius: 1000px;
  border: 1px solid var(--color-outline-subtlest);
  padding: 2px 6px;
  cursor: pointer;
}
.subscription-purchase .test-billing-period-selector .period.selected {
  background: var(--color-bg-info-subtle-focused);
  border: 1px solid var(--color-bg-info-subtle-focused);
}

.seats-change-banner {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.seats-change-banner .total b {
  color: var(--color-text-default);
  font-weight: var(--typography-weight-body4-medium, 500);
}
.seats-change-banner .explanation {
  color: var(--color-text-subtlest);
}
.seats-change-banner .explanation .font-icon {
  font-size: 12px;
}
.seats-change-banner .prorate-info-tooltip {
  z-index: 1;
}
.seats-change-banner .prorate-info-tooltip-content {
  display: flex;
  flex-direction: column;
  max-width: 302px;
}
.seats-change-banner .prorate-info-tooltip-content header {
  text-decoration: underline;
}

.pricing-plan-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 32px;
  padding-bottom: 32px;
}
.pricing-plan-container .pricing-plan-note {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.pricing-plan-container .pricing-plan-note button {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-info-default);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.pricing-plan-modal .pricing-plan-container {
  width: 90vw;
  max-width: 1200px;
  min-width: unset;
  gap: 8px;
  padding-bottom: 0;
}
.pricing-plan-modal .pricing-plan-container .pricing-plan-card {
  min-width: 200px;
}

.upgrade-request {
  width: 90vw;
  max-width: 400px;
  min-width: unset;
}
.upgrade-request form {
  display: flex;
  flex-direction: column;
}
.upgrade-request form .body {
  gap: 16px;
}
.upgrade-request form .headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  text-align: center;
}
.upgrade-request form .headline .title-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.upgrade-request form .headline .title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}

.seats-assignment .table-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border-radius: 8px 8px 0 0;
  height: 100%;
  position: relative;
  border: 1px solid var(--color-outline-subtlest);
}
.seats-assignment .table-container .table-row {
  background: var(--color-bg-inverse);
  padding: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 1fr 204px 204px 204px 204px 204px;
}
.seats-assignment .table-container .table-row:not(:last-child) .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.seats-assignment .table-container .table-row .table-cell {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  word-break: break-word;
  min-width: 10px;
}
.seats-assignment .table-container .table-row .table-cell:first-child {
  justify-content: flex-start;
}
.seats-assignment .table-container .table-row .table-cell:not(:first-child) {
  justify-content: center;
}
.seats-assignment .table-container .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.seats-assignment .table-container .table-header {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  min-height: 40px;
  border-radius: 8px 8px 0 0;
  color: var(--color-text-default);
  background: var(--color-bg-default);
}
.seats-assignment .table-container .table-header .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.seats-assignment .table-container .table-header .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.seats-assignment .table-container .table-cell.subscription-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.seats-assignment .table-container .table-cell.subscription-header .plan-name-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  flex-flow: row;
}
.seats-assignment .table-container .table-cell.subscription-header .caption {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-medium, 500);
  color: var(--color-text-subtle);
  text-transform: none;
  width: 100%;
}
.seats-assignment .table-container .table-cell.subscription-header .subscription-status-indicator {
  flex: 0 0 auto;
}
.seats-assignment .table-container .table-row.members {
  color: var(--color-text-subtlest);
  background: var(--color-bg-default);
  text-transform: uppercase;
}
.seats-assignment .table-container .table-row.members .table-cell {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-subtlest);
}
.seats-assignment .table-container .table-cell.with-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.seats-assignment .table-container .table-cell.with-switch .expires-on {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-regular, 400);
  color: var(--color-text-negative-default);
}
.seats-assignment .table-container .table-cell.member-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0;
}
.seats-assignment .table-container .table-cell.member-container .name {
  width: 100%;
}
.seats-assignment .table-container .table-cell.member-container .email {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}

.one-time-top-up {
  width: 90vw;
  max-width: 800px;
  min-width: unset;
}
.one-time-top-up .body {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default, #2F3E52);
  display: flex;
  padding: 0 16px 16px;
  align-items: flex-start;
  gap: 24px;
  flex-flow: row;
  width: 100%;
  box-sizing: border-box;
}
.one-time-top-up .body .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.one-time-top-up .body .volume-discount {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
  display: flex;
  width: 208px;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-default);
}
.one-time-top-up .body .volume-discount .title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  padding-bottom: 8px;
}
.one-time-top-up .body .volume-discount .item {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-bottom: 1px solid var(--color-outline-subtlest);
  padding-bottom: 8px;
}
.one-time-top-up .body .volume-discount .item > div:first-child {
  display: flex;
  flex: 1 1;
}

.auto-top-up-configure {
  width: 90vw;
  max-width: 800px;
  min-width: unset;
}
.auto-top-up-configure .body {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default, #2F3E52);
  display: flex;
  padding: 0 16px 16px;
  align-items: flex-start;
  gap: 24px;
  flex-flow: row;
  width: 100%;
  box-sizing: border-box;
}
.auto-top-up-configure .body .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.cloud-credits-box {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  gap: 16px;
  width: 100%;
}
.cloud-credits-box .title-container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 16px;
  width: 100%;
}
.cloud-credits-box .title-container .title-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.cloud-credits-box .title-container > div:first-child {
  flex: 1 1;
  min-width: 0;
  word-wrap: break-word;
}
.cloud-credits-box .title-container > div:last-child {
  flex: 0 0 auto;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.cloud-credits-content .content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.cloud-credits-content .content .balance-card {
  padding: 12px 16px;
}
.cloud-credits-content .content .balance-card .balance {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.cloud-credits-content .content .balance-card .balance .balance-icon {
  font-size: 32px;
}
.cloud-credits-content .content .balance-card .balance .balance-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
  min-width: 0;
}
.cloud-credits-content .content .balance-card .balance .balance-label .amount {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.cloud-credits-content .content .balance-card .balance .balance-label .amount.low-balance {
  color: var(--color-text-negative-default);
}
.cloud-credits-content .content .balance-card .balance .balance-label .amount:not(.cloud-credits-content .content .balance-card .balance .balance-label .amount.low-balance) {
  color: var(--color-text-default);
}
.cloud-credits-content .content .balance-card .balance .balance-label .amount.updating {
  opacity: 0.5;
}
.cloud-credits-content .content .balance-card .balance .balance-label .amount .value {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
}
.cloud-credits-content .content .balance-card .balance .balance-description {
  width: 100%;
}
.cloud-credits-content .content .auto-topup-card {
  padding: 16px;
}
.cloud-credits-content .content .auto-topup-card .title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  color: var(--color-text-default);
  text-transform: uppercase;
}
.cloud-credits-content .content .auto-topup-card .main-tiles {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  margin-top: 16px;
  width: 100%;
  align-items: stretch;
}
.cloud-credits-content .content .auto-topup-card .main-tiles > .tile {
  display: flex;
  flex-flow: column;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 4px 8px;
  text-align: center;
  border-radius: 0;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-default);
}
.cloud-credits-content .content .auto-topup-card .main-tiles > .tile > .header {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}
.cloud-credits-content .content .auto-topup-card .main-tiles > .tile > span, .cloud-credits-content .content .auto-topup-card .main-tiles > .tile .value {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-semibold, 600);
  color: var(--color-text-default);
  width: 100%;
}
.cloud-credits-content .content .auto-topup-card .main-tiles > .tile .tax-warn {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body5-... */
  font-size: var(--typography-size-body5, 8px);
  line-height: var(--typography-lineHeight-body5, 12px);
  font-weight: var(--typography-weight-body5-regular, 400);
  color: var(--color-text-subtlest);
}
.cloud-credits-content .content .auto-topup-card .footer-tiles {
  border-top: 1px solid var(--color-outline-subtlest);
  margin-top: 16px;
  padding-top: 16px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  align-items: stretch;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile {
  display: flex;
  flex-flow: column;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 4px 8px;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile > .header {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-default);
  width: 100%;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile.buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 0;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile.buttons .cancel {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  max-width: 100%;
  padding: 4px 0;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile > .value {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile.payment-method {
  padding-bottom: 4px;
}
.cloud-credits-content .content .auto-topup-card .footer-tiles > .tile.payment-method > .payment-method-info {
  margin-top: 4px;
}

.checkout {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
}
.checkout.creating-payment {
  width: 90vw;
  max-width: 240px;
  display: flex;
  padding: 16px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout .spinner {
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%235DCDB5' d='M20.0878 0.244513C20.4194 0.177127 20.7458 0.103186 21.0788 0.0430885C22.4607 -0.192246 23.622 0.573506 23.9162 1.91015C24.203 3.21035 23.515 4.36716 22.1503 4.70526C19.8236 5.27684 17.5188 5.90088 15.4642 7.18366C9.10412 11.1554 5.49185 16.8303 5.10642 24.479C5.07559 25.0658 5.07508 25.6541 5.05942 26.2417C5.01324 27.7499 4.07826 28.7255 2.6742 28.7225C1.37549 28.7208 0.407032 27.7223 0.330783 26.2579C0.170878 23.2926 0.545852 20.3742 1.48281 17.5806C4.56007 8.40574 10.8461 2.70351 20.0878 0.244513Z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: spin 1s linear infinite;
  will-change: transform;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.checkout.purchase-finished {
  width: 90vw;
  max-width: 800px;
}
.checkout.purchase-finished .purchase-details {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-height: calc(90vh - 150px);
  padding-bottom: 16px;
}
.checkout.purchase-finished .purchase-details::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.checkout.purchase-finished .purchase-details::-webkit-scrollbar-button {
  display: none;
}
.checkout.purchase-finished .purchase-details::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.checkout.purchase-finished .purchase-details .purchase-summary {
  display: flex;
  width: 100%;
  flex-flow: column;
  gap: 6px;
}
.checkout.purchase-finished .purchase-details .purchase-summary .header-item {
  display: grid;
  grid-template: auto/150px auto;
}
.checkout.purchase-finished .purchase-details .purchase-summary .header-item .title {
  font-weight: 500;
}
.checkout.purchase-finished .purchase-details .purchase-summary .header-item .value {
  color: var(--color-text-subtle);
}
.checkout.purchase-finished .purchase-details .purchase-item-table {
  width: 100%;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border-radius: 8px 8px 0 0;
  height: 100%;
  position: relative;
  border: 1px solid var(--color-outline-subtlest);
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  max-height: 100px;
  overflow-y: auto;
  padding: 0;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container::-webkit-scrollbar-button {
  display: none;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row {
  background: var(--color-bg-inverse);
  padding: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 1fr 15% 15% 15% 15%;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row:not(:last-child) .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row .table-cell {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  word-break: break-word;
  min-width: 10px;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row .table-cell:first-child {
  justify-content: flex-start;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row .table-cell:not(:first-child) {
  justify-content: center;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-header {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  min-height: 40px;
  border-radius: 8px 8px 0 0;
  color: var(--color-text-default);
  background: var(--color-bg-default);
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-header .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-header .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtlest);
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-header {
  align-items: normal;
}
.checkout.purchase-finished .purchase-details .purchase-item-table .table-container .table-row .table-cell {
  min-width: 10px;
}

.checkout.payment-details-modal {
  width: 90vw;
  max-width: 500px;
}
.checkout.payment-details-modal .awx-drop-in-container {
  width: 100%;
}

.invoices .no-invoices {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.invoices .no-invoices header {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.invoices .no-invoices div {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}
.invoices .invoices-table {
  width: 100%;
}
.invoices .invoices-table .table-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border-radius: 8px 8px 0 0;
  height: 100%;
  position: relative;
  border: 1px solid var(--color-outline-subtlest);
  padding: 0;
}
.invoices .invoices-table .table-container .table-row {
  background: var(--color-bg-inverse);
  padding: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 10% 10% 10% 1fr 10% 10% 10%;
}
.invoices .invoices-table .table-container .table-row:not(:last-child) .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.invoices .invoices-table .table-container .table-row .table-cell {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  word-break: break-word;
  min-width: 10px;
}
.invoices .invoices-table .table-container .table-row .table-cell:first-child {
  justify-content: flex-start;
}
.invoices .invoices-table .table-container .table-row .table-cell:not(:first-child) {
  justify-content: flex-start;
}
.invoices .invoices-table .table-container .table-row .table-cell:not(:last-child) {
  border-right: none;
}
.invoices .invoices-table .table-container .table-header {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  min-height: 40px;
  border-radius: 8px 8px 0 0;
  color: var(--color-text-subtlest);
  background: var(--color-bg-neutral-bold-enabled);
}
.invoices .invoices-table .table-container .table-header .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.invoices .invoices-table .table-container .table-header .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtle);
}
.invoices .invoices-table .table-container .table-header {
  align-items: normal;
}
.invoices .invoices-table .table-container .table-row .table-cell {
  min-width: 10px;
}
.invoices .invoices-table .table-container .table-body .table-row .table-cell {
  align-items: flex-start;
}
.invoices .invoices-table .table-container .table-cell .user-container .email {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-regular, 400);
  color: var(--color-text-subtle);
}
.invoices .invoices-table .table-container .table-cell .description {
  display: flex;
  gap: 10px;
}
.invoices .invoices-table .table-container .table-cell .description .tag-filled-neutral {
  border-radius: 8px;
}
.invoices .invoices-table .table-container .table-cell .document-download {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  color: var(--color-text-info-default, #3697FF);
}
.invoices .invoices-table .table-container .table-cell .document-download.busy {
  opacity: 0.5;
  cursor: auto;
}

.payment-methods .content {
  display: flex;
  padding: 0;
  gap: 24px;
}
.payment-methods .content .card-container, .payment-methods .content .linked-subscriptions {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.payment-methods .content .card {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.payment-methods .content .card .left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 0;
}
.payment-methods .content .card .left .method {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0;
}
.payment-methods .content .card .left .method .label {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  display: flex;
  align-items: center;
  gap: 4px;
}
.payment-methods .content .card .left .method .info {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.payment-methods .content .card .left .method .info .text {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}
.payment-methods .content .card .action {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.payment-methods .content .linked-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.payment-methods .content .linked-header .title {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-1 */
  font-size: var(--typography-size-caption1);
  font-weight: var(--typography-weight-caption1);
  line-height: var(--typography-lineHeight-caption1);
  color: var(--color-text-default);
}
.payment-methods .content .linked-header .subtitle {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  width: 100%;
}
.payment-methods .content .linked-subscriptions-table .table-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border-radius: 8px 8px 0 0;
  height: 100%;
  position: relative;
  border: 1px solid var(--color-outline-subtlest);
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row {
  background: var(--color-bg-inverse);
  padding: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 10% 1fr 10% 12% 12% 10% 10%;
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row:not(:last-child) .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row .table-cell {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  word-break: break-word;
  min-width: 10px;
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row .table-cell:first-child {
  justify-content: flex-start;
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row .table-cell:not(:first-child) {
  justify-content: flex-start;
}
.payment-methods .content .linked-subscriptions-table .table-container .table-row .table-cell:not(:last-child) {
  border-right: none;
}
.payment-methods .content .linked-subscriptions-table .table-container .table-header {
  font-family: var(--font-family-caption);
  font-style: normal;
  text-transform: uppercase;
  /* caption-2 */
  font-size: var(--typography-size-caption2);
  font-weight: var(--typography-weight-caption2);
  line-height: var(--typography-lineHeight-caption2);
  min-height: 40px;
  border-radius: 8px 8px 0 0;
  color: var(--color-text-subtlest);
  background: var(--color-bg-neutral-bold-enabled);
}
.payment-methods .content .linked-subscriptions-table .table-container .table-header .table-cell {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.payment-methods .content .linked-subscriptions-table .table-container .table-header .table-cell:not(:last-child) {
  border-right: 1px solid var(--color-outline-subtle);
}

.payment-method-row {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.standard-message-modal .details p, .remove-payment-method .details p {
  margin: 0;
}

.text-field .input-wrapper {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  align-items: center;
}

.issues-tree-table .editable {
  display: flex;
  justify-content: space-between;
  min-height: 18px;
  align-items: center;
}
.issues-tree-table .editable .font-icon.ms_edit {
  display: none;
  cursor: pointer;
}
.issues-tree-table .editable:hover .font-icon.ms_edit {
  display: block;
}
.issues-tree-table .editable .editable-input {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

.issues-tree-table thead {
  z-index: 1 !important;
}
.issues-tree-table tbody td .type-cell {
  display: flex;
  gap: 6px;
}
.issues-tree-table tbody td .key-cell a {
  color: var(--color-text-default);
  text-decoration: underline;
  display: inline-block;
  width: 100%;
}
.issues-tree-table tbody td .status-cell {
  padding: 0 10px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.issues-tree-table tbody td .severity-cell {
  display: flex;
  gap: 6px;
}
.issues-tree-table tbody td .followers-cell {
  display: flex;
  gap: 6px;
}
.issues-tree-table tbody td .followers-cell:hover > .ellipsis-cell {
  display: flex;
}
.issues-tree-table tbody td .followers-cell .follower {
  max-width: 100px;
}
.issues-tree-table tbody td .resolution-cell {
  display: flex;
  gap: 6px;
  max-width: 100%;
}
.issues-tree-table tbody td .editable:not(:has(.menu-list)):hover .status-cell,
.issues-tree-table tbody td .editable:not(:has(.menu-list)):hover .resolution-cell,
.issues-tree-table tbody td .editable:not(:has(.menu-list)):hover .sprint-cell {
  max-width: calc(100% - 16px);
}
.issues-tree-table tbody td:has(> div.editable.updating) {
  pointer-events: none;
  opacity: 0.5;
}
.issues-tree-table tbody td .sprint-cell {
  display: flex;
  gap: 6px;
  max-width: 100%;
}
.issues-tree-table .tf-select .select-control {
  border-radius: 0;
}

.tf-select__menu-portal .severity-option,
.tf-select__menu-portal .type-option {
  display: flex;
  gap: 6px;
}
.tf-select__menu-portal .status-option {
  padding: 0 10px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.tf-select#severity .severity-option, .tf-select#issue-type .type-option {
  display: flex;
  gap: 6px;
}
.tf-select#status .status-option {
  padding: 0 10px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.flag-high {
  color: var(--color-icon-negative-default);
}

.flag-medium {
  color: var(--color-icon-warning-default);
}

.flag-low {
  color: var(--color-icon-default);
}

.collapsible-issue-table {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.collapsible-issue-table .header-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
  padding-right: 26px;
}
.collapsible-issue-table .caption {
  color: var(--color-text-subtle);
}
.collapsible-issue-table .arrow {
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-left: -6px;
  min-height: 34px;
}
.collapsible-issue-table .title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
}
.collapsible-issue-table .title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  display: flex;
  gap: 4px;
  width: 100%;
  min-height: 34px;
  align-items: center;
}
.collapsible-issue-table .title-container .timeframe {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.collapsible-issue-table .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.collapsible-issue-table .actions [class$=-icon-only] {
  padding: 7px;
}
.collapsible-issue-table .actions .sub-caption {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
  color: var(--color-text-subtle);
  text-overflow: ellipsis;
  width: 100%;
}
.collapsible-issue-table .empty-table {
  height: 70px;
}
.collapsible-issue-table.collapsed .header-title .caption {
  display: none;
}
.collapsible-issue-table.collapsed .tf-page-container, .collapsible-issue-table.collapsed .issues-tree-table {
  display: none;
}

.issue-create {
  max-width: 800px;
  width: 90vw;
}
.issue-create .body {
  background: var(--color-bg-default);
  padding-right: 0;
}
.issue-create .scrollzone {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
  max-height: calc(80vh - 150px);
  height: 100%;
  min-height: 150px;
  padding-right: 15px;
  gap: 12px;
  display: flex;
  flex-flow: column;
}
.issue-create .scrollzone::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.issue-create .scrollzone::-webkit-scrollbar-button {
  display: none;
}
.issue-create .scrollzone::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.issue-create .grid-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.issue-create .grid-column {
  flex: 1 1;
  display: flex;
  align-items: center;
}
.issue-create .grid-column > div {
  width: 100%;
}
.issue-create .create-form-more {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
}
.issue-create .create-form-more .more-container {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.issue-create .create-form-more .more-fields {
  display: flex;
  flex-flow: column;
  gap: 12px;
  padding-top: 12px;
}
.issue-create .create-form-more .more-fields.hidden {
  display: none;
}
.issue-create .attachment-row {
  display: flex;
  flex-flow: column;
  row-gap: 2px;
  padding-top: 5px;
}
.issue-create .attachment-row button {
  width: -moz-fit-content;
  width: fit-content;
}
.issue-create .attachment-container {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
.issue-create .attachment-container .add-attachment {
  display: flex;
  flex-flow: row;
  padding: 7px 8px;
}
.issue-create .attachment-container .attachment-info {
  max-width: 120px;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 4px;
}
.issue-create .attachment-container .attachment-info .ellipsis-div > div {
  display: flex;
  flex-flow: row;
  gap: 4px;
}
.issue-create .attachment-container .attachment {
  display: flex;
  flex-flow: row;
  padding: 0 8px;
  background: var(--color-bg-inverse);
  border: 1px solid var(--color-outline-subtlest);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.issue-create .attachment-container .attachment .attachment-size {
  color: var(--color-text-subtlest);
}
.issue-create .description .rte-container .rich-text-editor .editor-scroller {
  max-height: unset;
}

.issue-detail {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  overflow: auto;
}
.issue-detail::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.issue-detail::-webkit-scrollbar-button {
  display: none;
}
.issue-detail::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.issue-detail .fields-section {
  display: flex;
  gap: 12px;
  flex-flow: column;
}
.issue-detail .attachment-row {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 8px;
}
.issue-detail .attachment-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}
.issue-detail .attachment-container .attachment {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  display: flex;
  padding: 4px 8px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
  display: flex;
  align-items: center;
  gap: 4px;
}
.issue-detail .attachment-container .attachment .attachment-name-size {
  display: flex;
  width: 138px;
  align-items: center;
  gap: 4px;
}
.issue-detail .attachment-container .attachment .attachment-name-size .attachment-name {
  color: var(--color-text-default);
}
.issue-detail .attachment-container .attachment .attachment-name-size .attachment-size {
  color: var(--color-text-subtlest);
}
.issue-detail .attachment-container .attachment .attachment-action {
  display: flex;
  align-items: center;
  gap: 4px;
}
.issue-detail .attachment-container .attachment .attachment-action .font-icon:hover {
  color: var(--color-text-subtle);
}

.issue-comments .comment-form-field {
  display: flex;
  flex-flow: row;
  gap: 16px;
}
.issue-comments .comment-container {
  width: 100%;
}
.issue-comments .comment-container .comment {
  display: flex;
  flex-flow: row;
  gap: 8px;
}
.issue-comments .comment-container .comment .file-upload {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.issue-associated-test-case {
  max-width: 800px;
  width: 90vw;
  height: 90vh;
  max-height: 600px;
}
.issue-associated-test-case .table-ex {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  min-height: 200px;
  flex-grow: 1;
  height: unset;
}
.issue-associated-test-case .table-ex::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.issue-associated-test-case .table-ex::-webkit-scrollbar-button {
  display: none;
}
.issue-associated-test-case .table-ex::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}

.issue .busy-indicator-root:has(.page-hidden) {
  display: none;
}
.issue .description .rich-text-editor .editor-scroller {
  max-height: unset;
}

.issue-content.d-none {
  display: none;
}

.issue-sprint .page-header .page-title-container .font-icon {
  margin-left: -6px;
}
.issue-sprint .sprints-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 24px;
}
.issue-sprint .editable {
  display: flex;
  justify-content: space-between;
  min-height: 18px;
  align-items: center;
}
.issue-sprint .editable .font-icon.ms_edit {
  display: none;
  cursor: pointer;
}
.issue-sprint .editable:hover .font-icon.ms_edit {
  display: block;
}
.issue-sprint .editable .editable-input {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  width: 100%;
}

.issue-sprint-editor form {
  max-width: 800px;
  min-width: unset;
  width: 90vw;
  max-height: 90vh;
}
.issue-sprint-editor .body {
  background: var(--color-bg-default);
}
.issue-sprint-editor .dates-container {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.issue-sprint-editor textarea {
  min-height: 94px;
}

.issue-sprint-content-table {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.issue-sprint-content-table .header-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
}
.issue-sprint-content-table .goal {
  color: var(--color-text-subtle);
}
.issue-sprint-content-table .arrow {
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-left: -6px;
  min-height: 34px;
}
.issue-sprint-content-table .title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
}
.issue-sprint-content-table .title-container .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
  display: flex;
  gap: 4px;
  width: 100%;
  min-height: 34px;
  align-items: center;
}
.issue-sprint-content-table .title-container .sub-title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  text-overflow: ellipsis;
  width: 100%;
}
.issue-sprint-content-table .title-container .sprint-timeframe {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.issue-sprint-content-table .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.issue-sprint-content-table .actions [class$=-icon-only] {
  padding: 7px;
}
.issue-sprint-content-table .empty-table {
  height: 70px;
}
.issue-sprint-content-table .collapsed {
  display: none;
}
.issue-sprint-complete-delete form {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
  max-width: 558px;
  width: 90vw;
  min-width: unset;
}
.issue-sprint-complete-delete .message-heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.issue-sprint-complete-delete .message-heading-container .message-heading {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.issue-sprint-complete-delete .message-heading-container .message-subtitle {
  text-align: center;
}
.issue-sprint-complete-delete .message-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.issue-sprint-complete-delete .message-row .issue-field {
  color: var(--color-text-subtle);
  font-weight: var(--typography-weight-body3-semibold);
  width: 100%;
  max-width: 200px;
}
.issue-sprint-complete-delete .message-row .issue-value {
  color: var(--color-text-default);
}
.issue-sprint-complete-delete .issue-dropdown-container {
  font-family: var(--font-family-label), serif;
  font-size: var(--typography-size-label, 12px);
  font-style: normal;
  font-weight: var(--typography-weight-label, 600);
  line-height: var(--typography-lineHeight-label, 16px);
  color: var(--color-text-default);
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.issue-summary .issue-summary-container {
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.recent-updates-issues > header {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-icon-subtle);
}
.recent-updates-issues > header .font-icon {
  font-size: 24px;
}
.recent-updates-issues .cards {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.recent-updates-issues .cards .issue-card {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-medium, 500);
  display: flex;
  height: 142px;
  max-width: 300px;
  gap: 8px;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0;
  border-radius: 8px;
  border: 1px solid var(--color-outline-subtlest);
  background: var(--color-bg-inverse);
}
.recent-updates-issues .cards .issue-card header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.recent-updates-issues .cards .issue-card header a {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-default);
}
.recent-updates-issues .cards .issue-card .issue-text {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: auto;
  color: var(--color-text-default);
  height: 100%;
  overflow: hidden auto;
}
.recent-updates-issues .cards .issue-card .issue-text::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}
.recent-updates-issues .cards .issue-card .issue-text::-webkit-scrollbar-button {
  display: none;
}
.recent-updates-issues .cards .issue-card .issue-text::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-hovered);
  border-radius: 3px;
  height: 50%;
}
.recent-updates-issues .cards .issue-card footer {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.recent-updates-issues .cards .issue-card footer .change-description {
  display: flex;
  gap: 4px;
  text-wrap-mode: nowrap;
  width: 100%;
}
.recent-updates-issues .cards .issue-card footer .change-description .user-first-name {
  color: var(--color-text-default);
}
.recent-updates-issues .cards .issue-card footer .change-description .update-type {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-medium, 500);
  color: var(--color-text-subtle);
  width: 100%;
}
.recent-updates-issues .cards .issue-card footer .change-description .change-time {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}

.my-issues {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.my-issues header {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-icon-subtle);
}
.my-issues header .font-icon {
  font-size: 24px;
}

.no-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  max-height: 166px;
}
.no-content header {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H6 */
  font-size: var(--typography-size-heading6, 16px);
  font-weight: var(--typography-weight-heading6, 600);
  line-height: var(--typography-lineHeight-heading6, 24px);
  color: var(--color-text-default);
}
.no-content div {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body3-.. */
  font-size: var(--typography-size-body3, 12px);
  line-height: var(--typography-lineHeight-body3, 16px);
  font-weight: var(--typography-weight-body3-regular, 400);
  color: var(--color-text-subtle);
}

.file-upload input[type=file],
.file-upload input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
  font-size: 0;
}
.file-upload .file-upload__label {
  display: block;
  padding: 12px 40px;
  border: 1px solid;
}
.file-upload .file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 33px;
  opacity: 0;
}
.file-upload .file-upload__input input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
}
.file-upload.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.not-found-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
  width: 100%;
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body1-.. */
  font-size: var(--typography-size-body1, 16px);
  line-height: var(--typography-lineHeight-body1, 24px);
  font-weight: var(--typography-weight-body1-medium, 500);
}

.tf-no-mobile {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: white;
  background-color: #1E2A3C;
  place-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 101;
  height: 100%;
  overflow: hidden;
  display: grid;
}
.tf-no-mobile.removed {
  display: none;
}
.tf-no-mobile-inner {
  width: 80vw;
  height: 100%;
  margin: auto;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
}
.tf-no-mobile-inner > div {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
@media screen and (min-width: 960px) {
  .tf-no-mobile {
    display: none;
  }
}

.sign-out {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  font-size: var(--typography-size-body2, 14px);
  line-height: var(--typography-lineHeight-body2, 20px);
  font-weight: var(--typography-weight-body2-regular, 400);
  color: var(--color-text-default);
  display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.sign-out .animation {
  height: 48px;
  width: 48px;
}
.sign-out .title {
  font-family: var(--font-family-heading), serif;
  font-style: normal;
  /* H5 */
  font-size: var(--typography-size-heading5, 20px);
  font-weight: var(--typography-weight-heading5, 600);
  line-height: var(--typography-lineHeight-heading5, 24px);
  color: var(--color-text-default);
  text-align: center;
}
.sign-out .title::after {
  content: "";
  display: inline-block;
  text-align: left;
  width: 12px;
  animation: dot-sequence 1.5s infinite;
}
@keyframes dot-sequence {
  0%, 100% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}

.organization-selector-page .modal-wizard-body {
  display: flex;
  flex-direction: column;
  max-height: calc(80vh - 200px);
  min-height: 60px;
  overflow: auto;
}
.organization-selector-page .modal-wizard-body .separator {
  border-bottom: 1px solid var(--color-outline-subtlest);
}
.organization-selector-page .organization-list {
  display: flex;
  flex-direction: column;
  margin: 0 12px;
}
.organization-selector-page .organization-list .org-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.organization-selector-page .organization-list .list-title {
  font-family: var(--font-family-body), serif;
  font-style: normal;
  /* body4-.. */
  font-size: var(--typography-size-body4, 11px);
  line-height: var(--typography-lineHeight-body4, 16px);
  font-weight: var(--typography-weight-body4-medium, 500);
  color: var(--color-text-subtlest);
  height: 32px;
  align-content: center;
}
.organization-selector-page .organization-list .radio-field {
  height: 32px;
}
.organization-selector-page .organization-list button {
  max-width: 200px;
}

.login-google-error {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: grid;
  place-items: center;
}

.rte-container .rich-text-editor:has(.toolbar) .ContentEditable__root {
  min-height: 62px;
}
.rte-container .rich-text-editor .ContentEditable__root {
  min-height: 94px;
}

.rte-container-single-line .rich-text-editor .ContentEditable__root {
  min-height: 30px;
}