/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: calc(1s * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: calc(1s * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: calc(1s * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: calc(1s * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: calc(1s / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: calc(1s * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: calc(1s * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(1s * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes 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) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes 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) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes 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) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes 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) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  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);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "DM Sans", sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}
::-webkit-datetime-edit{
  display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
[multiple],[size]:where(select:not([size="1"])){
  background-image: none;
  background-image: initial;
  background-position: 0 0;
  background-position: initial;
  background-repeat: repeat;
  background-repeat: initial;
  background-size: auto auto;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: inherit;
          print-color-adjust: inherit;
}
[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
[type='checkbox']{
  border-radius: 0px;
}
[type='radio']{
  border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  [type='checkbox']:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  [type='radio']:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  [type='checkbox']:indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
[type='file']{
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
[type='file']:focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
:root{
  ---inherit: inherit;
  ---current: currentColor;
  ---transparent: transparent;
  ---black: #000;
  ---white: #fff;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;
  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
  --neutral-50: #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #030712;
  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --red-950: #450a0a;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;
  --amber-950: #451a03;
  --yellow-50: #fefce8;
  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-300: #fde047;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-600: #ca8a04;
  --yellow-700: #a16207;
  --yellow-800: #854d0e;
  --yellow-900: #713f12;
  --yellow-950: #422006;
  --lime-50: #f7fee7;
  --lime-100: #ecfccb;
  --lime-200: #d9f99d;
  --lime-300: #bef264;
  --lime-400: #a3e635;
  --lime-500: #84cc16;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;
  --lime-800: #3f6212;
  --lime-900: #365314;
  --lime-950: #1a2e05;
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;
  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-800: #065f46;
  --emerald-900: #064e3b;
  --emerald-950: #022c22;
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --teal-950: #042f2e;
  --cyan-50: #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --cyan-950: #083344;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-200: #bae6fd;
  --sky-300: #7dd3fc;
  --sky-400: #38bdf8;
  --sky-500: #0ea5e9;
  --sky-600: #0284c7;
  --sky-700: #0369a1;
  --sky-800: #075985;
  --sky-900: #0c4a6e;
  --sky-950: #082f49;
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --blue-950: #172554;
  --indigo-50: #eef2ff;
  --indigo-100: #e0e7ff;
  --indigo-200: #c7d2fe;
  --indigo-300: #a5b4fc;
  --indigo-400: #818cf8;
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;
  --indigo-700: #4338ca;
  --indigo-800: #3730a3;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;
  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;
  --purple-50: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d5ff;
  --purple-300: #d8b4fe;
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;
  --purple-800: #6b21a8;
  --purple-900: #581c87;
  --purple-950: #3b0764;
  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f5d0fe;
  --fuchsia-300: #f0abfc;
  --fuchsia-400: #e879f9;
  --fuchsia-500: #d946ef;
  --fuchsia-600: #c026d3;
  --fuchsia-700: #a21caf;
  --fuchsia-800: #86198f;
  --fuchsia-900: #701a75;
  --fuchsia-950: #4a044e;
  --pink-50: #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fbcfe8;
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;
  --pink-500: #ec4899;
  --pink-600: #db2777;
  --pink-700: #be185d;
  --pink-800: #9d174d;
  --pink-900: #831843;
  --pink-950: #500724;
  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-200: #fecdd3;
  --rose-300: #fda4af;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --rose-700: #be123c;
  --rose-800: #9f1239;
  --rose-900: #881337;
  --rose-950: #4c0519;
  --primary-50: #eef2ff;
  --primary-100: #e0e7ff;
  --primary-200: #c7d2fe;
  --primary-300: #a5b4fc;
  --primary-400: #818cf8;
  --primary-500: #6366f1;
  --primary-600: #4f46e5;
  --primary-700: #4338ca;
  --primary-800: #3730a3;
  --primary-900: #312e81;
  --primary-950: #1e1b4b;
  --danger-50: #fef2f2;
  --danger-100: #fee2e2;
  --danger-200: #fecaca;
  --danger-300: #fca5a5;
  --danger-400: #f87171;
  --danger-500: #ef4444;
  --danger-600: #dc2626;
  --danger-700: #b91c1c;
  --danger-800: #991b1b;
  --danger-900: #7f1d1d;
  --danger-950: #450a0a;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.form-input::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}
.form-input::-webkit-datetime-edit{
  display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.form-select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-select:where([size]:not([size="1"])){
  background-image: none;
  background-image: initial;
  background-position: 0 0;
  background-position: initial;
  background-repeat: repeat;
  background-repeat: initial;
  background-size: auto auto;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: inherit;
          print-color-adjust: inherit;
}
.form-checkbox,.form-radio{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
.form-checkbox{
  border-radius: 0px;
}
.form-checkbox:focus,.form-radio:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:checked,.form-radio:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  .form-checkbox:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-checkbox:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .form-checkbox:indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.mb-1{
  margin-bottom: 4px;
}
.mb-2{
  margin-bottom: 8px;
}
.mb-4{
  margin-bottom: 16px;
}
.ml-1{
  margin-left: 4px;
}
.ml-2{
  margin-left: 8px;
}
.mr-1{
  margin-right: 4px;
}
.mr-2{
  margin-right: 8px;
}
.mr-3{
  margin-right: 12px;
}
.mt-1{
  margin-top: 4px;
}
.mt-2{
  margin-top: 8px;
}
.mt-4{
  margin-top: 16px;
}
.mt-6{
  margin-top: 24px;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.list-item{
  display: list-item;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.h-8{
  height: 32px;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.min-h-0{
  min-height: 0px;
}
.w-full{
  width: 100%;
}
.max-w-2xl{
  max-width: 42rem;
}
.flex-1{
  flex: 1 1;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.gap-2{
  gap: 8px;
}
.gap-3{
  gap: 12px;
}
.gap-6{
  gap: 24px;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.overflow-x-auto{
  overflow-x: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-md{
  border-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.border-gray-200{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.border-gray-300{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.border-transparent{
  border-color: transparent;
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-gray-100{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-gray-50{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-green-500{
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  }
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-indigo-600{
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
  }
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-red-500{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-white{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bg-yellow-500{
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
  }
}
.p-2{
  padding: 8px;
}
.p-3{
  padding: 12px;
}
.p-4{
  padding: 16px;
}
.p-6{
  padding: 24px;
}
.p-8{
  padding: 32px;
}
.px-3{
  padding-left: 12px;
  padding-right: 12px;
}
.px-4{
  padding-left: 16px;
  padding-right: 16px;
}
.py-2{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-3{
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-8{
  padding-top: 32px;
  padding-bottom: 32px;
}
.text-center{
  text-align: center;
}
.font-mono{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-4{
  line-height: 1rem;
}
.leading-6{
  line-height: 1.5rem;
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-blue-600{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-gray-400{
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-gray-500{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-gray-600{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-gray-700{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-gray-900{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-orange-600{
    color: rgb(234 88 12 / var(--tw-text-opacity, 1));
  }
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.text-white{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.underline{
  text-decoration-line: underline;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.placeholder-gray-400::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.placeholder-gray-400::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
.placeholder-gray-400::placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-500{
  transition-duration: 500ms;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: "Font Awesome 6 Free";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: 900;
  font-weight: var(--fa-style, 900);
}
.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
}
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(2em * -1);
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: 2em;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-color: #eee;
  border-color: var(--fa-border-color, #eee);
  border-radius: 0.1em;
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: solid;
  border-style: var(--fa-border-style, solid);
  border-width: 0.08em;
  border-width: var(--fa-border-width, 0.08em);
  padding: 0.2em 0.25em 0.15em;
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: 0.3em;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: 0.3em;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 2s;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: steps(8);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.25);
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-0.5em);
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-0.125em);
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: 0.4;
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: 0.4;
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.125);
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}
.fa-rotate-by {
  transform: rotate(0);
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: auto;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
  color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
  content: "\30 ";
}
.fa-1::before {
  content: "\31 ";
}
.fa-2::before {
  content: "\32 ";
}
.fa-3::before {
  content: "\33 ";
}
.fa-4::before {
  content: "\34 ";
}
.fa-5::before {
  content: "\35 ";
}
.fa-6::before {
  content: "\36 ";
}
.fa-7::before {
  content: "\37 ";
}
.fa-8::before {
  content: "\38 ";
}
.fa-9::before {
  content: "\39 ";
}
.fa-fill-drip::before {
  content: "\f576";
}
.fa-arrows-to-circle::before {
  content: "\e4bd";
}
.fa-circle-chevron-right::before {
  content: "\f138";
}
.fa-chevron-circle-right::before {
  content: "\f138";
}
.fa-at::before {
  content: "\@";
}
.fa-trash-can::before {
  content: "\f2ed";
}
.fa-trash-alt::before {
  content: "\f2ed";
}
.fa-text-height::before {
  content: "\f034";
}
.fa-user-xmark::before {
  content: "\f235";
}
.fa-user-times::before {
  content: "\f235";
}
.fa-stethoscope::before {
  content: "\f0f1";
}
.fa-message::before {
  content: "\f27a";
}
.fa-comment-alt::before {
  content: "\f27a";
}
.fa-info::before {
  content: "\f129";
}
.fa-down-left-and-up-right-to-center::before {
  content: "\f422";
}
.fa-compress-alt::before {
  content: "\f422";
}
.fa-explosion::before {
  content: "\e4e9";
}
.fa-file-lines::before {
  content: "\f15c";
}
.fa-file-alt::before {
  content: "\f15c";
}
.fa-file-text::before {
  content: "\f15c";
}
.fa-wave-square::before {
  content: "\f83e";
}
.fa-ring::before {
  content: "\f70b";
}
.fa-building-un::before {
  content: "\e4d9";
}
.fa-dice-three::before {
  content: "\f527";
}
.fa-calendar-days::before {
  content: "\f073";
}
.fa-calendar-alt::before {
  content: "\f073";
}
.fa-anchor-circle-check::before {
  content: "\e4aa";
}
.fa-building-circle-arrow-right::before {
  content: "\e4d1";
}
.fa-volleyball::before {
  content: "\f45f";
}
.fa-volleyball-ball::before {
  content: "\f45f";
}
.fa-arrows-up-to-line::before {
  content: "\e4c2";
}
.fa-sort-down::before {
  content: "\f0dd";
}
.fa-sort-desc::before {
  content: "\f0dd";
}
.fa-circle-minus::before {
  content: "\f056";
}
.fa-minus-circle::before {
  content: "\f056";
}
.fa-door-open::before {
  content: "\f52b";
}
.fa-right-from-bracket::before {
  content: "\f2f5";
}
.fa-sign-out-alt::before {
  content: "\f2f5";
}
.fa-atom::before {
  content: "\f5d2";
}
.fa-soap::before {
  content: "\e06e";
}
.fa-icons::before {
  content: "\f86d";
}
.fa-heart-music-camera-bolt::before {
  content: "\f86d";
}
.fa-microphone-lines-slash::before {
  content: "\f539";
}
.fa-microphone-alt-slash::before {
  content: "\f539";
}
.fa-bridge-circle-check::before {
  content: "\e4c9";
}
.fa-pump-medical::before {
  content: "\e06a";
}
.fa-fingerprint::before {
  content: "\f577";
}
.fa-hand-point-right::before {
  content: "\f0a4";
}
.fa-magnifying-glass-location::before {
  content: "\f689";
}
.fa-search-location::before {
  content: "\f689";
}
.fa-forward-step::before {
  content: "\f051";
}
.fa-step-forward::before {
  content: "\f051";
}
.fa-face-smile-beam::before {
  content: "\f5b8";
}
.fa-smile-beam::before {
  content: "\f5b8";
}
.fa-flag-checkered::before {
  content: "\f11e";
}
.fa-football::before {
  content: "\f44e";
}
.fa-football-ball::before {
  content: "\f44e";
}
.fa-school-circle-exclamation::before {
  content: "\e56c";
}
.fa-crop::before {
  content: "\f125";
}
.fa-angles-down::before {
  content: "\f103";
}
.fa-angle-double-down::before {
  content: "\f103";
}
.fa-users-rectangle::before {
  content: "\e594";
}
.fa-people-roof::before {
  content: "\e537";
}
.fa-people-line::before {
  content: "\e534";
}
.fa-beer-mug-empty::before {
  content: "\f0fc";
}
.fa-beer::before {
  content: "\f0fc";
}
.fa-diagram-predecessor::before {
  content: "\e477";
}
.fa-arrow-up-long::before {
  content: "\f176";
}
.fa-long-arrow-up::before {
  content: "\f176";
}
.fa-fire-flame-simple::before {
  content: "\f46a";
}
.fa-burn::before {
  content: "\f46a";
}
.fa-person::before {
  content: "\f183";
}
.fa-male::before {
  content: "\f183";
}
.fa-laptop::before {
  content: "\f109";
}
.fa-file-csv::before {
  content: "\f6dd";
}
.fa-menorah::before {
  content: "\f676";
}
.fa-truck-plane::before {
  content: "\e58f";
}
.fa-record-vinyl::before {
  content: "\f8d9";
}
.fa-face-grin-stars::before {
  content: "\f587";
}
.fa-grin-stars::before {
  content: "\f587";
}
.fa-bong::before {
  content: "\f55c";
}
.fa-spaghetti-monster-flying::before {
  content: "\f67b";
}
.fa-pastafarianism::before {
  content: "\f67b";
}
.fa-arrow-down-up-across-line::before {
  content: "\e4af";
}
.fa-spoon::before {
  content: "\f2e5";
}
.fa-utensil-spoon::before {
  content: "\f2e5";
}
.fa-jar-wheat::before {
  content: "\e517";
}
.fa-envelopes-bulk::before {
  content: "\f674";
}
.fa-mail-bulk::before {
  content: "\f674";
}
.fa-file-circle-exclamation::before {
  content: "\e4eb";
}
.fa-circle-h::before {
  content: "\f47e";
}
.fa-hospital-symbol::before {
  content: "\f47e";
}
.fa-pager::before {
  content: "\f815";
}
.fa-address-book::before {
  content: "\f2b9";
}
.fa-contact-book::before {
  content: "\f2b9";
}
.fa-strikethrough::before {
  content: "\f0cc";
}
.fa-k::before {
  content: "K";
}
.fa-landmark-flag::before {
  content: "\e51c";
}
.fa-pencil::before {
  content: "\f303";
}
.fa-pencil-alt::before {
  content: "\f303";
}
.fa-backward::before {
  content: "\f04a";
}
.fa-caret-right::before {
  content: "\f0da";
}
.fa-comments::before {
  content: "\f086";
}
.fa-paste::before {
  content: "\f0ea";
}
.fa-file-clipboard::before {
  content: "\f0ea";
}
.fa-code-pull-request::before {
  content: "\e13c";
}
.fa-clipboard-list::before {
  content: "\f46d";
}
.fa-truck-ramp-box::before {
  content: "\f4de";
}
.fa-truck-loading::before {
  content: "\f4de";
}
.fa-user-check::before {
  content: "\f4fc";
}
.fa-vial-virus::before {
  content: "\e597";
}
.fa-sheet-plastic::before {
  content: "\e571";
}
.fa-blog::before {
  content: "\f781";
}
.fa-user-ninja::before {
  content: "\f504";
}
.fa-person-arrow-up-from-line::before {
  content: "\e539";
}
.fa-scroll-torah::before {
  content: "\f6a0";
}
.fa-torah::before {
  content: "\f6a0";
}
.fa-broom-ball::before {
  content: "\f458";
}
.fa-quidditch::before {
  content: "\f458";
}
.fa-quidditch-broom-ball::before {
  content: "\f458";
}
.fa-toggle-off::before {
  content: "\f204";
}
.fa-box-archive::before {
  content: "\f187";
}
.fa-archive::before {
  content: "\f187";
}
.fa-person-drowning::before {
  content: "\e545";
}
.fa-arrow-down-9-1::before {
  content: "\f886";
}
.fa-sort-numeric-desc::before {
  content: "\f886";
}
.fa-sort-numeric-down-alt::before {
  content: "\f886";
}
.fa-face-grin-tongue-squint::before {
  content: "\f58a";
}
.fa-grin-tongue-squint::before {
  content: "\f58a";
}
.fa-spray-can::before {
  content: "\f5bd";
}
.fa-truck-monster::before {
  content: "\f63b";
}
.fa-w::before {
  content: "W";
}
.fa-earth-africa::before {
  content: "\f57c";
}
.fa-globe-africa::before {
  content: "\f57c";
}
.fa-rainbow::before {
  content: "\f75b";
}
.fa-circle-notch::before {
  content: "\f1ce";
}
.fa-tablet-screen-button::before {
  content: "\f3fa";
}
.fa-tablet-alt::before {
  content: "\f3fa";
}
.fa-paw::before {
  content: "\f1b0";
}
.fa-cloud::before {
  content: "\f0c2";
}
.fa-trowel-bricks::before {
  content: "\e58a";
}
.fa-face-flushed::before {
  content: "\f579";
}
.fa-flushed::before {
  content: "\f579";
}
.fa-hospital-user::before {
  content: "\f80d";
}
.fa-tent-arrow-left-right::before {
  content: "\e57f";
}
.fa-gavel::before {
  content: "\f0e3";
}
.fa-legal::before {
  content: "\f0e3";
}
.fa-binoculars::before {
  content: "\f1e5";
}
.fa-microphone-slash::before {
  content: "\f131";
}
.fa-box-tissue::before {
  content: "\e05b";
}
.fa-motorcycle::before {
  content: "\f21c";
}
.fa-bell-concierge::before {
  content: "\f562";
}
.fa-concierge-bell::before {
  content: "\f562";
}
.fa-pen-ruler::before {
  content: "\f5ae";
}
.fa-pencil-ruler::before {
  content: "\f5ae";
}
.fa-people-arrows::before {
  content: "\e068";
}
.fa-people-arrows-left-right::before {
  content: "\e068";
}
.fa-mars-and-venus-burst::before {
  content: "\e523";
}
.fa-square-caret-right::before {
  content: "\f152";
}
.fa-caret-square-right::before {
  content: "\f152";
}
.fa-scissors::before {
  content: "\f0c4";
}
.fa-cut::before {
  content: "\f0c4";
}
.fa-sun-plant-wilt::before {
  content: "\e57a";
}
.fa-toilets-portable::before {
  content: "\e584";
}
.fa-hockey-puck::before {
  content: "\f453";
}
.fa-table::before {
  content: "\f0ce";
}
.fa-magnifying-glass-arrow-right::before {
  content: "\e521";
}
.fa-tachograph-digital::before {
  content: "\f566";
}
.fa-digital-tachograph::before {
  content: "\f566";
}
.fa-users-slash::before {
  content: "\e073";
}
.fa-clover::before {
  content: "\e139";
}
.fa-reply::before {
  content: "\f3e5";
}
.fa-mail-reply::before {
  content: "\f3e5";
}
.fa-star-and-crescent::before {
  content: "\f699";
}
.fa-house-fire::before {
  content: "\e50c";
}
.fa-square-minus::before {
  content: "\f146";
}
.fa-minus-square::before {
  content: "\f146";
}
.fa-helicopter::before {
  content: "\f533";
}
.fa-compass::before {
  content: "\f14e";
}
.fa-square-caret-down::before {
  content: "\f150";
}
.fa-caret-square-down::before {
  content: "\f150";
}
.fa-file-circle-question::before {
  content: "\e4ef";
}
.fa-laptop-code::before {
  content: "\f5fc";
}
.fa-swatchbook::before {
  content: "\f5c3";
}
.fa-prescription-bottle::before {
  content: "\f485";
}
.fa-bars::before {
  content: "\f0c9";
}
.fa-navicon::before {
  content: "\f0c9";
}
.fa-people-group::before {
  content: "\e533";
}
.fa-hourglass-end::before {
  content: "\f253";
}
.fa-hourglass-3::before {
  content: "\f253";
}
.fa-heart-crack::before {
  content: "\f7a9";
}
.fa-heart-broken::before {
  content: "\f7a9";
}
.fa-square-up-right::before {
  content: "\f360";
}
.fa-external-link-square-alt::before {
  content: "\f360";
}
.fa-face-kiss-beam::before {
  content: "\f597";
}
.fa-kiss-beam::before {
  content: "\f597";
}
.fa-film::before {
  content: "\f008";
}
.fa-ruler-horizontal::before {
  content: "\f547";
}
.fa-people-robbery::before {
  content: "\e536";
}
.fa-lightbulb::before {
  content: "\f0eb";
}
.fa-caret-left::before {
  content: "\f0d9";
}
.fa-circle-exclamation::before {
  content: "\f06a";
}
.fa-exclamation-circle::before {
  content: "\f06a";
}
.fa-school-circle-xmark::before {
  content: "\e56d";
}
.fa-arrow-right-from-bracket::before {
  content: "\f08b";
}
.fa-sign-out::before {
  content: "\f08b";
}
.fa-circle-chevron-down::before {
  content: "\f13a";
}
.fa-chevron-circle-down::before {
  content: "\f13a";
}
.fa-unlock-keyhole::before {
  content: "\f13e";
}
.fa-unlock-alt::before {
  content: "\f13e";
}
.fa-cloud-showers-heavy::before {
  content: "\f740";
}
.fa-headphones-simple::before {
  content: "\f58f";
}
.fa-headphones-alt::before {
  content: "\f58f";
}
.fa-sitemap::before {
  content: "\f0e8";
}
.fa-circle-dollar-to-slot::before {
  content: "\f4b9";
}
.fa-donate::before {
  content: "\f4b9";
}
.fa-memory::before {
  content: "\f538";
}
.fa-road-spikes::before {
  content: "\e568";
}
.fa-fire-burner::before {
  content: "\e4f1";
}
.fa-flag::before {
  content: "\f024";
}
.fa-hanukiah::before {
  content: "\f6e6";
}
.fa-feather::before {
  content: "\f52d";
}
.fa-volume-low::before {
  content: "\f027";
}
.fa-volume-down::before {
  content: "\f027";
}
.fa-comment-slash::before {
  content: "\f4b3";
}
.fa-cloud-sun-rain::before {
  content: "\f743";
}
.fa-compress::before {
  content: "\f066";
}
.fa-wheat-awn::before {
  content: "\e2cd";
}
.fa-wheat-alt::before {
  content: "\e2cd";
}
.fa-ankh::before {
  content: "\f644";
}
.fa-hands-holding-child::before {
  content: "\e4fa";
}
.fa-asterisk::before {
  content: "\*";
}
.fa-square-check::before {
  content: "\f14a";
}
.fa-check-square::before {
  content: "\f14a";
}
.fa-peseta-sign::before {
  content: "\e221";
}
.fa-heading::before {
  content: "\f1dc";
}
.fa-header::before {
  content: "\f1dc";
}
.fa-ghost::before {
  content: "\f6e2";
}
.fa-list::before {
  content: "\f03a";
}
.fa-list-squares::before {
  content: "\f03a";
}
.fa-square-phone-flip::before {
  content: "\f87b";
}
.fa-phone-square-alt::before {
  content: "\f87b";
}
.fa-cart-plus::before {
  content: "\f217";
}
.fa-gamepad::before {
  content: "\f11b";
}
.fa-circle-dot::before {
  content: "\f192";
}
.fa-dot-circle::before {
  content: "\f192";
}
.fa-face-dizzy::before {
  content: "\f567";
}
.fa-dizzy::before {
  content: "\f567";
}
.fa-egg::before {
  content: "\f7fb";
}
.fa-house-medical-circle-xmark::before {
  content: "\e513";
}
.fa-campground::before {
  content: "\f6bb";
}
.fa-folder-plus::before {
  content: "\f65e";
}
.fa-futbol::before {
  content: "\f1e3";
}
.fa-futbol-ball::before {
  content: "\f1e3";
}
.fa-soccer-ball::before {
  content: "\f1e3";
}
.fa-paintbrush::before {
  content: "\f1fc";
}
.fa-paint-brush::before {
  content: "\f1fc";
}
.fa-lock::before {
  content: "\f023";
}
.fa-gas-pump::before {
  content: "\f52f";
}
.fa-hot-tub-person::before {
  content: "\f593";
}
.fa-hot-tub::before {
  content: "\f593";
}
.fa-map-location::before {
  content: "\f59f";
}
.fa-map-marked::before {
  content: "\f59f";
}
.fa-house-flood-water::before {
  content: "\e50e";
}
.fa-tree::before {
  content: "\f1bb";
}
.fa-bridge-lock::before {
  content: "\e4cc";
}
.fa-sack-dollar::before {
  content: "\f81d";
}
.fa-pen-to-square::before {
  content: "\f044";
}
.fa-edit::before {
  content: "\f044";
}
.fa-car-side::before {
  content: "\f5e4";
}
.fa-share-nodes::before {
  content: "\f1e0";
}
.fa-share-alt::before {
  content: "\f1e0";
}
.fa-heart-circle-minus::before {
  content: "\e4ff";
}
.fa-hourglass-half::before {
  content: "\f252";
}
.fa-hourglass-2::before {
  content: "\f252";
}
.fa-microscope::before {
  content: "\f610";
}
.fa-sink::before {
  content: "\e06d";
}
.fa-bag-shopping::before {
  content: "\f290";
}
.fa-shopping-bag::before {
  content: "\f290";
}
.fa-arrow-down-z-a::before {
  content: "\f881";
}
.fa-sort-alpha-desc::before {
  content: "\f881";
}
.fa-sort-alpha-down-alt::before {
  content: "\f881";
}
.fa-mitten::before {
  content: "\f7b5";
}
.fa-person-rays::before {
  content: "\e54d";
}
.fa-users::before {
  content: "\f0c0";
}
.fa-eye-slash::before {
  content: "\f070";
}
.fa-flask-vial::before {
  content: "\e4f3";
}
.fa-hand::before {
  content: "\f256";
}
.fa-hand-paper::before {
  content: "\f256";
}
.fa-om::before {
  content: "\f679";
}
.fa-worm::before {
  content: "\e599";
}
.fa-house-circle-xmark::before {
  content: "\e50b";
}
.fa-plug::before {
  content: "\f1e6";
}
.fa-chevron-up::before {
  content: "\f077";
}
.fa-hand-spock::before {
  content: "\f259";
}
.fa-stopwatch::before {
  content: "\f2f2";
}
.fa-face-kiss::before {
  content: "\f596";
}
.fa-kiss::before {
  content: "\f596";
}
.fa-bridge-circle-xmark::before {
  content: "\e4cb";
}
.fa-face-grin-tongue::before {
  content: "\f589";
}
.fa-grin-tongue::before {
  content: "\f589";
}
.fa-chess-bishop::before {
  content: "\f43a";
}
.fa-face-grin-wink::before {
  content: "\f58c";
}
.fa-grin-wink::before {
  content: "\f58c";
}
.fa-ear-deaf::before {
  content: "\f2a4";
}
.fa-deaf::before {
  content: "\f2a4";
}
.fa-deafness::before {
  content: "\f2a4";
}
.fa-hard-of-hearing::before {
  content: "\f2a4";
}
.fa-road-circle-check::before {
  content: "\e564";
}
.fa-dice-five::before {
  content: "\f523";
}
.fa-square-rss::before {
  content: "\f143";
}
.fa-rss-square::before {
  content: "\f143";
}
.fa-land-mine-on::before {
  content: "\e51b";
}
.fa-i-cursor::before {
  content: "\f246";
}
.fa-stamp::before {
  content: "\f5bf";
}
.fa-stairs::before {
  content: "\e289";
}
.fa-i::before {
  content: "I";
}
.fa-hryvnia-sign::before {
  content: "\f6f2";
}
.fa-hryvnia::before {
  content: "\f6f2";
}
.fa-pills::before {
  content: "\f484";
}
.fa-face-grin-wide::before {
  content: "\f581";
}
.fa-grin-alt::before {
  content: "\f581";
}
.fa-tooth::before {
  content: "\f5c9";
}
.fa-v::before {
  content: "V";
}
.fa-bangladeshi-taka-sign::before {
  content: "\e2e6";
}
.fa-bicycle::before {
  content: "\f206";
}
.fa-staff-snake::before {
  content: "\e579";
}
.fa-rod-asclepius::before {
  content: "\e579";
}
.fa-rod-snake::before {
  content: "\e579";
}
.fa-staff-aesculapius::before {
  content: "\e579";
}
.fa-head-side-cough-slash::before {
  content: "\e062";
}
.fa-truck-medical::before {
  content: "\f0f9";
}
.fa-ambulance::before {
  content: "\f0f9";
}
.fa-wheat-awn-circle-exclamation::before {
  content: "\e598";
}
.fa-snowman::before {
  content: "\f7d0";
}
.fa-mortar-pestle::before {
  content: "\f5a7";
}
.fa-road-barrier::before {
  content: "\e562";
}
.fa-school::before {
  content: "\f549";
}
.fa-igloo::before {
  content: "\f7ae";
}
.fa-joint::before {
  content: "\f595";
}
.fa-angle-right::before {
  content: "\f105";
}
.fa-horse::before {
  content: "\f6f0";
}
.fa-q::before {
  content: "Q";
}
.fa-g::before {
  content: "G";
}
.fa-notes-medical::before {
  content: "\f481";
}
.fa-temperature-half::before {
  content: "\f2c9";
}
.fa-temperature-2::before {
  content: "\f2c9";
}
.fa-thermometer-2::before {
  content: "\f2c9";
}
.fa-thermometer-half::before {
  content: "\f2c9";
}
.fa-dong-sign::before {
  content: "\e169";
}
.fa-capsules::before {
  content: "\f46b";
}
.fa-poo-storm::before {
  content: "\f75a";
}
.fa-poo-bolt::before {
  content: "\f75a";
}
.fa-face-frown-open::before {
  content: "\f57a";
}
.fa-frown-open::before {
  content: "\f57a";
}
.fa-hand-point-up::before {
  content: "\f0a6";
}
.fa-money-bill::before {
  content: "\f0d6";
}
.fa-bookmark::before {
  content: "\f02e";
}
.fa-align-justify::before {
  content: "\f039";
}
.fa-umbrella-beach::before {
  content: "\f5ca";
}
.fa-helmet-un::before {
  content: "\e503";
}
.fa-bullseye::before {
  content: "\f140";
}
.fa-bacon::before {
  content: "\f7e5";
}
.fa-hand-point-down::before {
  content: "\f0a7";
}
.fa-arrow-up-from-bracket::before {
  content: "\e09a";
}
.fa-folder::before {
  content: "\f07b";
}
.fa-folder-blank::before {
  content: "\f07b";
}
.fa-file-waveform::before {
  content: "\f478";
}
.fa-file-medical-alt::before {
  content: "\f478";
}
.fa-radiation::before {
  content: "\f7b9";
}
.fa-chart-simple::before {
  content: "\e473";
}
.fa-mars-stroke::before {
  content: "\f229";
}
.fa-vial::before {
  content: "\f492";
}
.fa-gauge::before {
  content: "\f624";
}
.fa-dashboard::before {
  content: "\f624";
}
.fa-gauge-med::before {
  content: "\f624";
}
.fa-tachometer-alt-average::before {
  content: "\f624";
}
.fa-wand-magic-sparkles::before {
  content: "\e2ca";
}
.fa-magic-wand-sparkles::before {
  content: "\e2ca";
}
.fa-e::before {
  content: "E";
}
.fa-pen-clip::before {
  content: "\f305";
}
.fa-pen-alt::before {
  content: "\f305";
}
.fa-bridge-circle-exclamation::before {
  content: "\e4ca";
}
.fa-user::before {
  content: "\f007";
}
.fa-school-circle-check::before {
  content: "\e56b";
}
.fa-dumpster::before {
  content: "\f793";
}
.fa-van-shuttle::before {
  content: "\f5b6";
}
.fa-shuttle-van::before {
  content: "\f5b6";
}
.fa-building-user::before {
  content: "\e4da";
}
.fa-square-caret-left::before {
  content: "\f191";
}
.fa-caret-square-left::before {
  content: "\f191";
}
.fa-highlighter::before {
  content: "\f591";
}
.fa-key::before {
  content: "\f084";
}
.fa-bullhorn::before {
  content: "\f0a1";
}
.fa-globe::before {
  content: "\f0ac";
}
.fa-synagogue::before {
  content: "\f69b";
}
.fa-person-half-dress::before {
  content: "\e548";
}
.fa-road-bridge::before {
  content: "\e563";
}
.fa-location-arrow::before {
  content: "\f124";
}
.fa-c::before {
  content: "C";
}
.fa-tablet-button::before {
  content: "\f10a";
}
.fa-building-lock::before {
  content: "\e4d6";
}
.fa-pizza-slice::before {
  content: "\f818";
}
.fa-money-bill-wave::before {
  content: "\f53a";
}
.fa-chart-area::before {
  content: "\f1fe";
}
.fa-area-chart::before {
  content: "\f1fe";
}
.fa-house-flag::before {
  content: "\e50d";
}
.fa-person-circle-minus::before {
  content: "\e540";
}
.fa-ban::before {
  content: "\f05e";
}
.fa-cancel::before {
  content: "\f05e";
}
.fa-camera-rotate::before {
  content: "\e0d8";
}
.fa-spray-can-sparkles::before {
  content: "\f5d0";
}
.fa-air-freshener::before {
  content: "\f5d0";
}
.fa-star::before {
  content: "\f005";
}
.fa-repeat::before {
  content: "\f363";
}
.fa-cross::before {
  content: "\f654";
}
.fa-box::before {
  content: "\f466";
}
.fa-venus-mars::before {
  content: "\f228";
}
.fa-arrow-pointer::before {
  content: "\f245";
}
.fa-mouse-pointer::before {
  content: "\f245";
}
.fa-maximize::before {
  content: "\f31e";
}
.fa-expand-arrows-alt::before {
  content: "\f31e";
}
.fa-charging-station::before {
  content: "\f5e7";
}
.fa-shapes::before {
  content: "\f61f";
}
.fa-triangle-circle-square::before {
  content: "\f61f";
}
.fa-shuffle::before {
  content: "\f074";
}
.fa-random::before {
  content: "\f074";
}
.fa-person-running::before {
  content: "\f70c";
}
.fa-running::before {
  content: "\f70c";
}
.fa-mobile-retro::before {
  content: "\e527";
}
.fa-grip-lines-vertical::before {
  content: "\f7a5";
}
.fa-spider::before {
  content: "\f717";
}
.fa-hands-bound::before {
  content: "\e4f9";
}
.fa-file-invoice-dollar::before {
  content: "\f571";
}
.fa-plane-circle-exclamation::before {
  content: "\e556";
}
.fa-x-ray::before {
  content: "\f497";
}
.fa-spell-check::before {
  content: "\f891";
}
.fa-slash::before {
  content: "\f715";
}
.fa-computer-mouse::before {
  content: "\f8cc";
}
.fa-mouse::before {
  content: "\f8cc";
}
.fa-arrow-right-to-bracket::before {
  content: "\f090";
}
.fa-sign-in::before {
  content: "\f090";
}
.fa-shop-slash::before {
  content: "\e070";
}
.fa-store-alt-slash::before {
  content: "\e070";
}
.fa-server::before {
  content: "\f233";
}
.fa-virus-covid-slash::before {
  content: "\e4a9";
}
.fa-shop-lock::before {
  content: "\e4a5";
}
.fa-hourglass-start::before {
  content: "\f251";
}
.fa-hourglass-1::before {
  content: "\f251";
}
.fa-blender-phone::before {
  content: "\f6b6";
}
.fa-building-wheat::before {
  content: "\e4db";
}
.fa-person-breastfeeding::before {
  content: "\e53a";
}
.fa-right-to-bracket::before {
  content: "\f2f6";
}
.fa-sign-in-alt::before {
  content: "\f2f6";
}
.fa-venus::before {
  content: "\f221";
}
.fa-passport::before {
  content: "\f5ab";
}
.fa-heart-pulse::before {
  content: "\f21e";
}
.fa-heartbeat::before {
  content: "\f21e";
}
.fa-people-carry-box::before {
  content: "\f4ce";
}
.fa-people-carry::before {
  content: "\f4ce";
}
.fa-temperature-high::before {
  content: "\f769";
}
.fa-microchip::before {
  content: "\f2db";
}
.fa-crown::before {
  content: "\f521";
}
.fa-weight-hanging::before {
  content: "\f5cd";
}
.fa-xmarks-lines::before {
  content: "\e59a";
}
.fa-file-prescription::before {
  content: "\f572";
}
.fa-weight-scale::before {
  content: "\f496";
}
.fa-weight::before {
  content: "\f496";
}
.fa-user-group::before {
  content: "\f500";
}
.fa-user-friends::before {
  content: "\f500";
}
.fa-arrow-up-a-z::before {
  content: "\f15e";
}
.fa-sort-alpha-up::before {
  content: "\f15e";
}
.fa-chess-knight::before {
  content: "\f441";
}
.fa-face-laugh-squint::before {
  content: "\f59b";
}
.fa-laugh-squint::before {
  content: "\f59b";
}
.fa-wheelchair::before {
  content: "\f193";
}
.fa-circle-arrow-up::before {
  content: "\f0aa";
}
.fa-arrow-circle-up::before {
  content: "\f0aa";
}
.fa-toggle-on::before {
  content: "\f205";
}
.fa-person-walking::before {
  content: "\f554";
}
.fa-walking::before {
  content: "\f554";
}
.fa-l::before {
  content: "L";
}
.fa-fire::before {
  content: "\f06d";
}
.fa-bed-pulse::before {
  content: "\f487";
}
.fa-procedures::before {
  content: "\f487";
}
.fa-shuttle-space::before {
  content: "\f197";
}
.fa-space-shuttle::before {
  content: "\f197";
}
.fa-face-laugh::before {
  content: "\f599";
}
.fa-laugh::before {
  content: "\f599";
}
.fa-folder-open::before {
  content: "\f07c";
}
.fa-heart-circle-plus::before {
  content: "\e500";
}
.fa-code-fork::before {
  content: "\e13b";
}
.fa-city::before {
  content: "\f64f";
}
.fa-microphone-lines::before {
  content: "\f3c9";
}
.fa-microphone-alt::before {
  content: "\f3c9";
}
.fa-pepper-hot::before {
  content: "\f816";
}
.fa-unlock::before {
  content: "\f09c";
}
.fa-colon-sign::before {
  content: "\e140";
}
.fa-headset::before {
  content: "\f590";
}
.fa-store-slash::before {
  content: "\e071";
}
.fa-road-circle-xmark::before {
  content: "\e566";
}
.fa-user-minus::before {
  content: "\f503";
}
.fa-mars-stroke-up::before {
  content: "\f22a";
}
.fa-mars-stroke-v::before {
  content: "\f22a";
}
.fa-champagne-glasses::before {
  content: "\f79f";
}
.fa-glass-cheers::before {
  content: "\f79f";
}
.fa-clipboard::before {
  content: "\f328";
}
.fa-house-circle-exclamation::before {
  content: "\e50a";
}
.fa-file-arrow-up::before {
  content: "\f574";
}
.fa-file-upload::before {
  content: "\f574";
}
.fa-wifi::before {
  content: "\f1eb";
}
.fa-wifi-3::before {
  content: "\f1eb";
}
.fa-wifi-strong::before {
  content: "\f1eb";
}
.fa-bath::before {
  content: "\f2cd";
}
.fa-bathtub::before {
  content: "\f2cd";
}
.fa-underline::before {
  content: "\f0cd";
}
.fa-user-pen::before {
  content: "\f4ff";
}
.fa-user-edit::before {
  content: "\f4ff";
}
.fa-signature::before {
  content: "\f5b7";
}
.fa-stroopwafel::before {
  content: "\f551";
}
.fa-bold::before {
  content: "\f032";
}
.fa-anchor-lock::before {
  content: "\e4ad";
}
.fa-building-ngo::before {
  content: "\e4d7";
}
.fa-manat-sign::before {
  content: "\e1d5";
}
.fa-not-equal::before {
  content: "\f53e";
}
.fa-border-top-left::before {
  content: "\f853";
}
.fa-border-style::before {
  content: "\f853";
}
.fa-map-location-dot::before {
  content: "\f5a0";
}
.fa-map-marked-alt::before {
  content: "\f5a0";
}
.fa-jedi::before {
  content: "\f669";
}
.fa-square-poll-vertical::before {
  content: "\f681";
}
.fa-poll::before {
  content: "\f681";
}
.fa-mug-hot::before {
  content: "\f7b6";
}
.fa-car-battery::before {
  content: "\f5df";
}
.fa-battery-car::before {
  content: "\f5df";
}
.fa-gift::before {
  content: "\f06b";
}
.fa-dice-two::before {
  content: "\f528";
}
.fa-chess-queen::before {
  content: "\f445";
}
.fa-glasses::before {
  content: "\f530";
}
.fa-chess-board::before {
  content: "\f43c";
}
.fa-building-circle-check::before {
  content: "\e4d2";
}
.fa-person-chalkboard::before {
  content: "\e53d";
}
.fa-mars-stroke-right::before {
  content: "\f22b";
}
.fa-mars-stroke-h::before {
  content: "\f22b";
}
.fa-hand-back-fist::before {
  content: "\f255";
}
.fa-hand-rock::before {
  content: "\f255";
}
.fa-square-caret-up::before {
  content: "\f151";
}
.fa-caret-square-up::before {
  content: "\f151";
}
.fa-cloud-showers-water::before {
  content: "\e4e4";
}
.fa-chart-bar::before {
  content: "\f080";
}
.fa-bar-chart::before {
  content: "\f080";
}
.fa-hands-bubbles::before {
  content: "\e05e";
}
.fa-hands-wash::before {
  content: "\e05e";
}
.fa-less-than-equal::before {
  content: "\f537";
}
.fa-train::before {
  content: "\f238";
}
.fa-eye-low-vision::before {
  content: "\f2a8";
}
.fa-low-vision::before {
  content: "\f2a8";
}
.fa-crow::before {
  content: "\f520";
}
.fa-sailboat::before {
  content: "\e445";
}
.fa-window-restore::before {
  content: "\f2d2";
}
.fa-square-plus::before {
  content: "\f0fe";
}
.fa-plus-square::before {
  content: "\f0fe";
}
.fa-torii-gate::before {
  content: "\f6a1";
}
.fa-frog::before {
  content: "\f52e";
}
.fa-bucket::before {
  content: "\e4cf";
}
.fa-image::before {
  content: "\f03e";
}
.fa-microphone::before {
  content: "\f130";
}
.fa-cow::before {
  content: "\f6c8";
}
.fa-caret-up::before {
  content: "\f0d8";
}
.fa-screwdriver::before {
  content: "\f54a";
}
.fa-folder-closed::before {
  content: "\e185";
}
.fa-house-tsunami::before {
  content: "\e515";
}
.fa-square-nfi::before {
  content: "\e576";
}
.fa-arrow-up-from-ground-water::before {
  content: "\e4b5";
}
.fa-martini-glass::before {
  content: "\f57b";
}
.fa-glass-martini-alt::before {
  content: "\f57b";
}
.fa-rotate-left::before {
  content: "\f2ea";
}
.fa-rotate-back::before {
  content: "\f2ea";
}
.fa-rotate-backward::before {
  content: "\f2ea";
}
.fa-undo-alt::before {
  content: "\f2ea";
}
.fa-table-columns::before {
  content: "\f0db";
}
.fa-columns::before {
  content: "\f0db";
}
.fa-lemon::before {
  content: "\f094";
}
.fa-head-side-mask::before {
  content: "\e063";
}
.fa-handshake::before {
  content: "\f2b5";
}
.fa-gem::before {
  content: "\f3a5";
}
.fa-dolly::before {
  content: "\f472";
}
.fa-dolly-box::before {
  content: "\f472";
}
.fa-smoking::before {
  content: "\f48d";
}
.fa-minimize::before {
  content: "\f78c";
}
.fa-compress-arrows-alt::before {
  content: "\f78c";
}
.fa-monument::before {
  content: "\f5a6";
}
.fa-snowplow::before {
  content: "\f7d2";
}
.fa-angles-right::before {
  content: "\f101";
}
.fa-angle-double-right::before {
  content: "\f101";
}
.fa-cannabis::before {
  content: "\f55f";
}
.fa-circle-play::before {
  content: "\f144";
}
.fa-play-circle::before {
  content: "\f144";
}
.fa-tablets::before {
  content: "\f490";
}
.fa-ethernet::before {
  content: "\f796";
}
.fa-euro-sign::before {
  content: "\f153";
}
.fa-eur::before {
  content: "\f153";
}
.fa-euro::before {
  content: "\f153";
}
.fa-chair::before {
  content: "\f6c0";
}
.fa-circle-check::before {
  content: "\f058";
}
.fa-check-circle::before {
  content: "\f058";
}
.fa-circle-stop::before {
  content: "\f28d";
}
.fa-stop-circle::before {
  content: "\f28d";
}
.fa-compass-drafting::before {
  content: "\f568";
}
.fa-drafting-compass::before {
  content: "\f568";
}
.fa-plate-wheat::before {
  content: "\e55a";
}
.fa-icicles::before {
  content: "\f7ad";
}
.fa-person-shelter::before {
  content: "\e54f";
}
.fa-neuter::before {
  content: "\f22c";
}
.fa-id-badge::before {
  content: "\f2c1";
}
.fa-marker::before {
  content: "\f5a1";
}
.fa-face-laugh-beam::before {
  content: "\f59a";
}
.fa-laugh-beam::before {
  content: "\f59a";
}
.fa-helicopter-symbol::before {
  content: "\e502";
}
.fa-universal-access::before {
  content: "\f29a";
}
.fa-circle-chevron-up::before {
  content: "\f139";
}
.fa-chevron-circle-up::before {
  content: "\f139";
}
.fa-lari-sign::before {
  content: "\e1c8";
}
.fa-volcano::before {
  content: "\f770";
}
.fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553";
}
.fa-sterling-sign::before {
  content: "\f154";
}
.fa-gbp::before {
  content: "\f154";
}
.fa-pound-sign::before {
  content: "\f154";
}
.fa-viruses::before {
  content: "\e076";
}
.fa-square-person-confined::before {
  content: "\e577";
}
.fa-user-tie::before {
  content: "\f508";
}
.fa-arrow-down-long::before {
  content: "\f175";
}
.fa-long-arrow-down::before {
  content: "\f175";
}
.fa-tent-arrow-down-to-line::before {
  content: "\e57e";
}
.fa-certificate::before {
  content: "\f0a3";
}
.fa-reply-all::before {
  content: "\f122";
}
.fa-mail-reply-all::before {
  content: "\f122";
}
.fa-suitcase::before {
  content: "\f0f2";
}
.fa-person-skating::before {
  content: "\f7c5";
}
.fa-skating::before {
  content: "\f7c5";
}
.fa-filter-circle-dollar::before {
  content: "\f662";
}
.fa-funnel-dollar::before {
  content: "\f662";
}
.fa-camera-retro::before {
  content: "\f083";
}
.fa-circle-arrow-down::before {
  content: "\f0ab";
}
.fa-arrow-circle-down::before {
  content: "\f0ab";
}
.fa-file-import::before {
  content: "\f56f";
}
.fa-arrow-right-to-file::before {
  content: "\f56f";
}
.fa-square-arrow-up-right::before {
  content: "\f14c";
}
.fa-external-link-square::before {
  content: "\f14c";
}
.fa-box-open::before {
  content: "\f49e";
}
.fa-scroll::before {
  content: "\f70e";
}
.fa-spa::before {
  content: "\f5bb";
}
.fa-location-pin-lock::before {
  content: "\e51f";
}
.fa-pause::before {
  content: "\f04c";
}
.fa-hill-avalanche::before {
  content: "\e507";
}
.fa-temperature-empty::before {
  content: "\f2cb";
}
.fa-temperature-0::before {
  content: "\f2cb";
}
.fa-thermometer-0::before {
  content: "\f2cb";
}
.fa-thermometer-empty::before {
  content: "\f2cb";
}
.fa-bomb::before {
  content: "\f1e2";
}
.fa-registered::before {
  content: "\f25d";
}
.fa-address-card::before {
  content: "\f2bb";
}
.fa-contact-card::before {
  content: "\f2bb";
}
.fa-vcard::before {
  content: "\f2bb";
}
.fa-scale-unbalanced-flip::before {
  content: "\f516";
}
.fa-balance-scale-right::before {
  content: "\f516";
}
.fa-subscript::before {
  content: "\f12c";
}
.fa-diamond-turn-right::before {
  content: "\f5eb";
}
.fa-directions::before {
  content: "\f5eb";
}
.fa-burst::before {
  content: "\e4dc";
}
.fa-house-laptop::before {
  content: "\e066";
}
.fa-laptop-house::before {
  content: "\e066";
}
.fa-face-tired::before {
  content: "\f5c8";
}
.fa-tired::before {
  content: "\f5c8";
}
.fa-money-bills::before {
  content: "\e1f3";
}
.fa-smog::before {
  content: "\f75f";
}
.fa-crutch::before {
  content: "\f7f7";
}
.fa-cloud-arrow-up::before {
  content: "\f0ee";
}
.fa-cloud-upload::before {
  content: "\f0ee";
}
.fa-cloud-upload-alt::before {
  content: "\f0ee";
}
.fa-palette::before {
  content: "\f53f";
}
.fa-arrows-turn-right::before {
  content: "\e4c0";
}
.fa-vest::before {
  content: "\e085";
}
.fa-ferry::before {
  content: "\e4ea";
}
.fa-arrows-down-to-people::before {
  content: "\e4b9";
}
.fa-seedling::before {
  content: "\f4d8";
}
.fa-sprout::before {
  content: "\f4d8";
}
.fa-left-right::before {
  content: "\f337";
}
.fa-arrows-alt-h::before {
  content: "\f337";
}
.fa-boxes-packing::before {
  content: "\e4c7";
}
.fa-circle-arrow-left::before {
  content: "\f0a8";
}
.fa-arrow-circle-left::before {
  content: "\f0a8";
}
.fa-group-arrows-rotate::before {
  content: "\e4f6";
}
.fa-bowl-food::before {
  content: "\e4c6";
}
.fa-candy-cane::before {
  content: "\f786";
}
.fa-arrow-down-wide-short::before {
  content: "\f160";
}
.fa-sort-amount-asc::before {
  content: "\f160";
}
.fa-sort-amount-down::before {
  content: "\f160";
}
.fa-cloud-bolt::before {
  content: "\f76c";
}
.fa-thunderstorm::before {
  content: "\f76c";
}
.fa-text-slash::before {
  content: "\f87d";
}
.fa-remove-format::before {
  content: "\f87d";
}
.fa-face-smile-wink::before {
  content: "\f4da";
}
.fa-smile-wink::before {
  content: "\f4da";
}
.fa-file-word::before {
  content: "\f1c2";
}
.fa-file-powerpoint::before {
  content: "\f1c4";
}
.fa-arrows-left-right::before {
  content: "\f07e";
}
.fa-arrows-h::before {
  content: "\f07e";
}
.fa-house-lock::before {
  content: "\e510";
}
.fa-cloud-arrow-down::before {
  content: "\f0ed";
}
.fa-cloud-download::before {
  content: "\f0ed";
}
.fa-cloud-download-alt::before {
  content: "\f0ed";
}
.fa-children::before {
  content: "\e4e1";
}
.fa-chalkboard::before {
  content: "\f51b";
}
.fa-blackboard::before {
  content: "\f51b";
}
.fa-user-large-slash::before {
  content: "\f4fa";
}
.fa-user-alt-slash::before {
  content: "\f4fa";
}
.fa-envelope-open::before {
  content: "\f2b6";
}
.fa-handshake-simple-slash::before {
  content: "\e05f";
}
.fa-handshake-alt-slash::before {
  content: "\e05f";
}
.fa-mattress-pillow::before {
  content: "\e525";
}
.fa-guarani-sign::before {
  content: "\e19a";
}
.fa-arrows-rotate::before {
  content: "\f021";
}
.fa-refresh::before {
  content: "\f021";
}
.fa-sync::before {
  content: "\f021";
}
.fa-fire-extinguisher::before {
  content: "\f134";
}
.fa-cruzeiro-sign::before {
  content: "\e152";
}
.fa-greater-than-equal::before {
  content: "\f532";
}
.fa-shield-halved::before {
  content: "\f3ed";
}
.fa-shield-alt::before {
  content: "\f3ed";
}
.fa-book-atlas::before {
  content: "\f558";
}
.fa-atlas::before {
  content: "\f558";
}
.fa-virus::before {
  content: "\e074";
}
.fa-envelope-circle-check::before {
  content: "\e4e8";
}
.fa-layer-group::before {
  content: "\f5fd";
}
.fa-arrows-to-dot::before {
  content: "\e4be";
}
.fa-archway::before {
  content: "\f557";
}
.fa-heart-circle-check::before {
  content: "\e4fd";
}
.fa-house-chimney-crack::before {
  content: "\f6f1";
}
.fa-house-damage::before {
  content: "\f6f1";
}
.fa-file-zipper::before {
  content: "\f1c6";
}
.fa-file-archive::before {
  content: "\f1c6";
}
.fa-square::before {
  content: "\f0c8";
}
.fa-martini-glass-empty::before {
  content: "\f000";
}
.fa-glass-martini::before {
  content: "\f000";
}
.fa-couch::before {
  content: "\f4b8";
}
.fa-cedi-sign::before {
  content: "\e0df";
}
.fa-italic::before {
  content: "\f033";
}
.fa-table-cells-column-lock::before {
  content: "\e678";
}
.fa-church::before {
  content: "\f51d";
}
.fa-comments-dollar::before {
  content: "\f653";
}
.fa-democrat::before {
  content: "\f747";
}
.fa-z::before {
  content: "Z";
}
.fa-person-skiing::before {
  content: "\f7c9";
}
.fa-skiing::before {
  content: "\f7c9";
}
.fa-road-lock::before {
  content: "\e567";
}
.fa-a::before {
  content: "A";
}
.fa-temperature-arrow-down::before {
  content: "\e03f";
}
.fa-temperature-down::before {
  content: "\e03f";
}
.fa-feather-pointed::before {
  content: "\f56b";
}
.fa-feather-alt::before {
  content: "\f56b";
}
.fa-p::before {
  content: "P";
}
.fa-snowflake::before {
  content: "\f2dc";
}
.fa-newspaper::before {
  content: "\f1ea";
}
.fa-rectangle-ad::before {
  content: "\f641";
}
.fa-ad::before {
  content: "\f641";
}
.fa-circle-arrow-right::before {
  content: "\f0a9";
}
.fa-arrow-circle-right::before {
  content: "\f0a9";
}
.fa-filter-circle-xmark::before {
  content: "\e17b";
}
.fa-locust::before {
  content: "\e520";
}
.fa-sort::before {
  content: "\f0dc";
}
.fa-unsorted::before {
  content: "\f0dc";
}
.fa-list-ol::before {
  content: "\f0cb";
}
.fa-list-1-2::before {
  content: "\f0cb";
}
.fa-list-numeric::before {
  content: "\f0cb";
}
.fa-person-dress-burst::before {
  content: "\e544";
}
.fa-money-check-dollar::before {
  content: "\f53d";
}
.fa-money-check-alt::before {
  content: "\f53d";
}
.fa-vector-square::before {
  content: "\f5cb";
}
.fa-bread-slice::before {
  content: "\f7ec";
}
.fa-language::before {
  content: "\f1ab";
}
.fa-face-kiss-wink-heart::before {
  content: "\f598";
}
.fa-kiss-wink-heart::before {
  content: "\f598";
}
.fa-filter::before {
  content: "\f0b0";
}
.fa-question::before {
  content: "\?";
}
.fa-file-signature::before {
  content: "\f573";
}
.fa-up-down-left-right::before {
  content: "\f0b2";
}
.fa-arrows-alt::before {
  content: "\f0b2";
}
.fa-house-chimney-user::before {
  content: "\e065";
}
.fa-hand-holding-heart::before {
  content: "\f4be";
}
.fa-puzzle-piece::before {
  content: "\f12e";
}
.fa-money-check::before {
  content: "\f53c";
}
.fa-star-half-stroke::before {
  content: "\f5c0";
}
.fa-star-half-alt::before {
  content: "\f5c0";
}
.fa-code::before {
  content: "\f121";
}
.fa-whiskey-glass::before {
  content: "\f7a0";
}
.fa-glass-whiskey::before {
  content: "\f7a0";
}
.fa-building-circle-exclamation::before {
  content: "\e4d3";
}
.fa-magnifying-glass-chart::before {
  content: "\e522";
}
.fa-arrow-up-right-from-square::before {
  content: "\f08e";
}
.fa-external-link::before {
  content: "\f08e";
}
.fa-cubes-stacked::before {
  content: "\e4e6";
}
.fa-won-sign::before {
  content: "\f159";
}
.fa-krw::before {
  content: "\f159";
}
.fa-won::before {
  content: "\f159";
}
.fa-virus-covid::before {
  content: "\e4a8";
}
.fa-austral-sign::before {
  content: "\e0a9";
}
.fa-f::before {
  content: "F";
}
.fa-leaf::before {
  content: "\f06c";
}
.fa-road::before {
  content: "\f018";
}
.fa-taxi::before {
  content: "\f1ba";
}
.fa-cab::before {
  content: "\f1ba";
}
.fa-person-circle-plus::before {
  content: "\e541";
}
.fa-chart-pie::before {
  content: "\f200";
}
.fa-pie-chart::before {
  content: "\f200";
}
.fa-bolt-lightning::before {
  content: "\e0b7";
}
.fa-sack-xmark::before {
  content: "\e56a";
}
.fa-file-excel::before {
  content: "\f1c3";
}
.fa-file-contract::before {
  content: "\f56c";
}
.fa-fish-fins::before {
  content: "\e4f2";
}
.fa-building-flag::before {
  content: "\e4d5";
}
.fa-face-grin-beam::before {
  content: "\f582";
}
.fa-grin-beam::before {
  content: "\f582";
}
.fa-object-ungroup::before {
  content: "\f248";
}
.fa-poop::before {
  content: "\f619";
}
.fa-location-pin::before {
  content: "\f041";
}
.fa-map-marker::before {
  content: "\f041";
}
.fa-kaaba::before {
  content: "\f66b";
}
.fa-toilet-paper::before {
  content: "\f71e";
}
.fa-helmet-safety::before {
  content: "\f807";
}
.fa-hard-hat::before {
  content: "\f807";
}
.fa-hat-hard::before {
  content: "\f807";
}
.fa-eject::before {
  content: "\f052";
}
.fa-circle-right::before {
  content: "\f35a";
}
.fa-arrow-alt-circle-right::before {
  content: "\f35a";
}
.fa-plane-circle-check::before {
  content: "\e555";
}
.fa-face-rolling-eyes::before {
  content: "\f5a5";
}
.fa-meh-rolling-eyes::before {
  content: "\f5a5";
}
.fa-object-group::before {
  content: "\f247";
}
.fa-chart-line::before {
  content: "\f201";
}
.fa-line-chart::before {
  content: "\f201";
}
.fa-mask-ventilator::before {
  content: "\e524";
}
.fa-arrow-right::before {
  content: "\f061";
}
.fa-signs-post::before {
  content: "\f277";
}
.fa-map-signs::before {
  content: "\f277";
}
.fa-cash-register::before {
  content: "\f788";
}
.fa-person-circle-question::before {
  content: "\e542";
}
.fa-h::before {
  content: "H";
}
.fa-tarp::before {
  content: "\e57b";
}
.fa-screwdriver-wrench::before {
  content: "\f7d9";
}
.fa-tools::before {
  content: "\f7d9";
}
.fa-arrows-to-eye::before {
  content: "\e4bf";
}
.fa-plug-circle-bolt::before {
  content: "\e55b";
}
.fa-heart::before {
  content: "\f004";
}
.fa-mars-and-venus::before {
  content: "\f224";
}
.fa-house-user::before {
  content: "\e1b0";
}
.fa-home-user::before {
  content: "\e1b0";
}
.fa-dumpster-fire::before {
  content: "\f794";
}
.fa-house-crack::before {
  content: "\e3b1";
}
.fa-martini-glass-citrus::before {
  content: "\f561";
}
.fa-cocktail::before {
  content: "\f561";
}
.fa-face-surprise::before {
  content: "\f5c2";
}
.fa-surprise::before {
  content: "\f5c2";
}
.fa-bottle-water::before {
  content: "\e4c5";
}
.fa-circle-pause::before {
  content: "\f28b";
}
.fa-pause-circle::before {
  content: "\f28b";
}
.fa-toilet-paper-slash::before {
  content: "\e072";
}
.fa-apple-whole::before {
  content: "\f5d1";
}
.fa-apple-alt::before {
  content: "\f5d1";
}
.fa-kitchen-set::before {
  content: "\e51a";
}
.fa-r::before {
  content: "R";
}
.fa-temperature-quarter::before {
  content: "\f2ca";
}
.fa-temperature-1::before {
  content: "\f2ca";
}
.fa-thermometer-1::before {
  content: "\f2ca";
}
.fa-thermometer-quarter::before {
  content: "\f2ca";
}
.fa-cube::before {
  content: "\f1b2";
}
.fa-bitcoin-sign::before {
  content: "\e0b4";
}
.fa-shield-dog::before {
  content: "\e573";
}
.fa-solar-panel::before {
  content: "\f5ba";
}
.fa-lock-open::before {
  content: "\f3c1";
}
.fa-elevator::before {
  content: "\e16d";
}
.fa-money-bill-transfer::before {
  content: "\e528";
}
.fa-money-bill-trend-up::before {
  content: "\e529";
}
.fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f";
}
.fa-square-poll-horizontal::before {
  content: "\f682";
}
.fa-poll-h::before {
  content: "\f682";
}
.fa-circle::before {
  content: "\f111";
}
.fa-backward-fast::before {
  content: "\f049";
}
.fa-fast-backward::before {
  content: "\f049";
}
.fa-recycle::before {
  content: "\f1b8";
}
.fa-user-astronaut::before {
  content: "\f4fb";
}
.fa-plane-slash::before {
  content: "\e069";
}
.fa-trademark::before {
  content: "\f25c";
}
.fa-basketball::before {
  content: "\f434";
}
.fa-basketball-ball::before {
  content: "\f434";
}
.fa-satellite-dish::before {
  content: "\f7c0";
}
.fa-circle-up::before {
  content: "\f35b";
}
.fa-arrow-alt-circle-up::before {
  content: "\f35b";
}
.fa-mobile-screen-button::before {
  content: "\f3cd";
}
.fa-mobile-alt::before {
  content: "\f3cd";
}
.fa-volume-high::before {
  content: "\f028";
}
.fa-volume-up::before {
  content: "\f028";
}
.fa-users-rays::before {
  content: "\e593";
}
.fa-wallet::before {
  content: "\f555";
}
.fa-clipboard-check::before {
  content: "\f46c";
}
.fa-file-audio::before {
  content: "\f1c7";
}
.fa-burger::before {
  content: "\f805";
}
.fa-hamburger::before {
  content: "\f805";
}
.fa-wrench::before {
  content: "\f0ad";
}
.fa-bugs::before {
  content: "\e4d0";
}
.fa-rupee-sign::before {
  content: "\f156";
}
.fa-rupee::before {
  content: "\f156";
}
.fa-file-image::before {
  content: "\f1c5";
}
.fa-circle-question::before {
  content: "\f059";
}
.fa-question-circle::before {
  content: "\f059";
}
.fa-plane-departure::before {
  content: "\f5b0";
}
.fa-handshake-slash::before {
  content: "\e060";
}
.fa-book-bookmark::before {
  content: "\e0bb";
}
.fa-code-branch::before {
  content: "\f126";
}
.fa-hat-cowboy::before {
  content: "\f8c0";
}
.fa-bridge::before {
  content: "\e4c8";
}
.fa-phone-flip::before {
  content: "\f879";
}
.fa-phone-alt::before {
  content: "\f879";
}
.fa-truck-front::before {
  content: "\e2b7";
}
.fa-cat::before {
  content: "\f6be";
}
.fa-anchor-circle-exclamation::before {
  content: "\e4ab";
}
.fa-truck-field::before {
  content: "\e58d";
}
.fa-route::before {
  content: "\f4d7";
}
.fa-clipboard-question::before {
  content: "\e4e3";
}
.fa-panorama::before {
  content: "\e209";
}
.fa-comment-medical::before {
  content: "\f7f5";
}
.fa-teeth-open::before {
  content: "\f62f";
}
.fa-file-circle-minus::before {
  content: "\e4ed";
}
.fa-tags::before {
  content: "\f02c";
}
.fa-wine-glass::before {
  content: "\f4e3";
}
.fa-forward-fast::before {
  content: "\f050";
}
.fa-fast-forward::before {
  content: "\f050";
}
.fa-face-meh-blank::before {
  content: "\f5a4";
}
.fa-meh-blank::before {
  content: "\f5a4";
}
.fa-square-parking::before {
  content: "\f540";
}
.fa-parking::before {
  content: "\f540";
}
.fa-house-signal::before {
  content: "\e012";
}
.fa-bars-progress::before {
  content: "\f828";
}
.fa-tasks-alt::before {
  content: "\f828";
}
.fa-faucet-drip::before {
  content: "\e006";
}
.fa-cart-flatbed::before {
  content: "\f474";
}
.fa-dolly-flatbed::before {
  content: "\f474";
}
.fa-ban-smoking::before {
  content: "\f54d";
}
.fa-smoking-ban::before {
  content: "\f54d";
}
.fa-terminal::before {
  content: "\f120";
}
.fa-mobile-button::before {
  content: "\f10b";
}
.fa-house-medical-flag::before {
  content: "\e514";
}
.fa-basket-shopping::before {
  content: "\f291";
}
.fa-shopping-basket::before {
  content: "\f291";
}
.fa-tape::before {
  content: "\f4db";
}
.fa-bus-simple::before {
  content: "\f55e";
}
.fa-bus-alt::before {
  content: "\f55e";
}
.fa-eye::before {
  content: "\f06e";
}
.fa-face-sad-cry::before {
  content: "\f5b3";
}
.fa-sad-cry::before {
  content: "\f5b3";
}
.fa-audio-description::before {
  content: "\f29e";
}
.fa-person-military-to-person::before {
  content: "\e54c";
}
.fa-file-shield::before {
  content: "\e4f0";
}
.fa-user-slash::before {
  content: "\f506";
}
.fa-pen::before {
  content: "\f304";
}
.fa-tower-observation::before {
  content: "\e586";
}
.fa-file-code::before {
  content: "\f1c9";
}
.fa-signal::before {
  content: "\f012";
}
.fa-signal-5::before {
  content: "\f012";
}
.fa-signal-perfect::before {
  content: "\f012";
}
.fa-bus::before {
  content: "\f207";
}
.fa-heart-circle-xmark::before {
  content: "\e501";
}
.fa-house-chimney::before {
  content: "\e3af";
}
.fa-home-lg::before {
  content: "\e3af";
}
.fa-window-maximize::before {
  content: "\f2d0";
}
.fa-face-frown::before {
  content: "\f119";
}
.fa-frown::before {
  content: "\f119";
}
.fa-prescription::before {
  content: "\f5b1";
}
.fa-shop::before {
  content: "\f54f";
}
.fa-store-alt::before {
  content: "\f54f";
}
.fa-floppy-disk::before {
  content: "\f0c7";
}
.fa-save::before {
  content: "\f0c7";
}
.fa-vihara::before {
  content: "\f6a7";
}
.fa-scale-unbalanced::before {
  content: "\f515";
}
.fa-balance-scale-left::before {
  content: "\f515";
}
.fa-sort-up::before {
  content: "\f0de";
}
.fa-sort-asc::before {
  content: "\f0de";
}
.fa-comment-dots::before {
  content: "\f4ad";
}
.fa-commenting::before {
  content: "\f4ad";
}
.fa-plant-wilt::before {
  content: "\e5aa";
}
.fa-diamond::before {
  content: "\f219";
}
.fa-face-grin-squint::before {
  content: "\f585";
}
.fa-grin-squint::before {
  content: "\f585";
}
.fa-hand-holding-dollar::before {
  content: "\f4c0";
}
.fa-hand-holding-usd::before {
  content: "\f4c0";
}
.fa-bacterium::before {
  content: "\e05a";
}
.fa-hand-pointer::before {
  content: "\f25a";
}
.fa-drum-steelpan::before {
  content: "\f56a";
}
.fa-hand-scissors::before {
  content: "\f257";
}
.fa-hands-praying::before {
  content: "\f684";
}
.fa-praying-hands::before {
  content: "\f684";
}
.fa-arrow-rotate-right::before {
  content: "\f01e";
}
.fa-arrow-right-rotate::before {
  content: "\f01e";
}
.fa-arrow-rotate-forward::before {
  content: "\f01e";
}
.fa-redo::before {
  content: "\f01e";
}
.fa-biohazard::before {
  content: "\f780";
}
.fa-location-crosshairs::before {
  content: "\f601";
}
.fa-location::before {
  content: "\f601";
}
.fa-mars-double::before {
  content: "\f227";
}
.fa-child-dress::before {
  content: "\e59c";
}
.fa-users-between-lines::before {
  content: "\e591";
}
.fa-lungs-virus::before {
  content: "\e067";
}
.fa-face-grin-tears::before {
  content: "\f588";
}
.fa-grin-tears::before {
  content: "\f588";
}
.fa-phone::before {
  content: "\f095";
}
.fa-calendar-xmark::before {
  content: "\f273";
}
.fa-calendar-times::before {
  content: "\f273";
}
.fa-child-reaching::before {
  content: "\e59d";
}
.fa-head-side-virus::before {
  content: "\e064";
}
.fa-user-gear::before {
  content: "\f4fe";
}
.fa-user-cog::before {
  content: "\f4fe";
}
.fa-arrow-up-1-9::before {
  content: "\f163";
}
.fa-sort-numeric-up::before {
  content: "\f163";
}
.fa-door-closed::before {
  content: "\f52a";
}
.fa-shield-virus::before {
  content: "\e06c";
}
.fa-dice-six::before {
  content: "\f526";
}
.fa-mosquito-net::before {
  content: "\e52c";
}
.fa-bridge-water::before {
  content: "\e4ce";
}
.fa-person-booth::before {
  content: "\f756";
}
.fa-text-width::before {
  content: "\f035";
}
.fa-hat-wizard::before {
  content: "\f6e8";
}
.fa-pen-fancy::before {
  content: "\f5ac";
}
.fa-person-digging::before {
  content: "\f85e";
}
.fa-digging::before {
  content: "\f85e";
}
.fa-trash::before {
  content: "\f1f8";
}
.fa-gauge-simple::before {
  content: "\f629";
}
.fa-gauge-simple-med::before {
  content: "\f629";
}
.fa-tachometer-average::before {
  content: "\f629";
}
.fa-book-medical::before {
  content: "\f7e6";
}
.fa-poo::before {
  content: "\f2fe";
}
.fa-quote-right::before {
  content: "\f10e";
}
.fa-quote-right-alt::before {
  content: "\f10e";
}
.fa-shirt::before {
  content: "\f553";
}
.fa-t-shirt::before {
  content: "\f553";
}
.fa-tshirt::before {
  content: "\f553";
}
.fa-cubes::before {
  content: "\f1b3";
}
.fa-divide::before {
  content: "\f529";
}
.fa-tenge-sign::before {
  content: "\f7d7";
}
.fa-tenge::before {
  content: "\f7d7";
}
.fa-headphones::before {
  content: "\f025";
}
.fa-hands-holding::before {
  content: "\f4c2";
}
.fa-hands-clapping::before {
  content: "\e1a8";
}
.fa-republican::before {
  content: "\f75e";
}
.fa-arrow-left::before {
  content: "\f060";
}
.fa-person-circle-xmark::before {
  content: "\e543";
}
.fa-ruler::before {
  content: "\f545";
}
.fa-align-left::before {
  content: "\f036";
}
.fa-dice-d6::before {
  content: "\f6d1";
}
.fa-restroom::before {
  content: "\f7bd";
}
.fa-j::before {
  content: "J";
}
.fa-users-viewfinder::before {
  content: "\e595";
}
.fa-file-video::before {
  content: "\f1c8";
}
.fa-up-right-from-square::before {
  content: "\f35d";
}
.fa-external-link-alt::before {
  content: "\f35d";
}
.fa-table-cells::before {
  content: "\f00a";
}
.fa-th::before {
  content: "\f00a";
}
.fa-file-pdf::before {
  content: "\f1c1";
}
.fa-book-bible::before {
  content: "\f647";
}
.fa-bible::before {
  content: "\f647";
}
.fa-o::before {
  content: "O";
}
.fa-suitcase-medical::before {
  content: "\f0fa";
}
.fa-medkit::before {
  content: "\f0fa";
}
.fa-user-secret::before {
  content: "\f21b";
}
.fa-otter::before {
  content: "\f700";
}
.fa-person-dress::before {
  content: "\f182";
}
.fa-female::before {
  content: "\f182";
}
.fa-comment-dollar::before {
  content: "\f651";
}
.fa-business-time::before {
  content: "\f64a";
}
.fa-briefcase-clock::before {
  content: "\f64a";
}
.fa-table-cells-large::before {
  content: "\f009";
}
.fa-th-large::before {
  content: "\f009";
}
.fa-book-tanakh::before {
  content: "\f827";
}
.fa-tanakh::before {
  content: "\f827";
}
.fa-phone-volume::before {
  content: "\f2a0";
}
.fa-volume-control-phone::before {
  content: "\f2a0";
}
.fa-hat-cowboy-side::before {
  content: "\f8c1";
}
.fa-clipboard-user::before {
  content: "\f7f3";
}
.fa-child::before {
  content: "\f1ae";
}
.fa-lira-sign::before {
  content: "\f195";
}
.fa-satellite::before {
  content: "\f7bf";
}
.fa-plane-lock::before {
  content: "\e558";
}
.fa-tag::before {
  content: "\f02b";
}
.fa-comment::before {
  content: "\f075";
}
.fa-cake-candles::before {
  content: "\f1fd";
}
.fa-birthday-cake::before {
  content: "\f1fd";
}
.fa-cake::before {
  content: "\f1fd";
}
.fa-envelope::before {
  content: "\f0e0";
}
.fa-angles-up::before {
  content: "\f102";
}
.fa-angle-double-up::before {
  content: "\f102";
}
.fa-paperclip::before {
  content: "\f0c6";
}
.fa-arrow-right-to-city::before {
  content: "\e4b3";
}
.fa-ribbon::before {
  content: "\f4d6";
}
.fa-lungs::before {
  content: "\f604";
}
.fa-arrow-up-9-1::before {
  content: "\f887";
}
.fa-sort-numeric-up-alt::before {
  content: "\f887";
}
.fa-litecoin-sign::before {
  content: "\e1d3";
}
.fa-border-none::before {
  content: "\f850";
}
.fa-circle-nodes::before {
  content: "\e4e2";
}
.fa-parachute-box::before {
  content: "\f4cd";
}
.fa-indent::before {
  content: "\f03c";
}
.fa-truck-field-un::before {
  content: "\e58e";
}
.fa-hourglass::before {
  content: "\f254";
}
.fa-hourglass-empty::before {
  content: "\f254";
}
.fa-mountain::before {
  content: "\f6fc";
}
.fa-user-doctor::before {
  content: "\f0f0";
}
.fa-user-md::before {
  content: "\f0f0";
}
.fa-circle-info::before {
  content: "\f05a";
}
.fa-info-circle::before {
  content: "\f05a";
}
.fa-cloud-meatball::before {
  content: "\f73b";
}
.fa-camera::before {
  content: "\f030";
}
.fa-camera-alt::before {
  content: "\f030";
}
.fa-square-virus::before {
  content: "\e578";
}
.fa-meteor::before {
  content: "\f753";
}
.fa-car-on::before {
  content: "\e4dd";
}
.fa-sleigh::before {
  content: "\f7cc";
}
.fa-arrow-down-1-9::before {
  content: "\f162";
}
.fa-sort-numeric-asc::before {
  content: "\f162";
}
.fa-sort-numeric-down::before {
  content: "\f162";
}
.fa-hand-holding-droplet::before {
  content: "\f4c1";
}
.fa-hand-holding-water::before {
  content: "\f4c1";
}
.fa-water::before {
  content: "\f773";
}
.fa-calendar-check::before {
  content: "\f274";
}
.fa-braille::before {
  content: "\f2a1";
}
.fa-prescription-bottle-medical::before {
  content: "\f486";
}
.fa-prescription-bottle-alt::before {
  content: "\f486";
}
.fa-landmark::before {
  content: "\f66f";
}
.fa-truck::before {
  content: "\f0d1";
}
.fa-crosshairs::before {
  content: "\f05b";
}
.fa-person-cane::before {
  content: "\e53c";
}
.fa-tent::before {
  content: "\e57d";
}
.fa-vest-patches::before {
  content: "\e086";
}
.fa-check-double::before {
  content: "\f560";
}
.fa-arrow-down-a-z::before {
  content: "\f15d";
}
.fa-sort-alpha-asc::before {
  content: "\f15d";
}
.fa-sort-alpha-down::before {
  content: "\f15d";
}
.fa-money-bill-wheat::before {
  content: "\e52a";
}
.fa-cookie::before {
  content: "\f563";
}
.fa-arrow-rotate-left::before {
  content: "\f0e2";
}
.fa-arrow-left-rotate::before {
  content: "\f0e2";
}
.fa-arrow-rotate-back::before {
  content: "\f0e2";
}
.fa-arrow-rotate-backward::before {
  content: "\f0e2";
}
.fa-undo::before {
  content: "\f0e2";
}
.fa-hard-drive::before {
  content: "\f0a0";
}
.fa-hdd::before {
  content: "\f0a0";
}
.fa-face-grin-squint-tears::before {
  content: "\f586";
}
.fa-grin-squint-tears::before {
  content: "\f586";
}
.fa-dumbbell::before {
  content: "\f44b";
}
.fa-rectangle-list::before {
  content: "\f022";
}
.fa-list-alt::before {
  content: "\f022";
}
.fa-tarp-droplet::before {
  content: "\e57c";
}
.fa-house-medical-circle-check::before {
  content: "\e511";
}
.fa-person-skiing-nordic::before {
  content: "\f7ca";
}
.fa-skiing-nordic::before {
  content: "\f7ca";
}
.fa-calendar-plus::before {
  content: "\f271";
}
.fa-plane-arrival::before {
  content: "\f5af";
}
.fa-circle-left::before {
  content: "\f359";
}
.fa-arrow-alt-circle-left::before {
  content: "\f359";
}
.fa-train-subway::before {
  content: "\f239";
}
.fa-subway::before {
  content: "\f239";
}
.fa-chart-gantt::before {
  content: "\e0e4";
}
.fa-indian-rupee-sign::before {
  content: "\e1bc";
}
.fa-indian-rupee::before {
  content: "\e1bc";
}
.fa-inr::before {
  content: "\e1bc";
}
.fa-crop-simple::before {
  content: "\f565";
}
.fa-crop-alt::before {
  content: "\f565";
}
.fa-money-bill-1::before {
  content: "\f3d1";
}
.fa-money-bill-alt::before {
  content: "\f3d1";
}
.fa-left-long::before {
  content: "\f30a";
}
.fa-long-arrow-alt-left::before {
  content: "\f30a";
}
.fa-dna::before {
  content: "\f471";
}
.fa-virus-slash::before {
  content: "\e075";
}
.fa-minus::before {
  content: "\f068";
}
.fa-subtract::before {
  content: "\f068";
}
.fa-chess::before {
  content: "\f439";
}
.fa-arrow-left-long::before {
  content: "\f177";
}
.fa-long-arrow-left::before {
  content: "\f177";
}
.fa-plug-circle-check::before {
  content: "\e55c";
}
.fa-street-view::before {
  content: "\f21d";
}
.fa-franc-sign::before {
  content: "\e18f";
}
.fa-volume-off::before {
  content: "\f026";
}
.fa-hands-asl-interpreting::before {
  content: "\f2a3";
}
.fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}
.fa-asl-interpreting::before {
  content: "\f2a3";
}
.fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3";
}
.fa-gear::before {
  content: "\f013";
}
.fa-cog::before {
  content: "\f013";
}
.fa-droplet-slash::before {
  content: "\f5c7";
}
.fa-tint-slash::before {
  content: "\f5c7";
}
.fa-mosque::before {
  content: "\f678";
}
.fa-mosquito::before {
  content: "\e52b";
}
.fa-star-of-david::before {
  content: "\f69a";
}
.fa-person-military-rifle::before {
  content: "\e54b";
}
.fa-cart-shopping::before {
  content: "\f07a";
}
.fa-shopping-cart::before {
  content: "\f07a";
}
.fa-vials::before {
  content: "\f493";
}
.fa-plug-circle-plus::before {
  content: "\e55f";
}
.fa-place-of-worship::before {
  content: "\f67f";
}
.fa-grip-vertical::before {
  content: "\f58e";
}
.fa-arrow-turn-up::before {
  content: "\f148";
}
.fa-level-up::before {
  content: "\f148";
}
.fa-u::before {
  content: "U";
}
.fa-square-root-variable::before {
  content: "\f698";
}
.fa-square-root-alt::before {
  content: "\f698";
}
.fa-clock::before {
  content: "\f017";
}
.fa-clock-four::before {
  content: "\f017";
}
.fa-backward-step::before {
  content: "\f048";
}
.fa-step-backward::before {
  content: "\f048";
}
.fa-pallet::before {
  content: "\f482";
}
.fa-faucet::before {
  content: "\e005";
}
.fa-baseball-bat-ball::before {
  content: "\f432";
}
.fa-s::before {
  content: "S";
}
.fa-timeline::before {
  content: "\e29c";
}
.fa-keyboard::before {
  content: "\f11c";
}
.fa-caret-down::before {
  content: "\f0d7";
}
.fa-house-chimney-medical::before {
  content: "\f7f2";
}
.fa-clinic-medical::before {
  content: "\f7f2";
}
.fa-temperature-three-quarters::before {
  content: "\f2c8";
}
.fa-temperature-3::before {
  content: "\f2c8";
}
.fa-thermometer-3::before {
  content: "\f2c8";
}
.fa-thermometer-three-quarters::before {
  content: "\f2c8";
}
.fa-mobile-screen::before {
  content: "\f3cf";
}
.fa-mobile-android-alt::before {
  content: "\f3cf";
}
.fa-plane-up::before {
  content: "\e22d";
}
.fa-piggy-bank::before {
  content: "\f4d3";
}
.fa-battery-half::before {
  content: "\f242";
}
.fa-battery-3::before {
  content: "\f242";
}
.fa-mountain-city::before {
  content: "\e52e";
}
.fa-coins::before {
  content: "\f51e";
}
.fa-khanda::before {
  content: "\f66d";
}
.fa-sliders::before {
  content: "\f1de";
}
.fa-sliders-h::before {
  content: "\f1de";
}
.fa-folder-tree::before {
  content: "\f802";
}
.fa-network-wired::before {
  content: "\f6ff";
}
.fa-map-pin::before {
  content: "\f276";
}
.fa-hamsa::before {
  content: "\f665";
}
.fa-cent-sign::before {
  content: "\e3f5";
}
.fa-flask::before {
  content: "\f0c3";
}
.fa-person-pregnant::before {
  content: "\e31e";
}
.fa-wand-sparkles::before {
  content: "\f72b";
}
.fa-ellipsis-vertical::before {
  content: "\f142";
}
.fa-ellipsis-v::before {
  content: "\f142";
}
.fa-ticket::before {
  content: "\f145";
}
.fa-power-off::before {
  content: "\f011";
}
.fa-right-long::before {
  content: "\f30b";
}
.fa-long-arrow-alt-right::before {
  content: "\f30b";
}
.fa-flag-usa::before {
  content: "\f74d";
}
.fa-laptop-file::before {
  content: "\e51d";
}
.fa-tty::before {
  content: "\f1e4";
}
.fa-teletype::before {
  content: "\f1e4";
}
.fa-diagram-next::before {
  content: "\e476";
}
.fa-person-rifle::before {
  content: "\e54e";
}
.fa-house-medical-circle-exclamation::before {
  content: "\e512";
}
.fa-closed-captioning::before {
  content: "\f20a";
}
.fa-person-hiking::before {
  content: "\f6ec";
}
.fa-hiking::before {
  content: "\f6ec";
}
.fa-venus-double::before {
  content: "\f226";
}
.fa-images::before {
  content: "\f302";
}
.fa-calculator::before {
  content: "\f1ec";
}
.fa-people-pulling::before {
  content: "\e535";
}
.fa-n::before {
  content: "N";
}
.fa-cable-car::before {
  content: "\f7da";
}
.fa-tram::before {
  content: "\f7da";
}
.fa-cloud-rain::before {
  content: "\f73d";
}
.fa-building-circle-xmark::before {
  content: "\e4d4";
}
.fa-ship::before {
  content: "\f21a";
}
.fa-arrows-down-to-line::before {
  content: "\e4b8";
}
.fa-download::before {
  content: "\f019";
}
.fa-face-grin::before {
  content: "\f580";
}
.fa-grin::before {
  content: "\f580";
}
.fa-delete-left::before {
  content: "\f55a";
}
.fa-backspace::before {
  content: "\f55a";
}
.fa-eye-dropper::before {
  content: "\f1fb";
}
.fa-eye-dropper-empty::before {
  content: "\f1fb";
}
.fa-eyedropper::before {
  content: "\f1fb";
}
.fa-file-circle-check::before {
  content: "\e5a0";
}
.fa-forward::before {
  content: "\f04e";
}
.fa-mobile::before {
  content: "\f3ce";
}
.fa-mobile-android::before {
  content: "\f3ce";
}
.fa-mobile-phone::before {
  content: "\f3ce";
}
.fa-face-meh::before {
  content: "\f11a";
}
.fa-meh::before {
  content: "\f11a";
}
.fa-align-center::before {
  content: "\f037";
}
.fa-book-skull::before {
  content: "\f6b7";
}
.fa-book-dead::before {
  content: "\f6b7";
}
.fa-id-card::before {
  content: "\f2c2";
}
.fa-drivers-license::before {
  content: "\f2c2";
}
.fa-outdent::before {
  content: "\f03b";
}
.fa-dedent::before {
  content: "\f03b";
}
.fa-heart-circle-exclamation::before {
  content: "\e4fe";
}
.fa-house::before {
  content: "\f015";
}
.fa-home::before {
  content: "\f015";
}
.fa-home-alt::before {
  content: "\f015";
}
.fa-home-lg-alt::before {
  content: "\f015";
}
.fa-calendar-week::before {
  content: "\f784";
}
.fa-laptop-medical::before {
  content: "\f812";
}
.fa-b::before {
  content: "B";
}
.fa-file-medical::before {
  content: "\f477";
}
.fa-dice-one::before {
  content: "\f525";
}
.fa-kiwi-bird::before {
  content: "\f535";
}
.fa-arrow-right-arrow-left::before {
  content: "\f0ec";
}
.fa-exchange::before {
  content: "\f0ec";
}
.fa-rotate-right::before {
  content: "\f2f9";
}
.fa-redo-alt::before {
  content: "\f2f9";
}
.fa-rotate-forward::before {
  content: "\f2f9";
}
.fa-utensils::before {
  content: "\f2e7";
}
.fa-cutlery::before {
  content: "\f2e7";
}
.fa-arrow-up-wide-short::before {
  content: "\f161";
}
.fa-sort-amount-up::before {
  content: "\f161";
}
.fa-mill-sign::before {
  content: "\e1ed";
}
.fa-bowl-rice::before {
  content: "\e2eb";
}
.fa-skull::before {
  content: "\f54c";
}
.fa-tower-broadcast::before {
  content: "\f519";
}
.fa-broadcast-tower::before {
  content: "\f519";
}
.fa-truck-pickup::before {
  content: "\f63c";
}
.fa-up-long::before {
  content: "\f30c";
}
.fa-long-arrow-alt-up::before {
  content: "\f30c";
}
.fa-stop::before {
  content: "\f04d";
}
.fa-code-merge::before {
  content: "\f387";
}
.fa-upload::before {
  content: "\f093";
}
.fa-hurricane::before {
  content: "\f751";
}
.fa-mound::before {
  content: "\e52d";
}
.fa-toilet-portable::before {
  content: "\e583";
}
.fa-compact-disc::before {
  content: "\f51f";
}
.fa-file-arrow-down::before {
  content: "\f56d";
}
.fa-file-download::before {
  content: "\f56d";
}
.fa-caravan::before {
  content: "\f8ff";
}
.fa-shield-cat::before {
  content: "\e572";
}
.fa-bolt::before {
  content: "\f0e7";
}
.fa-zap::before {
  content: "\f0e7";
}
.fa-glass-water::before {
  content: "\e4f4";
}
.fa-oil-well::before {
  content: "\e532";
}
.fa-vault::before {
  content: "\e2c5";
}
.fa-mars::before {
  content: "\f222";
}
.fa-toilet::before {
  content: "\f7d8";
}
.fa-plane-circle-xmark::before {
  content: "\e557";
}
.fa-yen-sign::before {
  content: "\f157";
}
.fa-cny::before {
  content: "\f157";
}
.fa-jpy::before {
  content: "\f157";
}
.fa-rmb::before {
  content: "\f157";
}
.fa-yen::before {
  content: "\f157";
}
.fa-ruble-sign::before {
  content: "\f158";
}
.fa-rouble::before {
  content: "\f158";
}
.fa-rub::before {
  content: "\f158";
}
.fa-ruble::before {
  content: "\f158";
}
.fa-sun::before {
  content: "\f185";
}
.fa-guitar::before {
  content: "\f7a6";
}
.fa-face-laugh-wink::before {
  content: "\f59c";
}
.fa-laugh-wink::before {
  content: "\f59c";
}
.fa-horse-head::before {
  content: "\f7ab";
}
.fa-bore-hole::before {
  content: "\e4c3";
}
.fa-industry::before {
  content: "\f275";
}
.fa-circle-down::before {
  content: "\f358";
}
.fa-arrow-alt-circle-down::before {
  content: "\f358";
}
.fa-arrows-turn-to-dots::before {
  content: "\e4c1";
}
.fa-florin-sign::before {
  content: "\e184";
}
.fa-arrow-down-short-wide::before {
  content: "\f884";
}
.fa-sort-amount-desc::before {
  content: "\f884";
}
.fa-sort-amount-down-alt::before {
  content: "\f884";
}
.fa-less-than::before {
  content: "\<";
}
.fa-angle-down::before {
  content: "\f107";
}
.fa-car-tunnel::before {
  content: "\e4de";
}
.fa-head-side-cough::before {
  content: "\e061";
}
.fa-grip-lines::before {
  content: "\f7a4";
}
.fa-thumbs-down::before {
  content: "\f165";
}
.fa-user-lock::before {
  content: "\f502";
}
.fa-arrow-right-long::before {
  content: "\f178";
}
.fa-long-arrow-right::before {
  content: "\f178";
}
.fa-anchor-circle-xmark::before {
  content: "\e4ac";
}
.fa-ellipsis::before {
  content: "\f141";
}
.fa-ellipsis-h::before {
  content: "\f141";
}
.fa-chess-pawn::before {
  content: "\f443";
}
.fa-kit-medical::before {
  content: "\f479";
}
.fa-first-aid::before {
  content: "\f479";
}
.fa-person-through-window::before {
  content: "\e5a9";
}
.fa-toolbox::before {
  content: "\f552";
}
.fa-hands-holding-circle::before {
  content: "\e4fb";
}
.fa-bug::before {
  content: "\f188";
}
.fa-credit-card::before {
  content: "\f09d";
}
.fa-credit-card-alt::before {
  content: "\f09d";
}
.fa-car::before {
  content: "\f1b9";
}
.fa-automobile::before {
  content: "\f1b9";
}
.fa-hand-holding-hand::before {
  content: "\e4f7";
}
.fa-book-open-reader::before {
  content: "\f5da";
}
.fa-book-reader::before {
  content: "\f5da";
}
.fa-mountain-sun::before {
  content: "\e52f";
}
.fa-arrows-left-right-to-line::before {
  content: "\e4ba";
}
.fa-dice-d20::before {
  content: "\f6cf";
}
.fa-truck-droplet::before {
  content: "\e58c";
}
.fa-file-circle-xmark::before {
  content: "\e5a1";
}
.fa-temperature-arrow-up::before {
  content: "\e040";
}
.fa-temperature-up::before {
  content: "\e040";
}
.fa-medal::before {
  content: "\f5a2";
}
.fa-bed::before {
  content: "\f236";
}
.fa-square-h::before {
  content: "\f0fd";
}
.fa-h-square::before {
  content: "\f0fd";
}
.fa-podcast::before {
  content: "\f2ce";
}
.fa-temperature-full::before {
  content: "\f2c7";
}
.fa-temperature-4::before {
  content: "\f2c7";
}
.fa-thermometer-4::before {
  content: "\f2c7";
}
.fa-thermometer-full::before {
  content: "\f2c7";
}
.fa-bell::before {
  content: "\f0f3";
}
.fa-superscript::before {
  content: "\f12b";
}
.fa-plug-circle-xmark::before {
  content: "\e560";
}
.fa-star-of-life::before {
  content: "\f621";
}
.fa-phone-slash::before {
  content: "\f3dd";
}
.fa-paint-roller::before {
  content: "\f5aa";
}
.fa-handshake-angle::before {
  content: "\f4c4";
}
.fa-hands-helping::before {
  content: "\f4c4";
}
.fa-location-dot::before {
  content: "\f3c5";
}
.fa-map-marker-alt::before {
  content: "\f3c5";
}
.fa-file::before {
  content: "\f15b";
}
.fa-greater-than::before {
  content: "\>";
}
.fa-person-swimming::before {
  content: "\f5c4";
}
.fa-swimmer::before {
  content: "\f5c4";
}
.fa-arrow-down::before {
  content: "\f063";
}
.fa-droplet::before {
  content: "\f043";
}
.fa-tint::before {
  content: "\f043";
}
.fa-eraser::before {
  content: "\f12d";
}
.fa-earth-americas::before {
  content: "\f57d";
}
.fa-earth::before {
  content: "\f57d";
}
.fa-earth-america::before {
  content: "\f57d";
}
.fa-globe-americas::before {
  content: "\f57d";
}
.fa-person-burst::before {
  content: "\e53b";
}
.fa-dove::before {
  content: "\f4ba";
}
.fa-battery-empty::before {
  content: "\f244";
}
.fa-battery-0::before {
  content: "\f244";
}
.fa-socks::before {
  content: "\f696";
}
.fa-inbox::before {
  content: "\f01c";
}
.fa-section::before {
  content: "\e447";
}
.fa-gauge-high::before {
  content: "\f625";
}
.fa-tachometer-alt::before {
  content: "\f625";
}
.fa-tachometer-alt-fast::before {
  content: "\f625";
}
.fa-envelope-open-text::before {
  content: "\f658";
}
.fa-hospital::before {
  content: "\f0f8";
}
.fa-hospital-alt::before {
  content: "\f0f8";
}
.fa-hospital-wide::before {
  content: "\f0f8";
}
.fa-wine-bottle::before {
  content: "\f72f";
}
.fa-chess-rook::before {
  content: "\f447";
}
.fa-bars-staggered::before {
  content: "\f550";
}
.fa-reorder::before {
  content: "\f550";
}
.fa-stream::before {
  content: "\f550";
}
.fa-dharmachakra::before {
  content: "\f655";
}
.fa-hotdog::before {
  content: "\f80f";
}
.fa-person-walking-with-cane::before {
  content: "\f29d";
}
.fa-blind::before {
  content: "\f29d";
}
.fa-drum::before {
  content: "\f569";
}
.fa-ice-cream::before {
  content: "\f810";
}
.fa-heart-circle-bolt::before {
  content: "\e4fc";
}
.fa-fax::before {
  content: "\f1ac";
}
.fa-paragraph::before {
  content: "\f1dd";
}
.fa-check-to-slot::before {
  content: "\f772";
}
.fa-vote-yea::before {
  content: "\f772";
}
.fa-star-half::before {
  content: "\f089";
}
.fa-boxes-stacked::before {
  content: "\f468";
}
.fa-boxes::before {
  content: "\f468";
}
.fa-boxes-alt::before {
  content: "\f468";
}
.fa-link::before {
  content: "\f0c1";
}
.fa-chain::before {
  content: "\f0c1";
}
.fa-ear-listen::before {
  content: "\f2a2";
}
.fa-assistive-listening-systems::before {
  content: "\f2a2";
}
.fa-tree-city::before {
  content: "\e587";
}
.fa-play::before {
  content: "\f04b";
}
.fa-font::before {
  content: "\f031";
}
.fa-table-cells-row-lock::before {
  content: "\e67a";
}
.fa-rupiah-sign::before {
  content: "\e23d";
}
.fa-magnifying-glass::before {
  content: "\f002";
}
.fa-search::before {
  content: "\f002";
}
.fa-table-tennis-paddle-ball::before {
  content: "\f45d";
}
.fa-ping-pong-paddle-ball::before {
  content: "\f45d";
}
.fa-table-tennis::before {
  content: "\f45d";
}
.fa-person-dots-from-line::before {
  content: "\f470";
}
.fa-diagnoses::before {
  content: "\f470";
}
.fa-trash-can-arrow-up::before {
  content: "\f82a";
}
.fa-trash-restore-alt::before {
  content: "\f82a";
}
.fa-naira-sign::before {
  content: "\e1f6";
}
.fa-cart-arrow-down::before {
  content: "\f218";
}
.fa-walkie-talkie::before {
  content: "\f8ef";
}
.fa-file-pen::before {
  content: "\f31c";
}
.fa-file-edit::before {
  content: "\f31c";
}
.fa-receipt::before {
  content: "\f543";
}
.fa-square-pen::before {
  content: "\f14b";
}
.fa-pen-square::before {
  content: "\f14b";
}
.fa-pencil-square::before {
  content: "\f14b";
}
.fa-suitcase-rolling::before {
  content: "\f5c1";
}
.fa-person-circle-exclamation::before {
  content: "\e53f";
}
.fa-chevron-down::before {
  content: "\f078";
}
.fa-battery-full::before {
  content: "\f240";
}
.fa-battery::before {
  content: "\f240";
}
.fa-battery-5::before {
  content: "\f240";
}
.fa-skull-crossbones::before {
  content: "\f714";
}
.fa-code-compare::before {
  content: "\e13a";
}
.fa-list-ul::before {
  content: "\f0ca";
}
.fa-list-dots::before {
  content: "\f0ca";
}
.fa-school-lock::before {
  content: "\e56f";
}
.fa-tower-cell::before {
  content: "\e585";
}
.fa-down-long::before {
  content: "\f309";
}
.fa-long-arrow-alt-down::before {
  content: "\f309";
}
.fa-ranking-star::before {
  content: "\e561";
}
.fa-chess-king::before {
  content: "\f43f";
}
.fa-person-harassing::before {
  content: "\e549";
}
.fa-brazilian-real-sign::before {
  content: "\e46c";
}
.fa-landmark-dome::before {
  content: "\f752";
}
.fa-landmark-alt::before {
  content: "\f752";
}
.fa-arrow-up::before {
  content: "\f062";
}
.fa-tv::before {
  content: "\f26c";
}
.fa-television::before {
  content: "\f26c";
}
.fa-tv-alt::before {
  content: "\f26c";
}
.fa-shrimp::before {
  content: "\e448";
}
.fa-list-check::before {
  content: "\f0ae";
}
.fa-tasks::before {
  content: "\f0ae";
}
.fa-jug-detergent::before {
  content: "\e519";
}
.fa-circle-user::before {
  content: "\f2bd";
}
.fa-user-circle::before {
  content: "\f2bd";
}
.fa-user-shield::before {
  content: "\f505";
}
.fa-wind::before {
  content: "\f72e";
}
.fa-car-burst::before {
  content: "\f5e1";
}
.fa-car-crash::before {
  content: "\f5e1";
}
.fa-y::before {
  content: "Y";
}
.fa-person-snowboarding::before {
  content: "\f7ce";
}
.fa-snowboarding::before {
  content: "\f7ce";
}
.fa-truck-fast::before {
  content: "\f48b";
}
.fa-shipping-fast::before {
  content: "\f48b";
}
.fa-fish::before {
  content: "\f578";
}
.fa-user-graduate::before {
  content: "\f501";
}
.fa-circle-half-stroke::before {
  content: "\f042";
}
.fa-adjust::before {
  content: "\f042";
}
.fa-clapperboard::before {
  content: "\e131";
}
.fa-circle-radiation::before {
  content: "\f7ba";
}
.fa-radiation-alt::before {
  content: "\f7ba";
}
.fa-baseball::before {
  content: "\f433";
}
.fa-baseball-ball::before {
  content: "\f433";
}
.fa-jet-fighter-up::before {
  content: "\e518";
}
.fa-diagram-project::before {
  content: "\f542";
}
.fa-project-diagram::before {
  content: "\f542";
}
.fa-copy::before {
  content: "\f0c5";
}
.fa-volume-xmark::before {
  content: "\f6a9";
}
.fa-volume-mute::before {
  content: "\f6a9";
}
.fa-volume-times::before {
  content: "\f6a9";
}
.fa-hand-sparkles::before {
  content: "\e05d";
}
.fa-grip::before {
  content: "\f58d";
}
.fa-grip-horizontal::before {
  content: "\f58d";
}
.fa-share-from-square::before {
  content: "\f14d";
}
.fa-share-square::before {
  content: "\f14d";
}
.fa-child-combatant::before {
  content: "\e4e0";
}
.fa-child-rifle::before {
  content: "\e4e0";
}
.fa-gun::before {
  content: "\e19b";
}
.fa-square-phone::before {
  content: "\f098";
}
.fa-phone-square::before {
  content: "\f098";
}
.fa-plus::before {
  content: "\+";
}
.fa-add::before {
  content: "\+";
}
.fa-expand::before {
  content: "\f065";
}
.fa-computer::before {
  content: "\e4e5";
}
.fa-xmark::before {
  content: "\f00d";
}
.fa-close::before {
  content: "\f00d";
}
.fa-multiply::before {
  content: "\f00d";
}
.fa-remove::before {
  content: "\f00d";
}
.fa-times::before {
  content: "\f00d";
}
.fa-arrows-up-down-left-right::before {
  content: "\f047";
}
.fa-arrows::before {
  content: "\f047";
}
.fa-chalkboard-user::before {
  content: "\f51c";
}
.fa-chalkboard-teacher::before {
  content: "\f51c";
}
.fa-peso-sign::before {
  content: "\e222";
}
.fa-building-shield::before {
  content: "\e4d8";
}
.fa-baby::before {
  content: "\f77c";
}
.fa-users-line::before {
  content: "\e592";
}
.fa-quote-left::before {
  content: "\f10d";
}
.fa-quote-left-alt::before {
  content: "\f10d";
}
.fa-tractor::before {
  content: "\f722";
}
.fa-trash-arrow-up::before {
  content: "\f829";
}
.fa-trash-restore::before {
  content: "\f829";
}
.fa-arrow-down-up-lock::before {
  content: "\e4b0";
}
.fa-lines-leaning::before {
  content: "\e51e";
}
.fa-ruler-combined::before {
  content: "\f546";
}
.fa-copyright::before {
  content: "\f1f9";
}
.fa-equals::before {
  content: "\=";
}
.fa-blender::before {
  content: "\f517";
}
.fa-teeth::before {
  content: "\f62e";
}
.fa-shekel-sign::before {
  content: "\f20b";
}
.fa-ils::before {
  content: "\f20b";
}
.fa-shekel::before {
  content: "\f20b";
}
.fa-sheqel::before {
  content: "\f20b";
}
.fa-sheqel-sign::before {
  content: "\f20b";
}
.fa-map::before {
  content: "\f279";
}
.fa-rocket::before {
  content: "\f135";
}
.fa-photo-film::before {
  content: "\f87c";
}
.fa-photo-video::before {
  content: "\f87c";
}
.fa-folder-minus::before {
  content: "\f65d";
}
.fa-store::before {
  content: "\f54e";
}
.fa-arrow-trend-up::before {
  content: "\e098";
}
.fa-plug-circle-minus::before {
  content: "\e55e";
}
.fa-sign-hanging::before {
  content: "\f4d9";
}
.fa-sign::before {
  content: "\f4d9";
}
.fa-bezier-curve::before {
  content: "\f55b";
}
.fa-bell-slash::before {
  content: "\f1f6";
}
.fa-tablet::before {
  content: "\f3fb";
}
.fa-tablet-android::before {
  content: "\f3fb";
}
.fa-school-flag::before {
  content: "\e56e";
}
.fa-fill::before {
  content: "\f575";
}
.fa-angle-up::before {
  content: "\f106";
}
.fa-drumstick-bite::before {
  content: "\f6d7";
}
.fa-holly-berry::before {
  content: "\f7aa";
}
.fa-chevron-left::before {
  content: "\f053";
}
.fa-bacteria::before {
  content: "\e059";
}
.fa-hand-lizard::before {
  content: "\f258";
}
.fa-notdef::before {
  content: "\e1fe";
}
.fa-disease::before {
  content: "\f7fa";
}
.fa-briefcase-medical::before {
  content: "\f469";
}
.fa-genderless::before {
  content: "\f22d";
}
.fa-chevron-right::before {
  content: "\f054";
}
.fa-retweet::before {
  content: "\f079";
}
.fa-car-rear::before {
  content: "\f5de";
}
.fa-car-alt::before {
  content: "\f5de";
}
.fa-pump-soap::before {
  content: "\e06b";
}
.fa-video-slash::before {
  content: "\f4e2";
}
.fa-battery-quarter::before {
  content: "\f243";
}
.fa-battery-2::before {
  content: "\f243";
}
.fa-radio::before {
  content: "\f8d7";
}
.fa-baby-carriage::before {
  content: "\f77d";
}
.fa-carriage-baby::before {
  content: "\f77d";
}
.fa-traffic-light::before {
  content: "\f637";
}
.fa-thermometer::before {
  content: "\f491";
}
.fa-vr-cardboard::before {
  content: "\f729";
}
.fa-hand-middle-finger::before {
  content: "\f806";
}
.fa-percent::before {
  content: "\%";
}
.fa-percentage::before {
  content: "\%";
}
.fa-truck-moving::before {
  content: "\f4df";
}
.fa-glass-water-droplet::before {
  content: "\e4f5";
}
.fa-display::before {
  content: "\e163";
}
.fa-face-smile::before {
  content: "\f118";
}
.fa-smile::before {
  content: "\f118";
}
.fa-thumbtack::before {
  content: "\f08d";
}
.fa-thumb-tack::before {
  content: "\f08d";
}
.fa-trophy::before {
  content: "\f091";
}
.fa-person-praying::before {
  content: "\f683";
}
.fa-pray::before {
  content: "\f683";
}
.fa-hammer::before {
  content: "\f6e3";
}
.fa-hand-peace::before {
  content: "\f25b";
}
.fa-rotate::before {
  content: "\f2f1";
}
.fa-sync-alt::before {
  content: "\f2f1";
}
.fa-spinner::before {
  content: "\f110";
}
.fa-robot::before {
  content: "\f544";
}
.fa-peace::before {
  content: "\f67c";
}
.fa-gears::before {
  content: "\f085";
}
.fa-cogs::before {
  content: "\f085";
}
.fa-warehouse::before {
  content: "\f494";
}
.fa-arrow-up-right-dots::before {
  content: "\e4b7";
}
.fa-splotch::before {
  content: "\f5bc";
}
.fa-face-grin-hearts::before {
  content: "\f584";
}
.fa-grin-hearts::before {
  content: "\f584";
}
.fa-dice-four::before {
  content: "\f524";
}
.fa-sim-card::before {
  content: "\f7c4";
}
.fa-transgender::before {
  content: "\f225";
}
.fa-transgender-alt::before {
  content: "\f225";
}
.fa-mercury::before {
  content: "\f223";
}
.fa-arrow-turn-down::before {
  content: "\f149";
}
.fa-level-down::before {
  content: "\f149";
}
.fa-person-falling-burst::before {
  content: "\e547";
}
.fa-award::before {
  content: "\f559";
}
.fa-ticket-simple::before {
  content: "\f3ff";
}
.fa-ticket-alt::before {
  content: "\f3ff";
}
.fa-building::before {
  content: "\f1ad";
}
.fa-angles-left::before {
  content: "\f100";
}
.fa-angle-double-left::before {
  content: "\f100";
}
.fa-qrcode::before {
  content: "\f029";
}
.fa-clock-rotate-left::before {
  content: "\f1da";
}
.fa-history::before {
  content: "\f1da";
}
.fa-face-grin-beam-sweat::before {
  content: "\f583";
}
.fa-grin-beam-sweat::before {
  content: "\f583";
}
.fa-file-export::before {
  content: "\f56e";
}
.fa-arrow-right-from-file::before {
  content: "\f56e";
}
.fa-shield::before {
  content: "\f132";
}
.fa-shield-blank::before {
  content: "\f132";
}
.fa-arrow-up-short-wide::before {
  content: "\f885";
}
.fa-sort-amount-up-alt::before {
  content: "\f885";
}
.fa-house-medical::before {
  content: "\e3b2";
}
.fa-golf-ball-tee::before {
  content: "\f450";
}
.fa-golf-ball::before {
  content: "\f450";
}
.fa-circle-chevron-left::before {
  content: "\f137";
}
.fa-chevron-circle-left::before {
  content: "\f137";
}
.fa-house-chimney-window::before {
  content: "\e00d";
}
.fa-pen-nib::before {
  content: "\f5ad";
}
.fa-tent-arrow-turn-left::before {
  content: "\e580";
}
.fa-tents::before {
  content: "\e582";
}
.fa-wand-magic::before {
  content: "\f0d0";
}
.fa-magic::before {
  content: "\f0d0";
}
.fa-dog::before {
  content: "\f6d3";
}
.fa-carrot::before {
  content: "\f787";
}
.fa-moon::before {
  content: "\f186";
}
.fa-wine-glass-empty::before {
  content: "\f5ce";
}
.fa-wine-glass-alt::before {
  content: "\f5ce";
}
.fa-cheese::before {
  content: "\f7ef";
}
.fa-yin-yang::before {
  content: "\f6ad";
}
.fa-music::before {
  content: "\f001";
}
.fa-code-commit::before {
  content: "\f386";
}
.fa-temperature-low::before {
  content: "\f76b";
}
.fa-person-biking::before {
  content: "\f84a";
}
.fa-biking::before {
  content: "\f84a";
}
.fa-broom::before {
  content: "\f51a";
}
.fa-shield-heart::before {
  content: "\e574";
}
.fa-gopuram::before {
  content: "\f664";
}
.fa-earth-oceania::before {
  content: "\e47b";
}
.fa-globe-oceania::before {
  content: "\e47b";
}
.fa-square-xmark::before {
  content: "\f2d3";
}
.fa-times-square::before {
  content: "\f2d3";
}
.fa-xmark-square::before {
  content: "\f2d3";
}
.fa-hashtag::before {
  content: "\#";
}
.fa-up-right-and-down-left-from-center::before {
  content: "\f424";
}
.fa-expand-alt::before {
  content: "\f424";
}
.fa-oil-can::before {
  content: "\f613";
}
.fa-t::before {
  content: "T";
}
.fa-hippo::before {
  content: "\f6ed";
}
.fa-chart-column::before {
  content: "\e0e3";
}
.fa-infinity::before {
  content: "\f534";
}
.fa-vial-circle-check::before {
  content: "\e596";
}
.fa-person-arrow-down-to-line::before {
  content: "\e538";
}
.fa-voicemail::before {
  content: "\f897";
}
.fa-fan::before {
  content: "\f863";
}
.fa-person-walking-luggage::before {
  content: "\e554";
}
.fa-up-down::before {
  content: "\f338";
}
.fa-arrows-alt-v::before {
  content: "\f338";
}
.fa-cloud-moon-rain::before {
  content: "\f73c";
}
.fa-calendar::before {
  content: "\f133";
}
.fa-trailer::before {
  content: "\e041";
}
.fa-bahai::before {
  content: "\f666";
}
.fa-haykal::before {
  content: "\f666";
}
.fa-sd-card::before {
  content: "\f7c2";
}
.fa-dragon::before {
  content: "\f6d5";
}
.fa-shoe-prints::before {
  content: "\f54b";
}
.fa-circle-plus::before {
  content: "\f055";
}
.fa-plus-circle::before {
  content: "\f055";
}
.fa-face-grin-tongue-wink::before {
  content: "\f58b";
}
.fa-grin-tongue-wink::before {
  content: "\f58b";
}
.fa-hand-holding::before {
  content: "\f4bd";
}
.fa-plug-circle-exclamation::before {
  content: "\e55d";
}
.fa-link-slash::before {
  content: "\f127";
}
.fa-chain-broken::before {
  content: "\f127";
}
.fa-chain-slash::before {
  content: "\f127";
}
.fa-unlink::before {
  content: "\f127";
}
.fa-clone::before {
  content: "\f24d";
}
.fa-person-walking-arrow-loop-left::before {
  content: "\e551";
}
.fa-arrow-up-z-a::before {
  content: "\f882";
}
.fa-sort-alpha-up-alt::before {
  content: "\f882";
}
.fa-fire-flame-curved::before {
  content: "\f7e4";
}
.fa-fire-alt::before {
  content: "\f7e4";
}
.fa-tornado::before {
  content: "\f76f";
}
.fa-file-circle-plus::before {
  content: "\e494";
}
.fa-book-quran::before {
  content: "\f687";
}
.fa-quran::before {
  content: "\f687";
}
.fa-anchor::before {
  content: "\f13d";
}
.fa-border-all::before {
  content: "\f84c";
}
.fa-face-angry::before {
  content: "\f556";
}
.fa-angry::before {
  content: "\f556";
}
.fa-cookie-bite::before {
  content: "\f564";
}
.fa-arrow-trend-down::before {
  content: "\e097";
}
.fa-rss::before {
  content: "\f09e";
}
.fa-feed::before {
  content: "\f09e";
}
.fa-draw-polygon::before {
  content: "\f5ee";
}
.fa-scale-balanced::before {
  content: "\f24e";
}
.fa-balance-scale::before {
  content: "\f24e";
}
.fa-gauge-simple-high::before {
  content: "\f62a";
}
.fa-tachometer::before {
  content: "\f62a";
}
.fa-tachometer-fast::before {
  content: "\f62a";
}
.fa-shower::before {
  content: "\f2cc";
}
.fa-desktop::before {
  content: "\f390";
}
.fa-desktop-alt::before {
  content: "\f390";
}
.fa-m::before {
  content: "M";
}
.fa-table-list::before {
  content: "\f00b";
}
.fa-th-list::before {
  content: "\f00b";
}
.fa-comment-sms::before {
  content: "\f7cd";
}
.fa-sms::before {
  content: "\f7cd";
}
.fa-book::before {
  content: "\f02d";
}
.fa-user-plus::before {
  content: "\f234";
}
.fa-check::before {
  content: "\f00c";
}
.fa-battery-three-quarters::before {
  content: "\f241";
}
.fa-battery-4::before {
  content: "\f241";
}
.fa-house-circle-check::before {
  content: "\e509";
}
.fa-angle-left::before {
  content: "\f104";
}
.fa-diagram-successor::before {
  content: "\e47a";
}
.fa-truck-arrow-right::before {
  content: "\e58b";
}
.fa-arrows-split-up-and-left::before {
  content: "\e4bc";
}
.fa-hand-fist::before {
  content: "\f6de";
}
.fa-fist-raised::before {
  content: "\f6de";
}
.fa-cloud-moon::before {
  content: "\f6c3";
}
.fa-briefcase::before {
  content: "\f0b1";
}
.fa-person-falling::before {
  content: "\e546";
}
.fa-image-portrait::before {
  content: "\f3e0";
}
.fa-portrait::before {
  content: "\f3e0";
}
.fa-user-tag::before {
  content: "\f507";
}
.fa-rug::before {
  content: "\e569";
}
.fa-earth-europe::before {
  content: "\f7a2";
}
.fa-globe-europe::before {
  content: "\f7a2";
}
.fa-cart-flatbed-suitcase::before {
  content: "\f59d";
}
.fa-luggage-cart::before {
  content: "\f59d";
}
.fa-rectangle-xmark::before {
  content: "\f410";
}
.fa-rectangle-times::before {
  content: "\f410";
}
.fa-times-rectangle::before {
  content: "\f410";
}
.fa-window-close::before {
  content: "\f410";
}
.fa-baht-sign::before {
  content: "\e0ac";
}
.fa-book-open::before {
  content: "\f518";
}
.fa-book-journal-whills::before {
  content: "\f66a";
}
.fa-journal-whills::before {
  content: "\f66a";
}
.fa-handcuffs::before {
  content: "\e4f8";
}
.fa-triangle-exclamation::before {
  content: "\f071";
}
.fa-exclamation-triangle::before {
  content: "\f071";
}
.fa-warning::before {
  content: "\f071";
}
.fa-database::before {
  content: "\f1c0";
}
.fa-share::before {
  content: "\f064";
}
.fa-mail-forward::before {
  content: "\f064";
}
.fa-bottle-droplet::before {
  content: "\e4c4";
}
.fa-mask-face::before {
  content: "\e1d7";
}
.fa-hill-rockslide::before {
  content: "\e508";
}
.fa-right-left::before {
  content: "\f362";
}
.fa-exchange-alt::before {
  content: "\f362";
}
.fa-paper-plane::before {
  content: "\f1d8";
}
.fa-road-circle-exclamation::before {
  content: "\e565";
}
.fa-dungeon::before {
  content: "\f6d9";
}
.fa-align-right::before {
  content: "\f038";
}
.fa-money-bill-1-wave::before {
  content: "\f53b";
}
.fa-money-bill-wave-alt::before {
  content: "\f53b";
}
.fa-life-ring::before {
  content: "\f1cd";
}
.fa-hands::before {
  content: "\f2a7";
}
.fa-sign-language::before {
  content: "\f2a7";
}
.fa-signing::before {
  content: "\f2a7";
}
.fa-calendar-day::before {
  content: "\f783";
}
.fa-water-ladder::before {
  content: "\f5c5";
}
.fa-ladder-water::before {
  content: "\f5c5";
}
.fa-swimming-pool::before {
  content: "\f5c5";
}
.fa-arrows-up-down::before {
  content: "\f07d";
}
.fa-arrows-v::before {
  content: "\f07d";
}
.fa-face-grimace::before {
  content: "\f57f";
}
.fa-grimace::before {
  content: "\f57f";
}
.fa-wheelchair-move::before {
  content: "\e2ce";
}
.fa-wheelchair-alt::before {
  content: "\e2ce";
}
.fa-turn-down::before {
  content: "\f3be";
}
.fa-level-down-alt::before {
  content: "\f3be";
}
.fa-person-walking-arrow-right::before {
  content: "\e552";
}
.fa-square-envelope::before {
  content: "\f199";
}
.fa-envelope-square::before {
  content: "\f199";
}
.fa-dice::before {
  content: "\f522";
}
.fa-bowling-ball::before {
  content: "\f436";
}
.fa-brain::before {
  content: "\f5dc";
}
.fa-bandage::before {
  content: "\f462";
}
.fa-band-aid::before {
  content: "\f462";
}
.fa-calendar-minus::before {
  content: "\f272";
}
.fa-circle-xmark::before {
  content: "\f057";
}
.fa-times-circle::before {
  content: "\f057";
}
.fa-xmark-circle::before {
  content: "\f057";
}
.fa-gifts::before {
  content: "\f79c";
}
.fa-hotel::before {
  content: "\f594";
}
.fa-earth-asia::before {
  content: "\f57e";
}
.fa-globe-asia::before {
  content: "\f57e";
}
.fa-id-card-clip::before {
  content: "\f47f";
}
.fa-id-card-alt::before {
  content: "\f47f";
}
.fa-magnifying-glass-plus::before {
  content: "\f00e";
}
.fa-search-plus::before {
  content: "\f00e";
}
.fa-thumbs-up::before {
  content: "\f164";
}
.fa-user-clock::before {
  content: "\f4fd";
}
.fa-hand-dots::before {
  content: "\f461";
}
.fa-allergies::before {
  content: "\f461";
}
.fa-file-invoice::before {
  content: "\f570";
}
.fa-window-minimize::before {
  content: "\f2d1";
}
.fa-mug-saucer::before {
  content: "\f0f4";
}
.fa-coffee::before {
  content: "\f0f4";
}
.fa-brush::before {
  content: "\f55d";
}
.fa-mask::before {
  content: "\f6fa";
}
.fa-magnifying-glass-minus::before {
  content: "\f010";
}
.fa-search-minus::before {
  content: "\f010";
}
.fa-ruler-vertical::before {
  content: "\f548";
}
.fa-user-large::before {
  content: "\f406";
}
.fa-user-alt::before {
  content: "\f406";
}
.fa-train-tram::before {
  content: "\e5b4";
}
.fa-user-nurse::before {
  content: "\f82f";
}
.fa-syringe::before {
  content: "\f48e";
}
.fa-cloud-sun::before {
  content: "\f6c4";
}
.fa-stopwatch-20::before {
  content: "\e06f";
}
.fa-square-full::before {
  content: "\f45c";
}
.fa-magnet::before {
  content: "\f076";
}
.fa-jar::before {
  content: "\e516";
}
.fa-note-sticky::before {
  content: "\f249";
}
.fa-sticky-note::before {
  content: "\f249";
}
.fa-bug-slash::before {
  content: "\e490";
}
.fa-arrow-up-from-water-pump::before {
  content: "\e4b6";
}
.fa-bone::before {
  content: "\f5d7";
}
.fa-user-injured::before {
  content: "\f728";
}
.fa-face-sad-tear::before {
  content: "\f5b4";
}
.fa-sad-tear::before {
  content: "\f5b4";
}
.fa-plane::before {
  content: "\f072";
}
.fa-tent-arrows-down::before {
  content: "\e581";
}
.fa-exclamation::before {
  content: "\!";
}
.fa-arrows-spin::before {
  content: "\e4bb";
}
.fa-print::before {
  content: "\f02f";
}
.fa-turkish-lira-sign::before {
  content: "\e2bb";
}
.fa-try::before {
  content: "\e2bb";
}
.fa-turkish-lira::before {
  content: "\e2bb";
}
.fa-dollar-sign::before {
  content: "\$";
}
.fa-dollar::before {
  content: "\$";
}
.fa-usd::before {
  content: "\$";
}
.fa-x::before {
  content: "X";
}
.fa-magnifying-glass-dollar::before {
  content: "\f688";
}
.fa-search-dollar::before {
  content: "\f688";
}
.fa-users-gear::before {
  content: "\f509";
}
.fa-users-cog::before {
  content: "\f509";
}
.fa-person-military-pointing::before {
  content: "\e54a";
}
.fa-building-columns::before {
  content: "\f19c";
}
.fa-bank::before {
  content: "\f19c";
}
.fa-institution::before {
  content: "\f19c";
}
.fa-museum::before {
  content: "\f19c";
}
.fa-university::before {
  content: "\f19c";
}
.fa-umbrella::before {
  content: "\f0e9";
}
.fa-trowel::before {
  content: "\e589";
}
.fa-d::before {
  content: "D";
}
.fa-stapler::before {
  content: "\e5af";
}
.fa-masks-theater::before {
  content: "\f630";
}
.fa-theater-masks::before {
  content: "\f630";
}
.fa-kip-sign::before {
  content: "\e1c4";
}
.fa-hand-point-left::before {
  content: "\f0a5";
}
.fa-handshake-simple::before {
  content: "\f4c6";
}
.fa-handshake-alt::before {
  content: "\f4c6";
}
.fa-jet-fighter::before {
  content: "\f0fb";
}
.fa-fighter-jet::before {
  content: "\f0fb";
}
.fa-square-share-nodes::before {
  content: "\f1e1";
}
.fa-share-alt-square::before {
  content: "\f1e1";
}
.fa-barcode::before {
  content: "\f02a";
}
.fa-plus-minus::before {
  content: "\e43c";
}
.fa-video::before {
  content: "\f03d";
}
.fa-video-camera::before {
  content: "\f03d";
}
.fa-graduation-cap::before {
  content: "\f19d";
}
.fa-mortar-board::before {
  content: "\f19d";
}
.fa-hand-holding-medical::before {
  content: "\e05c";
}
.fa-person-circle-check::before {
  content: "\e53e";
}
.fa-turn-up::before {
  content: "\f3bf";
}
.fa-level-up-alt::before {
  content: "\f3bf";
}
.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/webfonts/fa-solid-900-370bba3c04d5d177f9af8bcb796011e21509808f9a5369289328f89870dba0a0.woff2) format("woff2"), url(/assets/webfonts/fa-solid-900-3c7bf1859e32a508e8a6c4750a2e195eb283b77bba013bef0b93a44b11630e2f.ttf) format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/webfonts/fa-brands-400-4f44a163fb44be54c1a2d02d4637b7a6a39722e313b6569cb81f88a72d879663.woff2) format("woff2"), url(/assets/webfonts/fa-brands-400-03e2d94838db33a68d48642e65b9a0c20389c97e7eca5e1d3c5b9b1b6fce4e07.ttf) format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-aws:before {
  content: "\f375";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-pixiv:before {
  content: "\e640";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-stackpath:before {
  content: "\f842";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-modx:before {
  content: "\f285";
}
.fa-guilded:before {
  content: "\e07e";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-square-js:before {
  content: "\f3b9";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-orcid:before {
  content: "\f8d2";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-jxl:before {
  content: "\e67b";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-unity:before {
  content: "\e049";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-vk:before {
  content: "\f189";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-square-reddit:before {
  content: "\f1a2";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-square-font-awesome:before {
  content: "\e5ad";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-brave:before {
  content: "\e63c";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-square-instagram:before {
  content: "\e055";
}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-square-hacker-news:before {
  content: "\f3af";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-edge:before {
  content: "\f282";
}
.fa-threads:before {
  content: "\e618";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-square-snapchat:before {
  content: "\f2ad";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-safari:before {
  content: "\f267";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-square-font-awesome-stroke:before {
  content: "\f35c";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-square-viadeo:before {
  content: "\f2aa";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-centos:before {
  content: "\f789";
}
.fa-adn:before {
  content: "\f170";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-opensuse:before {
  content: "\e62b";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-square-dribbble:before {
  content: "\f397";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-node:before {
  content: "\f419";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-debian:before {
  content: "\e60b";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-instalod:before {
  content: "\e081";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-square-twitter:before {
  content: "\f081";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-golang:before {
  content: "\e40f";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-square-kickstarter:before {
  content: "\f3bb";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-uncharted:before {
  content: "\e084";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-square-youtube:before {
  content: "\f431";
}
.fa-youtube-square:before {
  content: "\f431";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-rendact:before {
  content: "\f3e4";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-nfc-directional:before {
  content: "\e530";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-meta:before {
  content: "\e49b";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-square-letterboxd:before {
  content: "\e62e";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-hips:before {
  content: "\f452";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-discord:before {
  content: "\f392";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-shoelace:before {
  content: "\e60c";
}
.fa-mdb:before {
  content: "\f8ca";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-unsplash:before {
  content: "\e07c";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-square-steam:before {
  content: "\f1b7";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-square-vimeo:before {
  content: "\f194";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-flag:before {
  content: "\f2b4";
}
.fa-font-awesome-logo-full:before {
  content: "\f2b4";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-apple:before {
  content: "\f179";
}
.fa-hive:before {
  content: "\e07f";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-padlet:before {
  content: "\e4a0";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-square-github:before {
  content: "\f092";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-shopify:before {
  content: "\e057";
}
.fa-neos:before {
  content: "\f612";
}
.fa-square-threads:before {
  content: "\e619";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-swift:before {
  content: "\f8e1";
}
.fa-angular:before {
  content: "\f420";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envira:before {
  content: "\f299";
}
.fa-google-scholar:before {
  content: "\e63b";
}
.fa-square-gitlab:before {
  content: "\e5ae";
}
.fa-gitlab-square:before {
  content: "\e5ae";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-square-odnoklassniki:before {
  content: "\f264";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-sith:before {
  content: "\f512";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-hashnode:before {
  content: "\e499";
}
.fa-react:before {
  content: "\f41b";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-gg:before {
  content: "\f260";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-square-pinterest:before {
  content: "\f0d3";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-xing:before {
  content: "\f168";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-less:before {
  content: "\f41d";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-signal-messenger:before {
  content: "\e663";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-dailymotion:before {
  content: "\e052";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-nfc-symbol:before {
  content: "\e531";
}
.fa-mintbit:before {
  content: "\e62f";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-brave-reverse:before {
  content: "\e63d";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-square-google-plus:before {
  content: "\f0d4";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-web-awesome:before {
  content: "\e682";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-square-xing:before {
  content: "\f169";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-fly:before {
  content: "\f417";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-viber:before {
  content: "\f409";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-letterboxd:before {
  content: "\e62d";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-audible:before {
  content: "\f373";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-bilibili:before {
  content: "\e3d9";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-x-twitter:before {
  content: "\e61b";
}
.fa-cotton-bureau:before {
  content: "\f89e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-42-group:before {
  content: "\e080";
}
.fa-innosoft:before {
  content: "\e080";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-square-pied-piper:before {
  content: "\e01e";
}
.fa-pied-piper-square:before {
  content: "\e01e";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-square-web-awesome-stroke:before {
  content: "\e684";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-square-facebook:before {
  content: "\f082";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-mixer:before {
  content: "\e056";
}
.fa-square-lastfm:before {
  content: "\f203";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-figma:before {
  content: "\f799";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-cmplid:before {
  content: "\e360";
}
.fa-upwork:before {
  content: "\e641";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-square-upwork:before {
  content: "\e67c";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-deezer:before {
  content: "\e077";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-docker:before {
  content: "\f395";
}
.fa-screenpal:before {
  content: "\e570";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-microblog:before {
  content: "\e01a";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-square-web-awesome:before {
  content: "\e683";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-wirsindhandwerk:before {
  content: "\e2d0";
}
.fa-wsh:before {
  content: "\e2d0";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-octopus-deploy:before {
  content: "\e082";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-apper:before {
  content: "\f371";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-bluesky:before {
  content: "\e671";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ab";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-rust:before {
  content: "\e07a";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-square-behance:before {
  content: "\f1b5";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-webflow:before {
  content: "\e65c";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-space-awesome:before {
  content: "\e5ac";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-square-git:before {
  content: "\f1d2";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-square-tumblr:before {
  content: "\f174";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-trello:before {
  content: "\f181";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-perbyte:before {
  content: "\e083";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-android:before {
  content: "\f17b";
}
.fa-bots:before {
  content: "\e340";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-ideal:before {
  content: "\e013";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-uber:before {
  content: "\f402";
}
.fa-github:before {
  content: "\f09b";
}
.fa-php:before {
  content: "\f457";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-firefox-browser:before {
  content: "\e007";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-stubber:before {
  content: "\e5c7";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f2c6";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-odysee:before {
  content: "\e5c6";
}
.fa-square-whatsapp:before {
  content: "\f40c";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-edge-legacy:before {
  content: "\e078";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f198";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-usb:before {
  content: "\f287";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-square-x-twitter:before {
  content: "\e61a";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f23a";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-sitrox:before {
  content: "\e44a";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-strava:before {
  content: "\f428";
}
.fa-ember:before {
  content: "\f423";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-wodu:before {
  content: "\e088";
}
.fa-google-pay:before {
  content: "\e079";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-zhihu:before {
  content: "\f63f";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-pix:before {
  content: "\e43a";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
/**
 * Tom Select Bootstrap 5
 */
/**
 * tom-select.css (v2.5.1)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid var(--bs-border-color);
  padding: 0.375rem 0.75rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: var(--bs-border-radius);
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc(0.375rem - 1px - 0) 0.75rem calc(0.375rem - 1px - 3px - 0);
}
.full .ts-control {
  background-color: var(--bs-body-bg);
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background: #efefef;
  color: #343a40;
  border: 0 solid #dee2e6;
  overflow: auto;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #0d6efd;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: rgb(134.5, 134.5, 134.5);
  background: white;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0px 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: calc(0.75rem + 5px);
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0px 4px 0px -2px !important;
}
.disabled .ts-control {
  opacity: 1;
  background-color: var(--bs-secondary-bg);
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: var(--bs-body-bg);
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 3px 0.75rem;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #6c757d;
  background: var(--bs-body-bg);
  cursor: default;
}
.ts-dropdown .active {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}
.ts-dropdown .active.create {
  color: var(--bs-body-color);
}
.ts-dropdown .create {
  color: rgba(52, 58, 64, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px 0.75rem;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(0.75rem - 5px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(0px, 0.75rem);
  right: max(var(--ts-pr-caret), 0.75rem);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}
.ts-wrapper .dropdown-header {
  position: relative;
  padding: 6px 0.75rem;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(var(--bs-body-bg), #d0d0d0, 85%);
  border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  color: #343a40;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid var(--bs-border-color);
  box-shadow: var(--bs-box-shadow-inset);
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 5px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #dee2e6;
  margin-left: 5px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #dee2e6;
  margin-right: 5px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: rgba(0, 0, 0, 0);
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}
:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}
.ts-control:not(.rtl) {
  padding-right: max(.75rem, 0px + 0px) !important;
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
  padding-left: max(.75rem, 0px + 0px) !important;
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
  position: relative;
}
.ts-dropdown,
.ts-control,
.ts-control input {
  color: #343a40;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: var(--bs-body-bg);
  cursor: text;
}
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.ts-dropdown,
.ts-dropdown.form-control,
.ts-dropdown.form-select {
  height: auto;
  padding: 0;
  z-index: 1000;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
  border-radius: 0.375rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ts-dropdown .optgroup-header {
  font-size: 0.875rem;
  line-height: 1.5;
}
.ts-dropdown .optgroup:first-child::before {
  display: none;
}
.ts-dropdown .optgroup::before {
  content: " ";
  display: block;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-border-color-translucent);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.ts-dropdown .create {
  padding-left: 0.75rem;
}
.ts-dropdown-content {
  padding: 5px 0;
}
.ts-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ts-control {
    transition: none;
  }
}
.ts-control {
  display: flex;
  align-items: center;
}
.focus .ts-control {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ts-control .item {
  display: flex;
  align-items: center;
}
.ts-control input::-moz-placeholder {
  color: #a7aeb8;
  color: var(--bs-secondary-color, #a7aeb8);
  opacity: 1;
}
.ts-control input::placeholder {
  color: #a7aeb8;
  color: var(--bs-secondary-color, #a7aeb8);
  opacity: 1;
}
.ts-wrapper.is-invalid,
.was-validated .invalid,
.was-validated :invalid + .ts-wrapper {
  border-color: var(--bs-form-invalid-color);
}
.ts-wrapper.is-invalid:not(.single),
.was-validated .invalid:not(.single),
.was-validated :invalid + .ts-wrapper:not(.single) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-invalid.single,
.was-validated .invalid.single,
.was-validated :invalid + .ts-wrapper.single {
  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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-invalid.focus .ts-control,
.was-validated .invalid.focus .ts-control,
.was-validated :invalid + .ts-wrapper.focus .ts-control {
  border-color: var(--bs-form-invalid-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-form-invalid-color), 0.25);
}
.ts-wrapper.is-valid,
.was-validated .valid,
.was-validated :valid + .ts-wrapper {
  border-color: var(--bs-form-valid-color);
}
.ts-wrapper.is-valid:not(.single),
.was-validated .valid:not(.single),
.was-validated :valid + .ts-wrapper:not(.single) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-valid.single,
.was-validated .valid.single,
.was-validated :valid + .ts-wrapper.single {
  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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-valid.focus .ts-control,
.was-validated .valid.focus .ts-control,
.was-validated :valid + .ts-wrapper.focus .ts-control {
  border-color: var(--bs-form-valid-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-form-valid-color), 0.25);
}
.ts-wrapper {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  display: flex;
}
.input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
}
.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
  font-size: 0.875rem;
}
.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
  padding-top: calc((1.5em + 0.5rem + var(--bs-border-width) * 2 - 1.3125rem - (var(--bs-border-width) + 1px) * 2) / 2) !important;
}
.ts-wrapper.multi.has-items .ts-control {
  padding-left: calc(0.75rem - 5px);
  --ts-pr-min: calc(0.75rem - 5px);
}
.ts-wrapper.multi .ts-control > div {
  border-radius: calc(var(--bs-border-radius) - 1px);
}
.input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
}
.ts-wrapper:not(.form-control, .form-select) {
  padding: 0;
  border: none;
  height: auto;
  box-shadow: none;
  background: none;
}
.ts-wrapper:not(.form-control, .form-select).single .ts-control {
  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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.ts-wrapper.form-select, .ts-wrapper.single {
  --ts-pr-caret: 2.25rem;
}
.ts-wrapper.form-control, .ts-wrapper.form-select {
  padding: 0 !important;
  height: auto;
  box-shadow: none;
  display: flex;
}
.ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control, .ts-wrapper.form-select .ts-control, .ts-wrapper.form-select.single.input-active .ts-control {
  border: none !important;
}
.ts-wrapper.form-control:not(.disabled) .ts-control, .ts-wrapper.form-control:not(.disabled).single.input-active .ts-control, .ts-wrapper.form-select:not(.disabled) .ts-control, .ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
  background: transparent !important;
}
.input-group > .ts-wrapper {
  flex-grow: 1;
  width: 1%;
}
.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .ts-wrapper:not(:last-child) > .ts-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-select .ts-dropdown,
.form-select .ts-control,
.form-select .ts-control input {
  color: var(--bs-body-color);
}
:root {
  --twin-sun-gray-50: #f9fafb;
  --twin-sun-gray-100: #f3f4f6;
  --twin-sun-gray-200: #e5e7eb;
  --twin-sun-gray-300: #d1d5db;
  --twin-sun-gray-400: #9ca3af;
  --twin-sun-gray-500: #6b7280;
  --twin-sun-gray-600: #4b5563;
  --twin-sun-gray-700: #2e3a4d;
  --twin-sun-gray-800: #202c3d;
  --twin-sun-gray-900: #141d30;
  --twin-sun-navy-50: #fafdff;
  --twin-sun-navy-100: #e7eaec;
  --twin-sun-navy-200: #b8c0c7;
  --twin-sun-navy-300: #71828f;
  --twin-sun-navy-400: #425869;
  --twin-sun-navy-500: #132e44;
  --twin-sun-navy-600: #11293d;
  --twin-sun-navy-700: #0d2030;
  --twin-sun-navy-800: #0a1722;
  --twin-sun-navy-900: #020507;
  --twin-sun-orange-50: #fff7ed;
  --twin-sun-orange-100: #ffedd5;
  --twin-sun-orange-200: #fed7aa;
  --twin-sun-orange-300: #fdba74;
  --twin-sun-orange-400: #fb923c;
  --twin-sun-orange-500: #ff660d;
  --twin-sun-orange-600: #ea580c;
  --twin-sun-orange-700: #c2410c;
  --twin-sun-orange-800: #9a3412;
  --twin-sun-orange-900: #7c2d12;
  --bg-950: #ffffff;
  --bg-900: #f8fafc;
  --bg-800: #f1f5f9;
  --bg-700: #e2e8f0;
  --bg-600: #cbd5e1;
  --bg-500: #94a3b8;
  --bg-400: #64748b;
  --border: #e2e8f0;
  --border-light: #f1f5f9;
  --border-hover: #cbd5e1;
  --text-primary: #1a1d23;
  --text-secondary: #5a6274;
  --text-muted: #5b6577;
  --accent: #1d4ed8;
  --accent-hover: #1e40af;
  --accent-glow: rgba(29, 78, 216, 0.15);
  --green: #16a34a;
  --green-bg: rgba(22, 163, 74, 0.1);
  --green-border: rgba(22, 163, 74, 0.25);
  --yellow: #d97706;
  --yellow-bg: rgba(217, 119, 6, 0.1);
  --yellow-border: rgba(217, 119, 6, 0.25);
  --orange: #ea580c;
  --orange-bg: rgba(234, 88, 12, 0.1);
  --orange-border: rgba(234, 88, 12, 0.25);
  --red: #dc2626;
  --red-bg: rgba(220, 38, 38, 0.1);
  --red-border: rgba(220, 38, 38, 0.25);
  --blue: #1e40af;
  --blue-bg: rgba(37, 99, 235, 0.1);
  --blue-border: rgba(37, 99, 235, 0.25);
  --purple: #6b21a8;
  --purple-bg: rgba(147, 51, 234, 0.1);
  --purple-border: rgba(147, 51, 234, 0.25);
  --cyan: #0e7490;
  --cyan-bg: rgba(8, 145, 178, 0.1);
  --gray: #334155;
  --gray-bg: rgba(100, 116, 139, 0.1);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-panel: -8px 0 30px rgba(0, 0, 0, 0.12);
  --sidebar-w: 64px;
  --panel-w: 520px;
  --topbar-h: 52px;
  --bg-hover: rgba(0, 0, 0, 0.04);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-13: 52px;
  --space-14: 56px;
  --space-15: 60px;
  --space-16: 64px;
  --space-17: 68px;
  --space-18: 72px;
  --space-19: 76px;
  --space-20: 80px;
  --font-display: "Sora", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --motion-fast: 100ms;
  --motion-base: 180ms;
  --motion-slow: 300ms;
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
html.dark {
  --bg-950: #080d16;
  --bg-900: #0c1220;
  --bg-800: #111827;
  --bg-700: #1a2332;
  --bg-600: #1f2d42;
  --bg-500: #263650;
  --bg-400: #2e4060;
  --border: #1e2d40;
  --border-light: #2a3d56;
  --border-hover: #3a5070;
  --text-primary: #e8edf4;
  --text-secondary: #8899ac;
  --text-muted: #566a80;
  --green: #34d399;
  --green-bg: rgba(52, 211, 153, 0.1);
  --green-border: rgba(52, 211, 153, 0.25);
  --yellow: #fbbf24;
  --yellow-bg: rgba(251, 191, 36, 0.1);
  --yellow-border: rgba(251, 191, 36, 0.25);
  --orange: #fb923c;
  --orange-bg: rgba(251, 146, 60, 0.1);
  --orange-border: rgba(251, 146, 60, 0.25);
  --red: #f87171;
  --red-bg: rgba(248, 113, 113, 0.1);
  --red-border: rgba(248, 113, 113, 0.25);
  --blue: #60a5fa;
  --blue-bg: rgba(96, 165, 250, 0.1);
  --blue-border: rgba(96, 165, 250, 0.25);
  --purple: #c084fc;
  --purple-bg: rgba(192, 132, 252, 0.1);
  --purple-border: rgba(192, 132, 252, 0.25);
  --cyan: #22d3ee;
  --cyan-bg: rgba(34, 211, 238, 0.1);
  --gray: #64748b;
  --gray-bg: rgba(100, 116, 139, 0.1);
  --bg-hover: rgba(255, 255, 255, 0.06);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
  --shadow-panel: -8px 0 30px rgba(0, 0, 0, 0.4);
}
.app-shell {
  display: flex;
  height: 100vh;
  overflow: hidden;
  background: #f8fafc;
  background: var(--bg-900);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.main {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
@media (max-width: 767px) {
  .main {
    overflow-y: auto;
  }
}
.page-content{
  flex: 1 1;
  min-height: 0px;
  overflow-y: auto;
}
.body--scroll-locked {
  overflow: hidden !important;
}
.ds-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
}
.ds-badge--green{
  background-color: rgba(22, 163, 74, 0.1);
  background-color: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.ds-badge--yellow{
  background-color: rgba(217, 119, 6, 0.1);
  background-color: var(--yellow-bg);
  color: #d97706;
  color: var(--yellow);
}
.ds-badge--blue{
  background-color: rgba(37, 99, 235, 0.1);
  background-color: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.ds-badge--red{
  background-color: rgba(220, 38, 38, 0.1);
  background-color: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.ds-badge--gray{
  background-color: rgba(100, 116, 139, 0.1);
  background-color: var(--gray-bg);
  color: #334155;
  color: var(--gray);
}
.ds-badge--orange{
  background-color: rgba(234, 88, 12, 0.1);
  background-color: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
}
.ds-badge--purple{
  background-color: rgba(147, 51, 234, 0.1);
  background-color: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
}
.ds-badge__dot{
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  background-color: currentColor;
}
.tag{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  border-radius: 0.25rem;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
}
.tag--space{
  background-color: rgba(147, 51, 234, 0.1);
  background-color: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
}
.tag--worker{
  background-color: rgba(37, 99, 235, 0.1);
  background-color: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.tag--cycle{
  background-color: rgba(234, 88, 12, 0.1);
  background-color: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
}
.tag--blocked{
  background-color: rgba(220, 38, 38, 0.1);
  background-color: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.tag--paused{
  background-color: rgba(217, 119, 6, 0.1);
  background-color: var(--yellow-bg);
  color: #d97706;
  color: var(--yellow);
}
.tag--cancelled{
  background-color: rgba(100, 116, 139, 0.1);
  background-color: var(--gray-bg);
  color: #334155;
  color: var(--gray);
}
.tag--auto-remediated{
  background-color: rgba(22, 163, 74, 0.1);
  background-color: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.btn-primary{
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  background-color: #1d4ed8;
  background-color: var(--accent);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-width: 0px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  text-decoration-line: none;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
@supports (color: rgb(0 0 0 / 0)){
.btn-primary{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.btn-primary svg{
  height: 14px;
  width: 14px;
}
.btn-primary:hover{
  background-color: #1e40af;
  background-color: var(--accent-hover);
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), -1px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 2px 8px rgba(59,130,246,0.3);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 8px rgba(59,130,246,0.3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.btn-primary:hover{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.btn-primary--sm{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  gap: 4px;
}
.btn-primary--sm svg{
  height: 12px;
  width: 12px;
}
@media (prefers-reduced-motion: reduce) {
  .btn-primary{
    transition-property: none;
  }
  .btn-primary:hover{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.btn-icon{
  height: 30px;
  width: 30px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  background-color: transparent;
  color: #5a6274;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.btn-icon svg{
  height: 14px;
  width: 14px;
}
.btn-icon:hover{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
  color: #1a1d23;
  color: var(--text-primary);
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.btn-sm{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  background-color: transparent;
  color: #5a6274;
  color: var(--text-secondary);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.btn-sm svg{
  height: 12px;
  width: 12px;
}
.btn-sm--warn{
  color: #d97706;
  color: var(--yellow);
  border-color: rgba(217, 119, 6, 0.25);
  border-color: var(--yellow-border);
}
.btn-sm--warn:hover{
  background-color: rgba(217, 119, 6, 0.1);
  background-color: var(--yellow-bg);
}
.btn-sm--danger{
  color: #dc2626;
  color: var(--red);
  border-color: rgba(220, 38, 38, 0.25);
  border-color: var(--red-border);
}
.btn-sm--danger:hover{
  background-color: rgba(220, 38, 38, 0.1);
  background-color: var(--red-bg);
}
.btn-sm--ok{
  color: #16a34a;
  color: var(--green);
  border-color: rgba(22, 163, 74, 0.25);
  border-color: var(--green-border);
}
.btn-sm--ok:hover{
  background-color: rgba(22, 163, 74, 0.1);
  background-color: var(--green-bg);
}
.btn-ghost{
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  background-color: transparent;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #5a6274;
  color: var(--text-secondary);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration-line: none;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.btn-ghost:hover{
  color: #1a1d23;
  color: var(--text-primary);
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.form-group {
  margin-bottom: 16px;
}
.form-label {
  display: block;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
.form-label .required {
  color: #dc2626;
  color: var(--red);
}
.form-label abbr[title=required] {
  color: #dc2626;
  color: var(--red);
  text-decoration: none;
}
.form-input,
.form-select {
  width: 100%;
  padding: 8px 12px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 13px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
  outline: none;
}
.form-input:focus,
.form-select:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 2px var(--accent-glow);
}
.form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23566a80' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
}
.form-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
}
.form-check input[type=checkbox] {
  accent-color: #1d4ed8;
  accent-color: var(--accent);
  width: 16px;
  height: 16px;
}
@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}
.spinner,
.infinite-scroll-spinner{
  position: relative;
  font-size: 0px;
  color: transparent;
  min-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner::before,
.infinite-scroll-spinner::before {
  content: "";
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-left-color: #1d4ed8;
  border-left-color: var(--accent);
  border-top-color: #1d4ed8;
  border-top-color: var(--accent);
  animation: spin 0.6s infinite linear;
}
.alarm-component{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 16px;
  flex: 1 1;
  width: 100%;
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.alarm-component:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component:hover{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.alarm-component__link{
  display: flex;
  flex-direction: column;
  height: 100%;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  width: 100%;
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__link{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__link:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__link:hover{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.alarm-component__name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__badge{
  display: inline-flex;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 9999px;
  margin-left: 8px;
}
.alarm-component__badge--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__badge--danger{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__badge--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__details{
  margin-bottom: 4px;
}
.alarm-component__arn{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  width: 100%;
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__arn{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.alarm-component__footer{
  margin-top: auto;
}
.alarm-component__time{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.alarm-component__time{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .alarm-component:hover{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .alarm-component__link{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__link{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__link:hover{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__link:hover{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__badge--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__badge--danger{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__badge--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__arn{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__arn{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .alarm-component__time{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .alarm-component__time{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.item-card {
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 12px 12px;
  padding: var(--space-3) var(--space-3);
  transition: border-color 180ms, background 180ms;
  transition: border-color var(--motion-base), background var(--motion-base);
}
.item-card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
  background: #cbd5e1;
  background: var(--bg-600);
}
.item-card--compact {
  padding: 8px 12px;
  padding: var(--space-2) var(--space-3);
}
.item-card--default {
  padding: 12px 12px;
  padding: var(--space-3) var(--space-3);
}
.item-card--expanded {
  padding: 16px 16px;
  padding: var(--space-4) var(--space-4);
}
.item-card--list {
  display: block;
  width: 100%;
}
.item-card--grid {
  display: flex;
  flex-direction: column;
}
.item-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  gap: var(--space-2);
  margin-bottom: 4px;
  margin-bottom: var(--space-1);
}
.item-card__status {
  margin-bottom: 8px;
  margin-bottom: var(--space-2);
}
.item-card__body {
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary);
  line-height: 1.4;
  margin-bottom: 8px;
  margin-bottom: var(--space-2);
}
.item-card__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--space-2);
  margin-top: 8px;
  margin-top: var(--space-2);
  flex-wrap: wrap;
}
.item-card__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  gap: var(--space-1);
  margin-top: 8px;
  margin-top: var(--space-2);
  flex-wrap: wrap;
}
.lifecycle-card{
  position: relative;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 12px 16px;
  padding: var(--space-3) var(--space-4);
  transition: border-color 180ms, background 180ms;
  transition: border-color var(--motion-base), background var(--motion-base);
  width: 100%;
}
.lifecycle-card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
  background: #cbd5e1;
  background: var(--bg-600);
}
.lifecycle-card--compact {
  padding: 8px 12px;
  padding: var(--space-2) var(--space-3);
}
.lifecycle-card--expanded {
  padding: 16px 16px;
  padding: var(--space-4) var(--space-4);
}
.lifecycle-card__header{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 4px;
}
.lifecycle-card__status-badge{
  flex-shrink: 0;
}
.lifecycle-card__title-group{
  display: flex;
  flex-direction: column;
  min-width: 0px;
}
.lifecycle-card__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}
.lifecycle-card__title a {
  color: #1d4ed8;
  color: var(--accent);
  text-decoration-line: none;
}
.lifecycle-card__title a:hover{
  text-decoration-line: underline;
}
.lifecycle-card__subtitle{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.lifecycle-card__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}
.lifecycle-card__meta-chip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 9999px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  background: #94a3b8;
  background: var(--bg-500);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #5b6577;
  color: var(--text-muted);
}
.lifecycle-card__meta-label{
  font-weight: 400;
  color: #5b6577;
  color: var(--text-muted);
}
.lifecycle-card__meta-value {
  color: var(--text);
}
.lifecycle-card__sparkline{
  margin-top: 8px;
}
.lifecycle-card__toggle{
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  cursor: pointer;
  border-width: 0px;
  padding: 0px;
  background: none;
  color: #5b6577;
  color: var(--text-muted);
}
.lifecycle-card__toggle:hover {
  color: var(--text);
}
.lifecycle-card__chevron{
  font-size: 0.75rem;
  line-height: 1rem;
  transition: transform 0.2s ease;
}
.lifecycle-card__detail{
  margin-top: 8px;
}
.lifecycle-card__actions{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
}
@media (min-width: 768px) {
  .lifecycle-card {
    max-width: 640px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lifecycle-card__chevron {
    transition: none;
  }
}
.character-counter{
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: right;
  margin-top: 4px;
  color: #5b6577;
  color: var(--text-muted);
}
.character-counter--warning {
  color: #d97706;
  color: var(--yellow);
}
.character-counter--danger {
  color: #dc2626;
  color: var(--red, #ef4444);
  font-weight: 600;
}
.charts-sparkline{
  width: 100%;
  max-height: 48px;
}
.charts-time-series{
  width: 100%;
}
.charts-time-series__filters{
  margin-bottom: 16px;
}
.charts-time-series__chart{
  width: 100%;
}
.continue{
  border-width: 1px;
  border-radius: 0.5rem;
  padding: 16px;
  margin-bottom: 16px;
  border-color: rgba(220, 38, 38, 0.25);
  border-color: var(--red-border);
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
}
.continue__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.continue__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  color: #dc2626;
  color: var(--red);
}
.continue__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 16px;
  color: #5b6577;
  color: var(--text-muted);
}
.continue__actions{
  display: flex;
  gap: 12px;
}
.continue__btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  border-width: 1px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.continue__btn--retry{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.continue__btn--retry{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
  }
}
.continue__btn--retry:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.continue__btn--retry:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.continue__btn--feedback {
  background: #ffffff;
  background: var(--bg-950);
  color: #dc2626;
  color: var(--red);
  border-color: rgba(220, 38, 38, 0.25);
  border-color: var(--red-border);
}
.continue__btn--feedback:hover {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
}
.continue__btn--submit{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.continue__btn--submit{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
  }
}
.continue__btn--submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.continue__btn--submit:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.continue__btn--cancel {
  background: #ffffff;
  background: var(--bg-950);
  color: #5b6577;
  color: var(--text-muted);
  border-color: #e2e8f0;
  border-color: var(--border);
}
.continue__btn--cancel:hover {
  background: #f1f5f9;
  background: var(--bg-800);
}
.continue__feedback-form{
  margin-top: 16px;
}
.continue__feedback-input{
  margin-bottom: 12px;
}
.continue__textarea{
  width: 100%;
  border-width: 1px;
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  resize: vertical;
  border-color: #e2e8f0;
  border-color: var(--border);
  background: #ffffff;
  background: var(--bg-950);
  color: #1a1d23;
  color: var(--text-primary);
}
.continue__feedback-actions{
  display: flex;
  gap: 8px;
}
.copy-btn{
  margin-left: 8px;
  padding: 4px;
  border-radius: 0.25rem;
}
.copy-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.copy-btn:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.copy-btn{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.copy-btn{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.copy-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.copy-btn:hover{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.copy-btn:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.copy-btn:disabled:hover{
  background-color: transparent;
}
.cost-breakdown__toggle{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
  background-color: transparent;
  border-width: 0px;
  cursor: pointer;
  padding: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.cost-breakdown__toggle:hover{
  color: #141d30;
  color: var(--twin-sun-gray-900);
}
.cost-breakdown__toggle-icon{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.cost-breakdown__toggle-icon--open{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cost-breakdown__toggle-label{
  flex: 1 1;
}
.cost-breakdown__toggle-total{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-breakdown__toggle-total{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.cost-breakdown__content{
  display: none;
}
.work-item-feedback__respawn-hint.cost-breakdown__content {
  display: none;
}
.feedback-report__modal.cost-breakdown__content {
  display: none;
}
.spec-list-item.cost-breakdown__content {
  display: none;
}
.cost-breakdown__content{
  margin-top: 8px;
}
.cost-breakdown__content--open{
  display: block;
}
.cost-breakdown__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cost-breakdown__table thead th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  padding-right: 12px;
}
.cost-breakdown__table tbody tr{
  border-top-width: 1px;
  border-color: #f3f4f6;
  border-color: var(--twin-sun-gray-100);
}
.cost-breakdown__table tbody td{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: 12px;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.cost-breakdown__model-name{
  font-weight: 500;
}
.cost-breakdown__model-cost{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-breakdown__model-cost{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.dark .cost-breakdown__toggle{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .cost-breakdown__toggle:hover{
  color: #f3f4f6;
  color: var(--twin-sun-gray-100);
}
.dark .cost-breakdown__toggle-icon{
  color: #6b7280;
  color: var(--twin-sun-gray-500);
}
.dark .cost-breakdown__toggle-total{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .cost-breakdown__toggle-total{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .cost-breakdown__table thead th{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.dark .cost-breakdown__table tbody tr{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .cost-breakdown__table tbody td{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .cost-breakdown__model-cost{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .cost-breakdown__model-cost{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.cost-summary--compact{
  display: inline-flex;
  align-items: center;
}
.cost-summary__total{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
}
.cost-summary__total--highlight{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-summary__total--highlight{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.cost-summary__models{
  margin-top: 16px;
}
.cost-summary__models-heading{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
  margin-bottom: 8px;
}
.cost-summary__models-table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cost-summary__models-table thead th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  padding-right: 12px;
}
.cost-summary__models-table tbody tr{
  border-top-width: 1px;
  border-color: #f3f4f6;
  border-color: var(--twin-sun-gray-100);
}
.cost-summary__models-table tbody td{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: 12px;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.cost-summary__model-name{
  font-weight: 500;
}
.cost-summary__model-cost{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-summary__model-cost{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.dark .cost-summary__total{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .cost-summary__total--highlight{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .cost-summary__total--highlight{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .cost-summary__models-heading{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .cost-summary__models-table thead th{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.dark .cost-summary__models-table tbody tr{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .cost-summary__models-table tbody td{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .cost-summary__model-cost{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .cost-summary__model-cost{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.details-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  gap: 12px;
}
.details-empty-state__icon {
  font-size: 32px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  line-height: 1;
}
.details-empty-state__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 15px;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  margin: 0;
}
.details-empty-state__description {
  font-size: 13px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  margin: 0;
  max-width: 260px;
  line-height: 1.5;
}
.details-empty-state__cta {
  margin-top: 4px;
}
.details-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f1f5f9;
  background: var(--bg-800, #111827);
  border-left: 1px solid #e2e8f0;
  border-left: 1px solid var(--border, #1e2d40);
}
.details-panel__head {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border, #1e2d40);
  gap: 10px;
  flex-shrink: 0;
}
.details-panel__close {
  flex-shrink: 0;
}
.details-panel__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 16px;
  font-weight: 700;
  flex: 1 1;
  letter-spacing: -0.01em;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.details-panel__badges {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.details-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-shrink: 0;
}
.details-panel__actions .btn-sm,
.details-panel__actions a,
.details-panel__actions button {
  white-space: nowrap;
}
.details-panel__tabs {
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border, #1e2d40);
  flex-shrink: 0;
}
.details-panel__body {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
  scrollbar-color: var(--bg-500, #263650) transparent;
}
.details-panel__body::-webkit-scrollbar {
  width: 5px;
}
.details-panel__body::-webkit-scrollbar-track {
  background: transparent;
}
.details-panel__body::-webkit-scrollbar-thumb {
  background: #94a3b8;
  background: var(--bg-500, #263650);
  border-radius: 3px;
}
.details-panel__footer {
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border, #1e2d40);
  padding: 12px 16px;
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .details-panel {
    transition: none;
  }
}
.panel-overlay {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: none;
}
.panel-overlay--active {
  display: block;
}
.detail-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: #f1f5f9;
  background: var(--bg-800, #111827);
  border-left: 1px solid #e2e8f0;
  border-left: 1px solid var(--border, #1e2d40);
  z-index: 50;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
}
.detail-panel > turbo-frame {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
}
.detail-panel--open {
  transform: translateX(0);
}
.detail-panel__empty {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  margin: 0;
}
@media (min-width: 768px) {
  .detail-panel {
    width: 520px;
    width: var(--panel-w);
  }
}
@media (prefers-reduced-motion: reduce) {
  .detail-panel {
    transition: none;
  }
  .stage-row--active .stage-row__icon {
    animation: none;
  }
}
.dsection {
  margin-bottom: 22px;
}
.dsection__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.dsection__title::after {
  content: "";
  flex: 1 1;
  height: 1px;
  background: #e2e8f0;
  background: var(--border, #1e2d40);
}
.dkv {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 6px 12px;
  gap: 6px 12px;
  font-size: 12px;
}
.dkv__k {
  color: #5b6577;
  color: var(--text-muted, #566a80);
}
.dkv__v {
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.dkv__v a {
  color: #1d4ed8;
  color: var(--accent, #3b82f6);
  text-decoration: none;
}
.dkv__v a:hover {
  text-decoration: underline;
}
.dkv__sub-label {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 10px;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  margin-top: 8px;
}
.dkv__sub-label:first-child {
  margin-top: 0;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 11px;
  font-weight: 600;
}
.badge--sm {
  font-size: 10px;
  padding: 1px 6px;
}
.badge--green {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg, rgba(52, 211, 153, 0.1));
  color: #16a34a;
  color: var(--green, #34d399);
}
.badge--yellow {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg, rgba(251, 191, 36, 0.1));
  color: #d97706;
  color: var(--yellow, #fbbf24);
}
.badge--blue {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg, rgba(96, 165, 250, 0.1));
  color: #1e40af;
  color: var(--blue, #60a5fa);
}
.badge--red {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg, rgba(248, 113, 113, 0.1));
  color: #dc2626;
  color: var(--red, #f87171);
}
.badge--gray {
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg, rgba(100, 116, 139, 0.1));
  color: #334155;
  color: var(--gray, #64748b);
}
.badge--orange {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg, rgba(251, 146, 60, 0.1));
  color: #ea580c;
  color: var(--orange, #fb923c);
}
.badge--purple {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg, rgba(192, 132, 252, 0.1));
  color: #6b21a8;
  color: var(--purple, #c084fc);
}
.badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.stage-tl {
  display: flex;
  flex-direction: column;
}
.stage-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  position: relative;
  cursor: pointer;
}
.stage-row:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 36px;
  bottom: -8px;
  width: 1px;
  background: #e2e8f0;
  background: var(--border, #1e2d40);
}
.stage-row__icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid #e2e8f0;
  border: 2px solid var(--border, #1e2d40);
  background: #f1f5f9;
  background: var(--bg-800, #111827);
  position: relative;
  z-index: 1;
}
.stage-row__icon svg,
.stage-row__icon i {
  width: 12px;
  height: 12px;
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
}
.stage-row--done .stage-row__icon {
  border-color: #16a34a;
  border-color: var(--green, #34d399);
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg, rgba(52, 211, 153, 0.1));
}
.stage-row--done .stage-row__icon svg,
.stage-row--done .stage-row__icon i {
  color: #16a34a;
  color: var(--green, #34d399);
}
.stage-row--active .stage-row__icon {
  border-color: #d97706;
  border-color: var(--yellow, #fbbf24);
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg, rgba(251, 191, 36, 0.1));
  animation: detail-panel-pulse 2s ease infinite;
}
.stage-row--active .stage-row__icon svg,
.stage-row--active .stage-row__icon i {
  color: #d97706;
  color: var(--yellow, #fbbf24);
}
.stage-row--selected {
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
  border-radius: 6px;
  border-radius: var(--radius-sm, 6px);
}
@keyframes detail-panel-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.3);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(251, 191, 36, 0);
  }
}
.stage-row__body {
  flex: 1 1;
  min-width: 0;
}
.stage-row__name {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.stage-row__meta {
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  display: flex;
  gap: 8px;
}
.log-preview {
  background: #ffffff;
  background: var(--bg-950, #060d16);
  border-radius: 10px;
  border-radius: var(--radius-md, 8px);
  padding: 10px 12px;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  line-height: 1.6;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  max-height: 130px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border, #1e2d40);
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
  scrollbar-color: var(--bg-500, #263650) transparent;
}
.log-line {
  display: flex;
  gap: 8px;
}
.log-time {
  color: #5b6577;
  color: var(--text-muted, #566a80);
  flex-shrink: 0;
  font-size: 10px;
}
.log-msg--tool {
  color: #1e40af;
  color: var(--blue, #60a5fa);
}
.log-msg--ok {
  color: #16a34a;
  color: var(--green, #34d399);
}
.log-msg--err {
  color: #dc2626;
  color: var(--red, #f87171);
}
.log-more {
  display: block;
  text-align: center;
  color: #1d4ed8;
  color: var(--accent, #3b82f6);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body, sans-serif);
  font-size: 11px;
  margin-top: 8px;
  cursor: pointer;
  text-decoration: none;
}
.log-more:hover {
  text-decoration: underline;
}
.pr-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
  border-radius: 6px;
  border-radius: var(--radius-sm, 6px);
  font-size: 12px;
  margin-bottom: 6px;
}
.pr-row__icon svg,
.pr-row__icon i {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.pr-row__link {
  color: #1d4ed8;
  color: var(--accent, #3b82f6);
  text-decoration: none;
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pr-row__link:hover {
  text-decoration: underline;
}
.repo-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
  border-radius: 5px;
  font-size: 12px;
  color: #1d4ed8;
  color: var(--accent, #3b82f6);
  margin: 0 6px 6px 0;
}
.repo-tag svg,
.repo-tag i {
  width: 13px;
  height: 13px;
  font-size: 13px;
}
.cost-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.cost-box {
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
  border-radius: 6px;
  border-radius: var(--radius-sm, 6px);
  padding: 10px 12px;
}
.cost-box__label {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 10px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.cost-box__val {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 18px;
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.cost-box__val--money {
  color: #16a34a;
  color: var(--green, #34d399);
}
.details-section {
  margin-bottom: 22px;
}
.details-section__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.details-section__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  gap: 6px;
}
.details-section__toggle::after {
  content: "";
  flex: 1 1;
  height: 1px;
  background: #e2e8f0;
  background: var(--border, #1e2d40);
  margin-left: 6px;
}
.details-section__toggle:hover {
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.details-section__toggle:focus-visible {
  outline: 2px solid #1d4ed8;
  outline: 2px solid var(--accent, #3b82f6);
  outline-offset: 2px;
  border-radius: 2px;
}
.details-section__chevron {
  font-size: 9px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.details-section__content--collapsed {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .details-section__chevron {
    transition: none;
  }
}
.work-item-feedback__field{
  margin-bottom: 12px;
}
.work-item-feedback__label{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.work-item-feedback__textarea{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 8px;
  border-color: #e2e8f0;
  border-color: var(--border);
  background: #ffffff;
  background: var(--bg-950);
  color: #1a1d23;
  color: var(--text-primary, #111827);
  resize: vertical;
}
.work-item-feedback__textarea:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-color: #6366f1;
  border-color: var(--color-primary, #6366f1);
}
.work-item-feedback__checkbox-row{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.work-item-feedback__checkbox{
  cursor: pointer;
}
.work-item-feedback__checkbox-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  color: #1a1d23;
  color: var(--text-primary, #111827);
}
.work-item-feedback__respawn-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 12px;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.work-item-feedback__respawn-hint.hidden {
  display: none;
}
.work-item-feedback__actions{
  margin-top: 12px;
}
.work-item-feedback__status{
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.work-item-feedback__status--success {
  color: #16a34a;
  color: var(--green, #16a34a);
}
.work-item-feedback__status--error {
  color: #dc2626;
  color: var(--red, #dc2626);
}
.hf-subsection{
  margin-bottom: 12px;
}
.hf-subsection__label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  letter-spacing: 0.04em;
}
.hf-subsection--collapsible summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.hf-subsection--collapsible summary::-webkit-details-marker {
  display: none;
}
.hf-subsection__label--toggle{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hf-subsection__label--toggle:hover {
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.hf-subsection__count{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
}
.hf-row{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.06));
}
.hf-row:last-child {
  border-bottom: none;
}
.hf-row--dismissed {
  opacity: 0.55;
}
.hf-row--processed {
  opacity: 0.75;
}
.hf-row__icon{
  flex-shrink: 0;
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  width: 14px;
  text-align: center;
}
.hf-row__body{
  flex: 1 1;
  min-width: 0px;
}
.hf-row__meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 0.125rem;
  margin-bottom: 0.125rem;
}
.hf-row__author{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.hf-row__time{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.hf-row__stage-ref{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  font-style: italic;
}
.hf-row__text{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.hf-row__actions{
  flex-shrink: 0;
}
.hf-row__dismiss-btn {
  white-space: nowrap;
}
.followup-tickets-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.followup-ticket-item{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.06));
}
.followup-ticket-item:last-child {
  border-bottom: none;
}
.followup-ticket-item__header{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}
.followup-ticket-item__link{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #6ab0f5;
  color: var(--text-link, #6ab0f5);
  text-decoration: underline;
}
.followup-ticket-item__link:hover {
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.followup-ticket-item__badge{
  font-size: 0.75rem;
  line-height: 1rem;
}
.followup-ticket-item__stage{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  font-style: italic;
}
.followup-ticket-item__rationale{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.auto-remediated-badge{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.auto-remediated-badge__link{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  text-decoration: underline;
}
.auto-remediated-badge__link:hover {
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.cap-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
}
.cap-tag--runtime {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg, rgba(96, 165, 250, 0.1));
  color: #1e40af;
  color: var(--blue, #60a5fa);
}
.cap-tag--tool {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg, rgba(52, 211, 153, 0.1));
  color: #16a34a;
  color: var(--green, #34d399);
}
.cap-tag--mcp {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg, rgba(192, 132, 252, 0.1));
  color: #6b21a8;
  color: var(--purple, #c084fc);
}
.cap-tag__icon {
  font-size: 10px;
}
.cap-group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}
.experiment-comparison{
  margin-bottom: 24px;
  padding: 16px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
}
.experiment-comparison__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-comparison__title i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__title i{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__work-item{
  margin-bottom: 16px;
  padding: 12px;
  background: #cbd5e1;
  background: var(--bg-600);
  border-radius: 0.25rem;
}
.experiment-comparison__jira-key{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  margin-right: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__jira-key{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__jira-summary{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__jira-summary{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__reveal{
  margin-bottom: 16px;
  text-align: center;
}
.experiment-comparison__revealed-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
  margin-left: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__revealed-label{
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
.experiment-comparison__variant{
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
.experiment-comparison__variant-header{
  padding: 12px;
  background: #cbd5e1;
  background: var(--bg-600);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.experiment-comparison__variant-header h4{
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-comparison__variant-body{
  padding: 12px;
}
.experiment-comparison__field{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.experiment-comparison__field:last-child{
  border-bottom-width: 0px;
}
.experiment-comparison__field-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__field-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__field-value{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-comparison__field-value a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__field-value a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__field-value a:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__field-value a:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__status-badge{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
}
.experiment-comparison__status-badge--done, .experiment-comparison__status-badge--completed{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__status-badge--done, .experiment-comparison__status-badge--completed{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__status-badge--in_progress, .experiment-comparison__status-badge--review, .experiment-comparison__status-badge--verify{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__status-badge--in_progress, .experiment-comparison__status-badge--review, .experiment-comparison__status-badge--verify{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__status-badge--queued, .experiment-comparison__status-badge--planning{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__status-badge--queued, .experiment-comparison__status-badge--planning{
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__status-badge--failed, .experiment-comparison__status-badge--cancelled, .experiment-comparison__status-badge--blocked{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__status-badge--failed, .experiment-comparison__status-badge--cancelled, .experiment-comparison__status-badge--blocked{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__stages{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.experiment-comparison__stage-details summary::-webkit-details-marker {
  display: none;
}
.experiment-comparison__stage-details summary::marker {
  display: none;
}
.experiment-comparison__stage-summary{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
}
.experiment-comparison__stage-summary:hover .experiment-comparison__stage-summary-count{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__stage-summary:hover .experiment-comparison__stage-summary-count{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__stage-summary-count{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-left: auto;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__stage-summary-count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__stage-chevron{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 0.75rem;
  line-height: 1rem;
  transition: transform 0.2s ease;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__stage-chevron{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
details[open] .experiment-comparison__stage-chevron {
  transform: rotate(180deg);
}
.experiment-comparison__stage-list{
  margin-top: 8px;
}
.experiment-comparison__stage-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.experiment-comparison__stage-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  background: #cbd5e1;
  background: var(--bg-600);
}
.experiment-comparison__stage-item--completed {
  border-left: 2px solid #22c55e;
}
.experiment-comparison__stage-item--in_progress, .experiment-comparison__stage-item--assigned {
  border-left: 2px solid #eab308;
}
.experiment-comparison__stage-item--failed {
  border-left: 2px solid #ef4444;
}
.experiment-comparison__stage-item--pending {
  border-left: 2px solid #6b7280;
}
.experiment-comparison__stage-name{
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-comparison__stage-status{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-comparison__stage-status{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-comparison__screenshots{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.experiment-comparison__screenshot-grid{
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
}
.experiment-comparison__screenshot-item{
  border-radius: 0.25rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
.experiment-comparison__screenshot-thumb{
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.experiment-dashboard{
  margin-bottom: 24px;
}
.experiment-dashboard__info{
  margin-bottom: 16px;
}
.experiment-dashboard__status-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.experiment-dashboard__status{
  display: inline-flex;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.experiment-dashboard__status--draft{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__status--draft{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__status--running{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__status--running{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__status--completed{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__status--completed{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__status--cancelled{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__status--cancelled{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__metric-type{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__metric-type{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__hypothesis{
  margin-bottom: 12px;
}
.experiment-dashboard__hypothesis h4{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__hypothesis h4{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__hypothesis p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__hypothesis p{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__description{
  margin-bottom: 12px;
}
.experiment-dashboard__description p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__description p{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 16px;
}
.experiment-dashboard__stat{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
}
.experiment-dashboard__stat-value{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-dashboard__stat-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-top: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__stat-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-dashboard__progress{
  display: flex;
  align-items: center;
  gap: 12px;
}
.experiment-dashboard__progress-bar{
  flex: 1 1;
  height: 8px;
  border-radius: 9999px;
  background: #cbd5e1;
  background: var(--bg-600);
}
.experiment-dashboard__progress-fill{
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  transition: width 0.3s ease;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__progress-fill{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }
}
.experiment-dashboard__progress-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-dashboard__progress-text{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-enroll{
  margin-bottom: 24px;
  padding: 16px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
}
.experiment-enroll__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-enroll__title i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-enroll__title i{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.experiment-enroll__field label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-enroll__field label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-enroll__input-row{
  display: flex;
  gap: 8px;
}
.experiment-enroll__input{
  flex: 1 1;
  padding: 8px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: #cbd5e1;
  background: var(--bg-600);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-enroll__input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-enroll__input:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.experiment-enroll__enrolled{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.experiment-enroll__enrolled-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-enroll__enrolled-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-enroll__enrolled-key{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  background: rgba(59, 130, 246, 0.1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-enroll__enrolled-key{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics{
  margin-bottom: 24px;
  padding: 16px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
}
.experiment-metrics__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-metrics__title i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__title i{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-collapse: collapse;
}
.experiment-metrics__table th{
  text-align: left;
  padding: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__table td{
  padding: 8px;
  color: #1a1d23;
  color: var(--text-primary);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.experiment-metrics__table tbody tr:last-child td{
  border-bottom-width: 0px;
}
.experiment-metrics__variant-name{
  font-weight: 500;
}
.experiment-metrics__type-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.experiment-metrics__type-badge--control{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__type-badge--control{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__type-badge--treatment{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__type-badge--treatment{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__wins{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__wins{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__losses{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__losses{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.experiment-metrics__win-rate-value{
  font-weight: 700;
}
.experiment-metrics__row--leading {
  background: rgba(52, 211, 153, 0.05);
}
.experiment-metrics__summary{
  margin-top: 16px;
  padding: 12px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background: rgba(250, 204, 21, 0.1);
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-metrics__summary i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-metrics__summary i{
    color: rgb(234 179 8 / var(--tw-text-opacity, 1));
  }
}
.experiment-rating{
  margin-bottom: 24px;
  padding: 16px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
}
.experiment-rating__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-rating__title i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__title i{
    color: rgb(234 179 8 / var(--tw-text-opacity, 1));
  }
}
.experiment-rating__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-rating__choices{
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.experiment-rating__choice{
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: relative;
  border: 2px solid #e2e8f0;
  border: 2px solid var(--border);
  background: #cbd5e1;
  background: var(--bg-600);
}
.experiment-rating__choice:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.experiment-rating__choice--selected{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  background: rgba(59, 130, 246, 0.1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__choice--selected{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.experiment-rating__radio{
  position: absolute;
  opacity: 0;
  inset: 0px;
  width: 100%;
  height: 100%;
}
.experiment-rating__choice-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-rating__choice-label i{
  margin-right: 4px;
}
.experiment-rating__notes{
  margin-bottom: 16px;
}
.experiment-rating__notes label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__notes label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-rating__notes textarea{
  width: 100%;
  padding: 12px;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #cbd5e1;
  background: var(--bg-600);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #1a1d23;
  color: var(--text-primary);
  resize: vertical;
}
.experiment-rating__notes textarea:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__notes textarea:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.experiment-rating__actions{
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.experiment-rating__confirmation{
  margin-top: 8px;
}
.experiment-rating__result{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-radius: 0.5rem;
  margin-bottom: 12px;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-rating__result i{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-rating__result i{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.experiment-rating__existing-notes{
  margin-bottom: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5a6274;
  color: var(--text-secondary);
}
.experiment-rating__existing-notes p{
  margin-top: 4px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-rating__edit-form{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
}
.feedback-report--hidden {
  visibility: hidden;
  pointer-events: none;
}
.feedback-report__button{
  position: fixed;
  right: 24px;
  z-index: 50;
  bottom: calc(1.5rem + 0px);
  bottom: calc(1.5rem + var(--mobile-nav-h));
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-radius: 9999px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__button{
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 1);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__button:hover{
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__modal{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  pointer-events: none;
}
.feedback-report__modal.hidden {
  display: none;
}
.feedback-report__modal-content{
  width: 100%;
  max-width: 28rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-content{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__modal-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-content:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__modal-content{
  border-radius: 0.75rem;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-content{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__modal-content:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-content:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__modal-content{
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}
.feedback-report__modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__modal-header:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-header:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__modal-title{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__modal-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-title:is(.dark *){
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__modal-close{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-close{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__modal-close:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-close:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__modal-close:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-close:hover:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__modal-close{
  cursor: pointer;
}
.feedback-report__modal-body{
  flex: 1 1;
  overflow-y: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.feedback-report__field-label{
  margin-bottom: 4px;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__field-label{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__field-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__field-label:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__textarea{
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__textarea:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__textarea{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__textarea:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea:is(.dark *){
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__textarea{
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__textarea:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea:is(.dark *){
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__textarea{
  resize: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.feedback-report__textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__textarea:focus{
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__checkbox-row{
  display: flex;
  align-items: center;
  gap: 8px;
}
.feedback-report__modal-footer{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-footer{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__modal-footer:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__modal-footer:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__submit-btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__submit-btn{
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__submit-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__submit-btn:hover{
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__submit-btn:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
.feedback-report__cancel-btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__cancel-btn{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__cancel-btn:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__cancel-btn:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__cancel-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__cancel-btn:hover{
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__cancel-btn:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__cancel-btn:hover:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__upload-zone{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-zone{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__upload-zone:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-zone:is(.dark *){
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.feedback-report__upload-zone{
  border-radius: 0.5rem;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-align: center;
}
.feedback-report__upload-zone:hover{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-zone:hover{
    border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__upload-zone:hover:is(.dark *){
  background-color: rgb(49 46 129 / 0.2);
}
.feedback-report__upload-icon{
  margin-bottom: 4px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__upload-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-text{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__upload-text:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-text:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__upload-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-hint{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__upload-hint:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__upload-hint:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__file-list{
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.feedback-report__file-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-item{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__file-item:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-item:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__file-item{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-item{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__file-item:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-item:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-report__file-item{
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.feedback-report__file-remove{
  margin-left: 8px;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-remove{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__file-remove:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__file-remove:hover{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__attachment-error{
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__attachment-error{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__attachment-error:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__attachment-error:is(.dark *){
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__status{
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}
.feedback-report__status--success{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__status--success{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__status--success:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__status--success:is(.dark *){
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__status--error{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__status--error{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.feedback-report__status--error:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report__status--error:is(.dark *){
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.flash-messages{
  position: fixed;
  top: 16px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  pointer-events: none;
  max-width: 640px;
}
@media (min-width: 768px) {
  .flash-messages{
    left: auto;
    right: 16px;
    align-items: flex-end;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 420px;
  }
}
.flash-message{
  pointer-events: auto;
  width: 100%;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 16px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.flash-message--notice, .flash-message--success{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.flash-message--notice, .flash-message--success{
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.flash-message--alert, .flash-message--error, .flash-message--danger{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.flash-message--alert, .flash-message--error, .flash-message--danger{
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.flash-message--warning{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.flash-message--warning{
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.flash-message--info{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.flash-message--info{
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.flash-message__content{
  display: flex;
  width: 100%;
  align-items: center;
}
.flash-message__icon{
  margin-right: 12px;
  flex-shrink: 0;
}
.flash-message__text{
  flex: 1 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.flash-message__close{
  margin-left: 12px;
  flex-shrink: 0;
  border-radius: 0.375rem;
  padding: 4px;
}
.flash-message__close:hover{
  background-color: rgb(0 0 0 / 0.1);
  --tw-bg-opacity: 0.1;
}
@supports (color: rgb(0 0 0 / 0)){
.flash-message__close:hover{
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
}
.flash-message__close:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}
.flash-message--notice .flash-message__close:focus, .flash-message--success .flash-message__close:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.flash-message--alert .flash-message__close:focus, .flash-message--error .flash-message__close:focus, .flash-message--danger .flash-message__close:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.flash-message--warning .flash-message__close:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.flash-message--info .flash-message__close:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dark .flash-message--notice, .dark .flash-message--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .flash-message--notice, .dark .flash-message--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
  }
}
.dark .flash-message--alert, .dark .flash-message--error, .dark .flash-message--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .flash-message--alert, .dark .flash-message--error, .dark .flash-message--danger{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.dark .flash-message--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .flash-message--warning{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
  }
}
.dark .flash-message--info{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .flash-message--info{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.attention-list{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.attention-list__tabs{
  display: flex;
  flex-direction: row;
  border-bottom-width: 1px;
  flex-shrink: 0;
  border-color: #e2e8f0;
  border-color: var(--border);
  background: #ffffff;
  background: var(--bg-950);
}
.attention-list__tab{
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-bottom-width: 2px;
  border-color: transparent;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  white-space: nowrap;
  color: #5b6577;
  color: var(--text-muted);
  background: transparent;
  outline: none;
}
.attention-list__tab:hover {
  color: #1a1d23;
  color: var(--text-primary);
  border-bottom-color: #cbd5e1;
  border-bottom-color: var(--border-hover);
}
.attention-list__tab--active {
  color: #1d4ed8;
  color: var(--accent);
  border-bottom-color: #1d4ed8;
  border-bottom-color: var(--accent);
}
.attention-list__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  background: #e2e8f0;
  background: var(--bg-700);
  color: #5a6274;
  color: var(--text-secondary);
}
.attention-list__badge--alert {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.attention-list__content{
  flex: 1 1;
  overflow-y: auto;
  min-height: 0px;
}
.attention-list__panel{
  display: none;
}
.work-item-feedback__respawn-hint.attention-list__panel {
  display: none;
}
.feedback-report__modal.attention-list__panel {
  display: none;
}
.spec-list-item.attention-list__panel {
  display: none;
}
.attention-list__panel--active{
  display: block;
}
.attention-list__empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #5b6577;
  color: var(--text-muted);
}
.attention-list__items{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.attention-list__item{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #f1f5f9;
  border-color: var(--border-light);
}
.attention-list__item:last-child{
  border-bottom-width: 0px;
}
.attention-list__item:hover {
  background: #f8fafc;
  background: var(--bg-900);
}
.attention-list__item-body{
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1 1;
  min-width: 0px;
}
.attention-list__item-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.attention-list__jira-key{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  flex-shrink: 0;
  color: #1d4ed8;
  color: var(--accent);
  text-decoration: none;
}
.attention-list__jira-key:hover {
  text-decoration: underline;
}
.attention-list__time{
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
  color: #5b6577;
  color: var(--text-muted);
}
.attention-list__title{
  font-size: 0.75rem;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #5a6274;
  color: var(--text-secondary);
}
.attention-list__dep-label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #1e40af;
  color: var(--blue);
  font-style: italic;
}
.attention-list__dot{
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
  margin-top: 4px;
}
.attention-list__dot--orange {
  background: #ea580c;
  background: var(--orange);
}
.attention-list__dot--purple {
  background: #6b21a8;
  background: var(--purple);
}
.attention-list__dot--red {
  background: #dc2626;
  background: var(--red);
}
.attention-list__dot--blue {
  background: #1e40af;
  background: var(--blue);
}
.attention-list__dot--gray {
  background: #5b6577;
  background: var(--text-muted);
}
@media (min-width: 768px) {
  .attention-list {
    border-left: 1px solid #e2e8f0;
    border-left: 1px solid var(--border);
  }
}
.flow-sankey-snapshot{
  position: relative;
  overflow: hidden;
  height: 100%;
  background: #ffffff;
  background: var(--bg-950);
}
.flow-sankey-snapshot__label{
  position: absolute;
  text-transform: uppercase;
  top: 12px;
  left: 16px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #5b6577;
  color: var(--text-muted);
  background: #ffffff;
  background: var(--bg-950);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  z-index: 1;
}
.flow-sankey-snapshot__chart{
  width: 100%;
  height: 100%;
  min-height: 320px;
}
.flow-sankey-snapshot__legend{
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 12px;
  left: 16px;
  gap: 16px;
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted);
  pointer-events: none;
}
.flow-sankey-snapshot__legend-item{
  display: flex;
  align-items: center;
  gap: 5px;
}
.flow-sankey-snapshot__legend-line {
  width: 20px;
  height: 3px;
  border-radius: 2px;
}
.flow-sankey-snapshot__legend-line--forward {
  background: #1d4ed8;
  background: var(--accent);
  opacity: 0.5;
}
.flow-sankey-snapshot__legend-line--rework {
  background: #dc2626;
  background: var(--red);
  opacity: 0.7;
}
.bottleneck-bar{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.bottleneck-bar__empty-state{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg);
  color: #334155;
  color: var(--gray);
}
.bottleneck-bar__row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0px;
}
.bottleneck-bar__label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  flex-shrink: 0;
  width: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.bottleneck-bar__track{
  flex: 1 1;
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  min-height: 24px;
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg);
}
@media (min-width: 768px) {
  .bottleneck-bar__track{
    min-height: 28px;
  }
}
.bottleneck-bar__fill{
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
  min-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .bottleneck-bar__fill{
    min-height: 28px;
  }
}
.bottleneck-bar__fill--green {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.bottleneck-bar__fill--red {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.bottleneck-bar__fill--blue {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.bottleneck-bar__fill--yellow {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
  color: #d97706;
  color: var(--yellow);
}
.bottleneck-bar__fill--orange {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
}
.bottleneck-bar__fill--purple {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
}
.bottleneck-bar__fill--gray {
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg);
  color: #334155;
  color: var(--gray);
}
.bottleneck-bar__fill--anomaly {
  background: rgba(220, 38, 38, 0.1) !important;
  background: var(--red-bg) !important;
  color: #dc2626 !important;
  color: var(--red) !important;
  font-weight: 600;
  outline: 2px solid #dc2626;
  outline: 2px solid var(--red);
  outline-offset: -2px;
}
.bottleneck-bar__count{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  flex-shrink: 0;
  --tw-numeric-spacing: tabular-nums;
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  width: 24px;
  text-align: right;
}
.bottleneck-bar__anomaly-icon{
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
}
.forms-fieldset{
  margin-bottom: 24px;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.forms-fieldset{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.forms-fieldset__legend{
  padding-left: 4px;
  padding-right: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.forms-fieldset__legend{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.forms-fieldset__description{
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.forms-fieldset__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .forms-fieldset{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .forms-fieldset__legend{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .forms-fieldset__legend{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .forms-fieldset__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .forms-fieldset__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.resource-form{
  width: 100%;
}
.resource-form__card{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.resource-form__content{
  padding: 24px;
}
.resource-form__error-summary{
  margin-bottom: 24px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  padding: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__error-summary{
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.resource-form__error-summary__heading{
  margin-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__error-summary__heading{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.resource-form__error-summary__list{
  list-style-position: inside;
  list-style-type: disc;
}
.resource-form__error-summary__list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.resource-form__error-summary__item{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__error-summary__item{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.resource-form__actions{
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.resource-form__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(16px * 0);
  margin-right: calc(16px * var(--tw-space-x-reverse));
  margin-left: calc(16px * calc(1 - 0));
  margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
.resource-form__actions__cancel{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__actions__cancel{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-form__actions__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__actions__cancel:hover{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__card{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .resource-form__error-summary{
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__error-summary{
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
    background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
  }
}
.dark .resource-form__error-summary__heading{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__error-summary__heading{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__error-summary__item{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__error-summary__item{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__actions__cancel{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__actions__cancel{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__actions__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__actions__cancel:hover{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.human-review{
  border-width: 1px;
  border-radius: 0.5rem;
  padding: 16px;
  margin-bottom: 16px;
  border-color: rgba(217, 119, 6, 0.25);
  border-color: var(--yellow-border);
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
}
.human-review__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.human-review__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  color: #d97706;
  color: var(--yellow);
}
.human-review__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 16px;
  color: #5b6577;
  color: var(--text-muted);
}
.human-review__prs{
  margin-bottom: 16px;
}
.human-review__prs-title{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #5b6577;
  color: var(--text-muted);
}
.human-review__pr-row{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.human-review__pr-link{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1a1d23;
  color: var(--text-primary);
  text-decoration: none;
}
.human-review__pr-link:hover {
  text-decoration: underline;
}
.human-review__actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.human-review__btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  border-width: 1px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.human-review__btn--approve{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--approve{
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
  }
}
.human-review__btn--approve:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--approve:hover{
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
  }
}
.human-review__btn--changes {
  background: #ffffff;
  background: var(--bg-950);
  color: #d97706;
  color: var(--yellow);
  border-color: rgba(217, 119, 6, 0.25);
  border-color: var(--yellow-border);
}
.human-review__btn--changes:hover {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
}
.human-review__btn--close{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--close{
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.human-review__btn--close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--close:hover{
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
  }
}
.human-review__btn--submit{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--submit{
    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.human-review__btn--submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.human-review__btn--submit:hover{
    background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
  }
}
.human-review__btn--cancel {
  background: #ffffff;
  background: var(--bg-950);
  color: #5b6577;
  color: var(--text-muted);
  border-color: #e2e8f0;
  border-color: var(--border);
}
.human-review__btn--cancel:hover {
  background: #f1f5f9;
  background: var(--bg-800);
}
.human-review__feedback-form{
  margin-top: 16px;
}
.human-review__feedback-input{
  margin-bottom: 12px;
}
.human-review__textarea{
  width: 100%;
  border-width: 1px;
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  resize: vertical;
  border-color: #e2e8f0;
  border-color: var(--border);
  background: #ffffff;
  background: var(--bg-950);
  color: #1a1d23;
  color: var(--text-primary);
}
.human-review__feedback-actions{
  display: flex;
  gap: 8px;
}
.infinite-scroll{
  display: contents;
}
.infinite-scroll__trigger{
  position: relative;
  top: -25vh;
  height: 40px;
  width: 100%;
  pointer-events: none;
}
.infinite-scroll__spinner{
  position: relative;
  font-size: 0px;
  color: transparent;
  min-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.infinite-scroll__spinner::before {
  content: "";
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-left-color: #1d4ed8;
  border-left-color: var(--accent);
  border-top-color: #1d4ed8;
  border-top-color: var(--accent);
  animation: spin 0.6s infinite linear;
}
.kanban {
  flex: 1 1;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 16px 12px;
  gap: 10px;
  transition: padding-right 0.3s ease;
}
.kanban--hidden {
  display: none;
}
.kanban--panel-open {
  padding-right: calc(520px + 12px);
  padding-right: calc(var(--panel-w, 520px) + 12px);
}
.kanban--list {
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.kanban--list .kanban__col {
  flex: none;
  width: 100%;
  min-width: 0;
  min-width: initial;
  max-height: none;
  max-height: initial;
}
.kanban--list .kanban__col-cards {
  overflow-y: visible;
  flex-direction: column;
}
.kanban--list .card {
  width: 100%;
}
.kanban__col {
  flex: 0 0 270px;
  min-width: 270px;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.kanban__col-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 10px;
  flex-shrink: 0;
}
.kanban__col-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.kanban__col-icon i {
  font-size: 12px;
}
.kanban__col-name {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.kanban__col-count {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  background: #cbd5e1;
  background: var(--bg-600, #1f2d42);
  padding: 1px 7px;
  border-radius: 10px;
}
.kanban__col-cards {
  flex: 1 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 2px 8px 2px;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
  scrollbar-color: var(--bg-500, #263650) transparent;
}
.kanban__col-cards::-webkit-scrollbar {
  width: 4px;
}
.kanban__col-cards::-webkit-scrollbar-track {
  background: transparent;
}
.kanban__col-cards::-webkit-scrollbar-thumb {
  background: #94a3b8;
  background: var(--bg-500, #263650);
  border-radius: 2px;
}
@media (max-width: 767px) {
  .kanban__col-cards {
    padding-bottom: 0px;
    padding-bottom: var(--mobile-nav-h);
  }
}
.kanban__empty {
  padding: 24px 12px;
  text-align: center;
  color: #5a6274;
  color: var(--text-secondary, #5a6274);
  font-size: 12px;
  border: 1px dashed #e2e8f0;
  border: 1px dashed var(--border, #1e2d40);
  border-radius: 10px;
  border-radius: var(--radius-md, 8px);
}
.kanban__col-cards:has(.card) .kanban__empty {
  display: none;
}
.col--gray .kanban__col-icon {
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg, rgba(100, 116, 139, 0.1));
  color: #334155;
  color: var(--gray, #64748b);
}
.col--purple .kanban__col-icon {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg, rgba(192, 132, 252, 0.1));
  color: #6b21a8;
  color: var(--purple, #c084fc);
}
.col--blue .kanban__col-icon {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg, rgba(96, 165, 250, 0.1));
  color: #1e40af;
  color: var(--blue, #60a5fa);
}
.col--orange .kanban__col-icon {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg, rgba(251, 146, 60, 0.1));
  color: #ea580c;
  color: var(--orange, #fb923c);
}
.col--yellow .kanban__col-icon {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg, rgba(251, 191, 36, 0.1));
  color: #d97706;
  color: var(--yellow, #fbbf24);
}
.col--green .kanban__col-icon {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg, rgba(52, 211, 153, 0.1));
  color: #16a34a;
  color: var(--green, #34d399);
}
.col--amber .kanban__col-icon {
  background: rgba(245, 158, 11, 0.1);
  background: var(--amber-bg, rgba(245, 158, 11, 0.1));
  color: #f59e0b;
  color: var(--amber, #f59e0b);
}
.col--done .card {
  opacity: 0.6;
}
.col--done .card:hover {
  opacity: 1;
}
@keyframes cardIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kanban__col-cards .card {
  animation: cardIn 0.2s ease both;
}
.kanban__col-cards .card:nth-child(1) {
  animation-delay: 0ms;
}
.kanban__col-cards .card:nth-child(2) {
  animation-delay: 40ms;
}
.kanban__col-cards .card:nth-child(3) {
  animation-delay: 80ms;
}
.kanban__col-cards .card:nth-child(4) {
  animation-delay: 120ms;
}
@media (prefers-reduced-motion: reduce) {
  .kanban__col-cards .card {
    animation: none;
  }
}
.card {
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border, #1e2d40);
  border-radius: 10px;
  border-radius: var(--radius-md, 8px);
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition, 0.2s cubic-bezier(0.4, 0, 0.2, 1));
  position: relative;
}
.card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover, #3a5070);
  background: #cbd5e1;
  background: var(--bg-600, #1f2d42);
  transform: translateY(-1px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card, 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15));
}
.card:focus-visible {
  outline: 2px solid #1d4ed8;
  outline: 2px solid var(--accent, #3b82f6);
  outline-offset: 2px;
  border-color: #1d4ed8;
  border-color: var(--accent, #3b82f6);
}
.card--hidden {
  display: none;
}
.card--selected {
  border-color: #1d4ed8;
  border-color: var(--accent, #3b82f6);
  box-shadow: 0 0 0 1px #1d4ed8, 0 0 12px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 1px var(--accent, #3b82f6), 0 0 12px var(--accent-glow, rgba(59, 130, 246, 0.15));
}
.card--blocked {
  border-left: 3px solid #dc2626;
  border-left: 3px solid var(--red, #f87171);
}
.card--human-review {
  border-left: 3px solid #f59e0b;
  border-left: 3px solid var(--amber, #f59e0b);
}
.card--paused {
  border-left: 3px solid #d97706;
  border-left: 3px solid var(--yellow, #fbbf24);
}
.card--cycle {
  border-left: 3px solid #ea580c;
  border-left: 3px solid var(--orange, #fb923c);
}
.card--cancelled {
  border-left: 3px solid #334155;
  border-left: 3px solid var(--gray, #64748b);
  opacity: 0.7;
}
.card--cancelled .card__key,
.card--cancelled .card__summary {
  color: #5b6577;
  color: var(--text-muted, #566a80);
}
.card--cancelled:hover {
  opacity: 1;
}
.card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.card__key {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 12px;
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
}
.card__cost {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  font-weight: 500;
}
.card__summary {
  font-size: 12px;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  line-height: 1.35;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card__scope-mismatch-reason {
  font-size: 11px;
  color: #92400e;
  color: var(--yellow-dark, #92400e);
  background-color: #fef3c7;
  background-color: var(--yellow-light, #fef3c7);
  border-radius: 3px;
  padding: 3px 6px;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card__meta {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.card__time {
  font-size: 10px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  margin-left: auto;
}
.progress-mini {
  height: 3px;
  background: #94a3b8;
  background: var(--bg-500, #263650);
  border-radius: 2px;
  margin-top: 8px;
  overflow: hidden;
}
.progress-mini__bar {
  height: 100%;
  border-radius: 2px;
  transition: width 0.4s ease;
  width: 0%;
}
.progress-mini__bar--green {
  background: #16a34a;
  background: var(--green, #34d399);
}
.progress-mini__bar--yellow {
  background: #d97706;
  background: var(--yellow, #fbbf24);
}
.progress-mini__bar--blue {
  background: #1d4ed8;
  background: var(--accent, #3b82f6);
}
.progress-mini__bar--w0 {
  width: 0%;
}
.progress-mini__bar--w10 {
  width: 10%;
}
.progress-mini__bar--w20 {
  width: 20%;
}
.progress-mini__bar--w30 {
  width: 30%;
}
.progress-mini__bar--w40 {
  width: 40%;
}
.progress-mini__bar--w50 {
  width: 50%;
}
.progress-mini__bar--w60 {
  width: 60%;
}
.progress-mini__bar--w70 {
  width: 70%;
}
.progress-mini__bar--w80 {
  width: 80%;
}
.progress-mini__bar--w90 {
  width: 90%;
}
.progress-mini__bar--w100 {
  width: 100%;
}
.pipeline-view {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.pipeline-content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.pipeline-list {
  flex: 1 1;
  overflow-y: auto;
  padding: 12px 16px;
}
@media (max-width: 767px) {
  .pipeline-list {
    padding-bottom: 0px;
    padding-bottom: var(--mobile-nav-h);
  }
}
.pipeline-list--hidden {
  display: none;
}
.pipeline-list__cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pipeline-list__card-item {
  cursor: pointer;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border, #1e2d40);
  border-radius: 10px;
  border-radius: var(--radius-md, 8px);
  padding: 12px;
  background: #f1f5f9;
  background: var(--bg-800, #131c29);
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition, 0.2s cubic-bezier(0.4, 0, 0.2, 1));
}
.pipeline-list__card-item:hover {
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
}
.pipeline-list__card-item:focus-visible {
  outline: 2px solid #1d4ed8;
  outline: 2px solid var(--accent, #3b82f6);
  outline-offset: -2px;
}
.pipeline-list__card-item.card--hidden {
  display: none;
}
.pipeline-list__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.pipeline-list__card-key {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-weight: 700;
  font-size: 13px;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  white-space: nowrap;
}
.pipeline-list__card-summary {
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
  margin: 0 0 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pipeline-list__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pipeline-list__card-time {
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  margin-left: auto;
}
.pipeline-list__table {
  display: none;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.pipeline-list__table th {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border, #1e2d40);
  position: sticky;
  top: 0;
  background: #f1f5f9;
  background: var(--bg-800, #131c29);
  z-index: 1;
}
.pipeline-list__row {
  cursor: pointer;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition, 0.2s cubic-bezier(0.4, 0, 0.2, 1));
}
.pipeline-list__row:hover {
  background: #e2e8f0;
  background: var(--bg-700, #1a2332);
}
.pipeline-list__row:focus-visible {
  outline: 2px solid #1d4ed8;
  outline: 2px solid var(--accent, #3b82f6);
  outline-offset: -2px;
}
.pipeline-list__row td {
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border, #1e2d40);
  color: #5a6274;
  color: var(--text-secondary, #8899ac);
}
.pipeline-list__row.card--hidden {
  display: none;
}
.pipeline-list__key {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary, #e8edf4);
  white-space: nowrap;
}
.pipeline-list__summary {
  max-width: 400px;
}
.pipeline-list__cost {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  color: #5b6577;
  color: var(--text-muted, #566a80);
  white-space: nowrap;
}
.pipeline-list__time {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted, #566a80);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .kanban {
    padding: 10px 8px;
    gap: 8px;
  }
  .kanban__col {
    flex: 0 0 260px;
    min-width: 260px;
  }
  .kanban--panel-open {
    padding-right: 8px;
  }
  .pipeline-list__cards {
    display: none;
  }
  .pipeline-list__table {
    display: table;
  }
}
.config-view{
  display: flex;
  height: 100%;
  flex-direction: column;
}
.config-view__header{
  width: 100%;
}
.config-view__body {
  display: flex;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}
.config-view__nav {
  width: 240px;
  flex-shrink: 0;
  background: #ffffff;
  background: var(--bg-950);
  border-right: 1px solid #e2e8f0;
  border-right: 1px solid var(--border);
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.config-view__nav-title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  padding: 0 12px;
  margin-bottom: 28px;
  letter-spacing: -0.01em;
}
.config-view__nav-heading {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5b6577;
  color: var(--text-muted);
  padding: 0 12px;
  margin-bottom: 12px;
}
.config-view__nav-group {
  margin-bottom: 24px;
}
.config-view__nav-spacer {
  flex: 1 1;
}
.config-view__nav-footer {
  padding: 0 4px;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
  padding-top: 16px;
}
.config-view__nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 450;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  position: relative;
}
.config-view__nav-link:hover {
  color: #1a1d23;
  color: var(--text-primary);
  background: #e2e8f0;
  background: var(--bg-700);
}
.config-view__nav-link--active {
  color: #1a1d23;
  color: var(--text-primary);
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow);
}
.config-view__nav-link--active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background: #1d4ed8;
  background: var(--accent);
  border-radius: 0 3px 3px 0;
}
.config-view__nav-link--logout {
  color: #5b6577;
  color: var(--text-muted);
}
.config-view__nav-link--logout:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.config-view__nav-link i {
  width: 16px;
  text-align: center;
  font-size: 14px;
  flex-shrink: 0;
}
.config-view__content {
  flex: 1 1;
  padding: 40px 48px;
  max-width: 840px;
  overflow-y: auto;
  background: #f1f5f9;
  background: var(--bg-800);
}
html.dark .config-view__content {
  background: #ffffff;
  background: var(--bg-950);
}
.config-view__content--full-width {
  max-width: none;
}
.config-view__panel {
  display: none;
}
.config-view__panel--active {
  display: block;
  animation: configViewFadeIn 250ms ease-out;
}
.config-view__panel--active .empty-state h3, .config-view__panel--active .empty-state p {
  color: #5a6274;
  color: var(--text-secondary);
}
@keyframes configViewFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .config-view__body {
    flex-direction: column;
  }
  .config-view__nav {
    width: 100%;
    height: auto;
    position: relative;
    padding: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    border-bottom: 1px solid var(--border);
  }
  .config-view__nav-title {
    margin-bottom: 12px;
    width: 100%;
  }
  .config-view__nav-heading {
    display: none;
  }
  .config-view__nav-group {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .config-view__nav-link--active::before {
    display: none;
  }
  .config-view__nav-spacer {
    display: none;
  }
  .config-view__nav-footer {
    border-top: none;
    padding-top: 0;
    margin-left: auto;
  }
  .config-view__content {
    padding: 24px 16px;
  }
}
.ledger-view{
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.ledger-view__header{
  flex-shrink: 0;
  margin-bottom: 8px;
}
.ledger-view__filters{
  flex-shrink: 0;
  margin-bottom: 12px;
}
.ledger-view__timeline{
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow-y: auto;
  gap: 16px;
  gap: var(--space-4);
  width: 100%;
}
@media (min-width: 768px) {
  .ledger-view__timeline {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ledger-view__empty{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
  padding-bottom: 48px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5b6577;
  color: var(--text-muted);
}
.ops-layout {
  --vitals-height: 112px;
  --rail-width: min(280px, 22vw);
  --footer-height: 160px;
  --header-height: 44px;
  display: grid;
  grid-template-rows: 112px 1fr 160px;
  grid-template-rows: var(--vitals-height) 1fr var(--footer-height);
  grid-template-columns: 1fr min(280px, 22vw);
  grid-template-columns: 1fr var(--rail-width);
  grid-template-areas: "vitals  vitals" "main    rail" "footer  footer";
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.ops-layout--with-header {
  grid-template-rows: var(--header-height) var(--vitals-height) 1fr var(--footer-height);
  grid-template-areas: "header  header" "vitals  vitals" "main    rail" "footer  footer";
}
.ops-layout__header {
  grid-area: header;
  min-width: 0;
  overflow: hidden;
}
.ops-layout__vitals {
  grid-area: vitals;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.ops-layout__main {
  grid-area: main;
  min-width: 0;
  overflow: hidden;
}
.ops-layout__rail {
  grid-area: rail;
  min-width: 0;
  overflow: hidden;
}
.ops-layout__footer {
  grid-area: footer;
  min-width: 0;
  overflow: hidden;
}
.ops-layout__sankey-desktop {
  display: block;
  height: 100%;
}
.ops-layout__bottleneck-mobile {
  display: none;
}
@media (max-width: 768px) {
  .ops-layout {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
    overflow: auto;
    gap: 12px;
    gap: var(--space-3);
  }
  .ops-layout__header {
    flex-shrink: 0;
  }
  .ops-layout__vitals {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-shrink: 0;
  }
  .ops-layout__main {
    flex: none;
    overflow: visible;
  }
  .ops-layout .ops-layout__sankey-desktop {
    display: none;
  }
  .ops-layout .ops-layout__bottleneck-mobile {
    display: block;
    padding: 12px 0;
    padding: var(--space-3) 0;
  }
  .ops-layout__rail {
    flex-shrink: 0;
  }
  .ops-layout__footer {
    flex-shrink: 0;
  }
}
@media (min-width: 1025px) {
  .ops-layout__vitals::after {
    content: "";
    position: absolute;
    right: var(--rail-width);
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e2e8f0;
    background: var(--border);
    pointer-events: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .ops-layout {
    --footer-height: 140px;
    grid-template-rows: auto 1fr 140px;
    grid-template-rows: auto 1fr var(--footer-height);
  }
  .ops-layout--with-header {
    grid-template-rows: var(--header-height) auto 1fr var(--footer-height);
  }
  .ops-layout__vitals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.page-header{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .page-header{
    flex-wrap: nowrap;
    align-items: center;
    gap: 0px;
    margin-bottom: 24px;
  }
}
.page-header__heading{
  flex: 1 1;
}
.page-header h1, .page-header__title {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1a1d23;
  color: var(--text-primary);
}
.page-header__subtitle {
  font-size: 14px;
  color: #5a6274;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-top: 4px;
}
.page-header__actions{
  display: flex;
  align-items: center;
}
.page-header__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.page-header__action-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.page-header__action-button{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.page-header__action-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.page-header__action-button:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.page-header__action-button {
  min-height: 44px;
}
@media (min-width: 768px) {
  .page-header__action-button {
    min-height: auto;
  }
}
.resource-workbench{
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
}
.bulk-action-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 0.5rem;
  padding: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.bulk-action-bar{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.bulk-action-bar__count{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.bulk-action-bar__count{
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  }
}
.bulk-action-bar__actions{
  display: flex;
  gap: 8px;
}
.dark .bulk-action-bar{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .bulk-action-bar{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
  }
}
.dark .bulk-action-bar__count{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .bulk-action-bar__count{
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.filter-chip-bar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.filter-chip-bar__group{
  display: flex;
  align-items: center;
  gap: 4px;
}
.filter-chip-bar__divider{
  margin-left: 4px;
  margin-right: 4px;
  height: 20px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.filter-chip-bar__divider{
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  }
}
.dark .filter-chip-bar__divider{
  background-color: #4b5563;
  background-color: var(--twin-sun-gray-600);
}
.filter-chip-bar__chip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 100px;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #5a6274;
  color: var(--text-secondary);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration-line: none;
  cursor: pointer;
}
.filter-chip-bar__chip:hover {
  background: rgba(0, 0, 0, 0.04);
  background: var(--bg-hover);
  color: #1a1d23;
  color: var(--text-primary);
  text-decoration-line: none;
}
.dark .filter-chip-bar__chip {
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
}
.dark .filter-chip-bar__chip:hover {
  background: rgba(0, 0, 0, 0.04);
  background: var(--bg-hover);
  color: #1a1d23;
  color: var(--text-primary);
}
.filter-chip-bar__chip--active{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.filter-chip-bar__chip--active{
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  }
}
.filter-chip-bar__chip--active:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.filter-chip-bar__chip--active:hover{
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.dark .filter-chip-bar__chip--active{
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .filter-chip-bar__chip--active{
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.dark .filter-chip-bar__chip--active:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .filter-chip-bar__chip--active:hover{
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
}
:root {
  --mobile-nav-h: 0px;
}
@media (max-width: 767px) {
  :root {
    --mobile-nav-h: calc(60px + env(safe-area-inset-bottom));
  }
}
.mobile-tabs {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding-bottom: env(safe-area-inset-bottom);
  background: #ffffff;
  background: var(--bg-950);
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
  z-index: 200;
  align-items: stretch;
}
@media (min-width: 768px) {
  .mobile-tabs {
    display: none;
  }
}
.mobile-tabs__item {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 9px;
  font-weight: 500;
  color: #5b6577;
  color: var(--text-muted);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 4px;
  transition: color 0.2s ease;
}
.mobile-tabs__item i {
  font-size: 20px;
  flex-shrink: 0;
  width: 20px;
  text-align: center;
}
.mobile-tabs__item:hover {
  color: #5a6274;
  color: var(--text-secondary);
}
.mobile-tabs__item--active {
  color: #1d4ed8;
  color: var(--accent);
}
@media (max-width: 767px) {
  .main {
    padding-bottom: 0px;
    padding-bottom: var(--mobile-nav-h);
  }
}
.mobile-drawer-overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 150;
  opacity: 0;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.mobile-drawer-overlay--open {
  visibility: visible;
  opacity: 1;
}
.mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 280px;
  background: #f1f5f9;
  background: var(--bg-800);
  border-left: 1px solid #e2e8f0;
  border-left: 1px solid var(--border);
  z-index: 151;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.mobile-drawer--open {
  transform: translateX(0);
}
.mobile-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.mobile-drawer__logo {
  height: 28px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  border-radius: 6px;
  color: #5b6577;
  color: var(--text-muted);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.mobile-drawer__close i {
  font-size: 18px;
  width: 18px;
  text-align: center;
}
.mobile-drawer__close:hover {
  background: #e2e8f0;
  background: var(--bg-700);
  color: #5a6274;
  color: var(--text-secondary);
}
.mobile-drawer__items {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  flex: 1 1;
}
.mobile-drawer__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.mobile-drawer__item i {
  font-size: 18px;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
  color: #5b6577;
  color: var(--text-muted);
  transition: color 0.15s ease;
}
.mobile-drawer__item:hover {
  background: #e2e8f0;
  background: var(--bg-700);
  color: #1a1d23;
  color: var(--text-primary);
}
.mobile-drawer__item:hover i {
  color: #5a6274;
  color: var(--text-secondary);
}
.mobile-drawer__item--active {
  color: #1d4ed8;
  color: var(--accent);
}
.mobile-drawer__item--active i {
  color: #1d4ed8;
  color: var(--accent);
}
.mobile-drawer__item--logout {
  color: #dc2626;
  color: var(--red, #f87171);
}
.mobile-drawer__item--logout i {
  color: #dc2626;
  color: var(--red, #f87171);
}
.mobile-drawer__item--logout:hover {
  background: rgba(248, 113, 113, 0.1);
  color: #dc2626;
  color: var(--red, #f87171);
}
.mobile-drawer__sep {
  height: 1px;
  background: #e2e8f0;
  background: var(--border);
  margin: 6px 16px;
}
@media (prefers-reduced-motion: reduce) {
  .mobile-tabs__item,
  .mobile-drawer-overlay,
  .mobile-drawer,
  .mobile-drawer__close,
  .mobile-drawer__item,
  .mobile-drawer__item i {
    transition: none;
  }
}
.modal{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.6);
  align-items: flex-end;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (prefers-reduced-motion: no-preference) {
  .modal {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
}
@media (min-width: 768px) {
  .modal{
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.modal__backdrop{
  position: fixed;
  inset: 0px;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.modal__content{
  position: relative;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: left;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 100%;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #1a1d23;
  color: var(--text-primary);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  border-radius: 14px 14px 0 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  max-height: 85vh;
}
@media (min-width: 768px) {
  .modal__content {
    margin: 0 auto;
    width: 500px;
    max-width: 95vw;
    max-height: 90vh;
    border-radius: 14px;
    border-radius: var(--radius-lg);
  }
  .modal.modal-lg .modal__content {
    width: 640px;
  }
}
.modal.modal-enter-active{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
}
.modal.modal-enter-active .modal__backdrop{
  opacity: 0;
}
.modal.modal-enter-active .modal__content{
  opacity: 0;
  --tw-translate-y: 16px;
  transform: translate(var(--tw-translate-x), 16px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px){
  .modal.modal-enter-active .modal__content{
    --tw-translate-y: 0px;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.modal.modal-enter-to .modal__backdrop{
  opacity: 1;
}
.modal.modal-enter-to .modal__content{
  opacity: 1;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px){
  .modal.modal-enter-to .modal__content{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.modal.modal-leave-active{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 200ms;
}
.modal.modal-leave-active .modal__backdrop{
  opacity: 1;
}
.modal.modal-leave-active .modal__content{
  opacity: 1;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px){
  .modal.modal-leave-active .modal__content{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.modal.modal-leave-to .modal__backdrop{
  opacity: 0;
}
.modal.modal-leave-to .modal__content{
  opacity: 0;
  --tw-translate-y: 16px;
  transform: translate(var(--tw-translate-x), 16px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px){
  .modal.modal-leave-to .modal__content{
    --tw-translate-y: 0px;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.ops-strip {
  display: flex;
  flex-direction: row;
  gap: 16px;
  gap: var(--space-4);
  height: 100%;
  padding: 12px 16px;
  padding: var(--space-3) var(--space-4);
  background-color: #f8fafc;
  background-color: var(--bg-900);
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
  overflow: hidden;
}
.ops-strip__shipped, .ops-strip__failed {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  gap: var(--space-2);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e2e8f0 transparent;
  scrollbar-color: var(--border) transparent;
}
.ops-strip__shipped {
  border-right: 1px solid #e2e8f0;
  border-right: 1px solid var(--border);
  padding-right: 16px;
  padding-right: var(--space-4);
}
.ops-strip__heading {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--space-2);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6577;
  color: var(--text-muted);
  margin: 0 0 4px;
  margin: 0 0 var(--space-1);
}
.ops-strip__heading-icon {
  font-size: 0.75rem;
}
.ops-strip__heading-icon--shipped {
  color: #16a34a;
  color: var(--green);
}
.ops-strip__heading-icon--failed {
  color: #dc2626;
  color: var(--red);
}
.ops-strip__row {
  display: flex;
  align-items: center;
  gap: 8px;
  gap: var(--space-2);
  font-size: 0.75rem;
  color: #5a6274;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  padding: 4px 0;
  padding: var(--space-1) 0;
}
.ops-strip__row-icon {
  flex-shrink: 0;
  font-size: 0.7rem;
}
.ops-strip__row-icon--shipped {
  color: #16a34a;
  color: var(--green);
}
.ops-strip__row-icon--failed {
  color: #dc2626;
  color: var(--red);
}
.ops-strip__jira-key {
  flex-shrink: 0;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: #1d4ed8;
  color: var(--accent);
  font-weight: 500;
}
.ops-strip__summary {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1a1d23;
  color: var(--text-primary);
}
.ops-strip__time-ago {
  flex-shrink: 0;
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.68rem;
}
.ops-strip__empty {
  font-size: 0.73rem;
  color: #5b6577;
  color: var(--text-muted);
  font-style: italic;
  padding: 4px 0;
  padding: var(--space-1) 0;
}
@media (max-width: 767px) {
  .ops-strip {
    flex-direction: column;
    overflow-y: auto;
    height: auto;
  }
  .ops-strip__shipped {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    border-bottom: 1px solid var(--border);
    padding-right: 0;
    padding-bottom: 12px;
    padding-bottom: var(--space-3);
  }
}
.pagination{
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination .btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pagination .btn{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.pagination .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pagination .btn:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.pagination .btn{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.pagination .btn.disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination .btn.disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pagination .btn.disabled:hover{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.dark .pagination .btn{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pagination .btn{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .pagination .btn:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .pagination .btn.disabled:hover{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.cost-trends-dashboard{
  margin-bottom: 24px;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.5rem;
  padding: 16px;
  background-color: #e2e8f0;
  background-color: var(--bg-700);
}
.cost-trends-dashboard__header{
  margin-bottom: 16px;
}
.cost-trends-dashboard__title{
  font-weight: "Sora", sans-serif;
  font-weight: var(--font-display);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 12px;
}
.cost-trends-dashboard__filters{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.cost-trends-dashboard__filter-group{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cost-trends-dashboard__filter-label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.cost-trends-dashboard__space-pills,
.cost-trends-dashboard__period-pills{
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}
.cost-trends-dashboard__pill{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration-line: none;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.cost-trends-dashboard__pill:hover{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
  color: #1a1d23;
  color: var(--text-primary);
}
.cost-trends-dashboard__pill--active{
  background-color: #1d4ed8;
  background-color: var(--accent);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-trends-dashboard__pill--active{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.cost-trends-dashboard__custom-details{
  position: relative;
}
.cost-trends-dashboard__custom-details--open summary{
  background-color: #1d4ed8;
  background-color: var(--accent);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
@supports (color: rgb(0 0 0 / 0)){
.cost-trends-dashboard__custom-details--open summary{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.cost-trends-dashboard__custom-form{
  position: absolute;
  top: 100%;
  left: 0px;
  margin-top: 4px;
  padding: 12px;
  background-color: #cbd5e1;
  background-color: var(--bg-600);
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.cost-trends-dashboard__custom-label{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.cost-trends-dashboard__date-input{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  background-color: #e2e8f0;
  background-color: var(--bg-700);
  color: #1a1d23;
  color: var(--text-primary);
}
.cost-trends-dashboard__stat-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cost-trends-dashboard__stat-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.cost-trends-dashboard__stat-card{
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  padding: 12px;
  background-color: #f1f5f9;
  background-color: var(--bg-800);
}
.cost-trends-dashboard__stat-label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.cost-trends-dashboard__stat-value{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.cost-trends-dashboard__stat-value--highlight{
  color: var(--warning);
}
.cost-trends-dashboard__chart-section{
  margin-bottom: 16px;
}
.cost-trends-dashboard__chart-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.cost-trends-dashboard__section-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.cost-trends-dashboard__legend{
  display: flex;
  gap: 12px;
}
.cost-trends-dashboard__legend-item{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.cost-trends-dashboard__legend-swatch{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0.125rem;
}
.cost-trends-dashboard__legend-swatch--impl{
  background-color: #1d4ed8;
  background-color: var(--accent);
}
.cost-trends-dashboard__legend-swatch--rework{
  background-color: var(--warning);
}
.cost-trends-dashboard__chart-container{
  width: 100%;
  height: 10rem;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  background-color: #f1f5f9;
  background-color: var(--bg-800);
  padding: 8px;
}
.cost-trends-chart__svg{
  width: 100%;
  height: 100%;
}
.cost-trends-chart__bar--impl {
  fill: #1d4ed8;
  fill: var(--accent);
}
.cost-trends-chart__bar--rework {
  fill: var(--warning);
}
.cost-trends-dashboard__chart-labels{
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
}
.cost-trends-dashboard__breakdown-section{
  margin-top: 16px;
}
.cost-trends-dashboard__table-wrapper{
  overflow-x: auto;
  margin-top: 8px;
}
.cost-trends-dashboard__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cost-trends-dashboard__table th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
}
.cost-trends-dashboard__table td{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
}
.cost-trends-dashboard__table tbody tr:hover td{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
}
.cost-trends-dashboard__table-num{
  text-align: right;
}
.cost-trends-dashboard__table-num--rework{
  color: var(--warning);
  font-weight: 500;
}
.cost-trends-dashboard__empty{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #5b6577;
  color: var(--text-muted);
}
.cost-trends-dashboard__empty i{
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 8px;
}
.cost-trends-dashboard__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.design-review-dashboard{
  margin-bottom: 24px;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.5rem;
  padding: 16px;
  background-color: #e2e8f0;
  background-color: var(--bg-700);
}
.design-review-dashboard__title{
  font-weight: "Sora", sans-serif;
  font-weight: var(--font-display);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 12px;
}
.design-review-dashboard__table-wrapper{
  overflow-x: auto;
}
.design-review-dashboard__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.design-review-dashboard__table th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
}
.design-review-dashboard__table td{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
}
.design-review-dashboard__table tbody tr:hover td{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
}
.design-review-dashboard__metric-header,
.design-review-dashboard__metric-label{
  color: #5b6577;
  color: var(--text-muted);
}
.design-review-dashboard__provider-header{
  color: #1d4ed8;
  color: var(--accent);
}
.design-review-dashboard__value{
  color: #1a1d23;
  color: var(--text-primary);
  font-weight: 500;
}
.design-review-dashboard__empty{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #5b6577;
  color: var(--text-muted);
}
.design-review-dashboard__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rework-cost-dashboard{
  margin-bottom: 24px;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.5rem;
  padding: 16px;
  background-color: #e2e8f0;
  background-color: var(--bg-700);
}
.rework-cost-dashboard__header{
  margin-bottom: 16px;
}
.rework-cost-dashboard__title{
  font-weight: "Sora", sans-serif;
  font-weight: var(--font-display);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 12px;
}
.rework-cost-dashboard__filters{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.rework-cost-dashboard__filter-group{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rework-cost-dashboard__filter-label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.rework-cost-dashboard__space-pills,
.rework-cost-dashboard__period-pills{
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}
.rework-cost-dashboard__pill{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration-line: none;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.rework-cost-dashboard__pill:hover{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
  color: #1a1d23;
  color: var(--text-primary);
}
.rework-cost-dashboard__pill--active{
  background-color: #1d4ed8;
  background-color: var(--accent);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
@supports (color: rgb(0 0 0 / 0)){
.rework-cost-dashboard__pill--active{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.rework-cost-dashboard__custom-details{
  position: relative;
}
.rework-cost-dashboard__custom-details--open summary{
  background-color: #1d4ed8;
  background-color: var(--accent);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
@supports (color: rgb(0 0 0 / 0)){
.rework-cost-dashboard__custom-details--open summary{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.rework-cost-dashboard__custom-form{
  position: absolute;
  top: 100%;
  left: 0px;
  margin-top: 4px;
  padding: 12px;
  background-color: #cbd5e1;
  background-color: var(--bg-600);
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.rework-cost-dashboard__custom-label{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.rework-cost-dashboard__date-input{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  background-color: #e2e8f0;
  background-color: var(--bg-700);
  color: #1a1d23;
  color: var(--text-primary);
}
.rework-cost-dashboard__stat-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .rework-cost-dashboard__stat-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rework-cost-dashboard__stat-card{
  border-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 0.25rem;
  padding: 12px;
  background-color: #f1f5f9;
  background-color: var(--bg-800);
}
.rework-cost-dashboard__stat-label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.rework-cost-dashboard__stat-value{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.rework-cost-dashboard__stat-value--highlight{
  color: var(--warning);
}
.rework-cost-dashboard__table-wrapper{
  overflow-x: auto;
}
.rework-cost-dashboard__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rework-cost-dashboard__table th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
}
.rework-cost-dashboard__table td{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
}
.rework-cost-dashboard__table tbody tr:hover td{
  background-color: #cbd5e1;
  background-color: var(--bg-600);
}
.rework-cost-dashboard__table-num{
  text-align: right;
}
.rework-cost-dashboard__table-num--rework{
  color: var(--warning);
  font-weight: 500;
}
.rework-cost-dashboard__link{
  color: #1d4ed8;
  color: var(--accent);
  font-weight: 500;
  text-decoration-line: none;
}
.rework-cost-dashboard__link:hover{
  text-decoration-line: underline;
}
.rework-cost-dashboard__summary{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 0.125rem;
}
.rework-cost-dashboard__empty{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #5b6577;
  color: var(--text-muted);
}
.rework-cost-dashboard__empty i{
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 8px;
}
.rework-cost-dashboard__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.topbar {
  flex-wrap: wrap;
  padding: 10px 12px;
  gap: 8px;
  height: auto;
  background: #f1f5f9;
  background: var(--bg-800);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .topbar {
    flex-wrap: nowrap;
    padding: 0 20px;
    gap: 14px;
    height: 52px;
    height: var(--topbar-h);
  }
}
.topbar__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -0.01em;
  color: #1a1d23;
  color: var(--text-primary);
}
.topbar__divider {
  display: none;
}
@media (min-width: 768px) {
  .topbar__divider {
    display: block;
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    background: var(--border);
    flex-shrink: 0;
  }
}
.topbar__spacer {
  flex: 1 1;
}
.space-filter {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.space-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  background: transparent;
  color: #5a6274;
  color: var(--text-secondary);
}
.space-pill:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
  color: #1a1d23;
  color: var(--text-primary);
  background: #e2e8f0;
  background: var(--bg-700);
}
.space-pill--active {
  background: #1d4ed8;
  background: var(--accent);
  border-color: #1d4ed8;
  border-color: var(--accent);
  color: white;
}
.space-pill--active:hover {
  background: #1e40af;
  background: var(--accent-hover);
  border-color: #1e40af;
  border-color: var(--accent-hover);
  color: white;
}
.space-pill__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.space-pill__count {
  background: rgba(255, 255, 255, 0.12);
  padding: 0 5px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 16px;
}
.worker-status {
  display: none;
}
@media (min-width: 768px) {
  .worker-status {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
    color: #5a6274;
    color: var(--text-secondary);
  }
}
.worker-status__item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.worker-status__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.worker-status__dot--working {
  background: #16a34a;
  background: var(--green);
  box-shadow: 0 0 6px rgba(52, 211, 153, 0.5);
}
.worker-status__dot--idle {
  background: #d97706;
  background: var(--yellow);
}
.worker-status__dot--offline {
  background: #334155;
  background: var(--gray);
}
.quick-stats {
  display: none;
}
@media (min-width: 768px) {
  .quick-stats {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 11px;
    color: #5b6577;
    color: var(--text-muted);
  }
}
.quick-stat {
  display: flex;
  align-items: center;
  gap: 4px;
}
.quick-stat__num {
  font-weight: 700;
  color: #5a6274;
  color: var(--text-secondary);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 11px;
}
.topbar__link {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.topbar__link:hover {
  color: #1a1d23;
  color: var(--text-primary);
  background: #e2e8f0;
  background: var(--bg-700);
}
.view-toggle {
  display: flex;
  align-items: center;
  background: #e2e8f0;
  background: var(--bg-700);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
.view-toggle__btn {
  padding: 5px 10px;
  background: transparent;
  border: none;
  color: #5b6577;
  color: var(--text-muted);
  cursor: pointer;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.view-toggle__btn:hover {
  color: #5a6274;
  color: var(--text-secondary);
  background: #cbd5e1;
  background: var(--bg-600);
}
.view-toggle__btn--active {
  background: #94a3b8;
  background: var(--bg-500);
  color: #1a1d23;
  color: var(--text-primary);
}
.topbar__link{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.topbar__link{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.topbar__link:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.topbar__link:hover{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.topbar__link i{
  font-size: 0.75rem;
  line-height: 1rem;
}
.plan-approval{
  border-width: 1px;
  border-radius: 0.5rem;
  padding: 16px;
  margin-bottom: 16px;
  border-color: rgba(217, 119, 6, 0.25);
  border-color: var(--yellow-border);
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
}
.plan-approval__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.plan-approval__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
  color: #d97706;
  color: var(--yellow);
}
.plan-approval__content{
  border-radius: 0.25rem;
  padding: 16px;
  margin-bottom: 16px;
  border-width: 1px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  max-height: 24rem;
  overflow-y: auto;
  background: #ffffff;
  background: var(--bg-950);
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #1a1d23;
  color: var(--text-primary);
}
.plan-approval__actions{
  display: flex;
  gap: 12px;
}
.plan-approval__btn{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  border-width: 1px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.plan-approval__btn--approve{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.plan-approval__btn--approve{
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
  }
}
.plan-approval__btn--approve:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.plan-approval__btn--approve:hover{
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
  }
}
.plan-approval__btn--changes {
  background: #ffffff;
  background: var(--bg-950);
  color: #d97706;
  color: var(--yellow);
  border-color: rgba(217, 119, 6, 0.25);
  border-color: var(--yellow-border);
}
.plan-approval__btn--changes:hover {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
}
.plan-approval__btn--submit{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.plan-approval__btn--submit{
    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.plan-approval__btn--submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.plan-approval__btn--submit:hover{
    background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
  }
}
.plan-approval__btn--cancel {
  background: #ffffff;
  background: var(--bg-950);
  color: #5b6577;
  color: var(--text-muted);
  border-color: #e2e8f0;
  border-color: var(--border);
}
.plan-approval__btn--cancel:hover {
  background: #f1f5f9;
  background: var(--bg-800);
}
.plan-approval__feedback-form{
  margin-top: 16px;
}
.plan-approval__feedback-input{
  margin-bottom: 12px;
}
.plan-approval__textarea{
  width: 100%;
  border-width: 1px;
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  resize: vertical;
  border-color: #e2e8f0;
  border-color: var(--border);
  background: #ffffff;
  background: var(--bg-950);
  color: #1a1d23;
  color: var(--text-primary);
}
.plan-approval__feedback-actions{
  display: flex;
  gap: 8px;
}
.progress-indicator__track{
  position: relative;
  width: 100%;
  height: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  border-radius: 9999px;
  overflow: hidden;
}
@supports (color: rgb(0 0 0 / 0)){
.progress-indicator__track{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
}
.dark .progress-indicator__track{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.remove-button{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.remove-button{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.remove-button:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.remove-button:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.remove-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 8px;
  border-radius: 0.25rem;
}
.remove-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.remove-button:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.sidebar {
  width: 64px;
  background: #ffffff;
  background: var(--bg-950);
  border-right: 1px solid #e2e8f0;
  border-right: 1px solid var(--border);
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  flex-shrink: 0;
  z-index: 100;
  height: 100vh;
  position: sticky;
  top: 0;
}
.sidebar__logo {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 20px;
  flex-shrink: 0;
  text-decoration: none;
}
.sidebar__logo img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sidebar__nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: 1 1;
  width: 100%;
  padding: 0 8px;
}
.sidebar__item {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #5b6577;
  color: var(--text-muted, #64748b);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  gap: 3px;
  position: relative;
}
.sidebar__item:hover {
  background: #e2e8f0;
  background: var(--bg-700, #e2e8f0);
  color: #5a6274;
  color: var(--text-secondary, #334155);
}
.sidebar__item--active {
  color: #1d4ed8;
  color: var(--accent, #3b82f6);
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow, rgba(59, 130, 246, 0.15));
}
.sidebar__item--active::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background: #1d4ed8;
  background: var(--accent, #3b82f6);
  border-radius: 0 2px 2px 0;
}
.sidebar__item i {
  font-size: 18px;
  flex-shrink: 0;
  width: 18px;
  text-align: center;
}
.sidebar__label {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}
.sidebar__sep {
  width: 24px;
  height: 1px;
  background: #e2e8f0;
  background: var(--border, #e2e8f0);
  margin: 8px 0;
}
.sidebar__build {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
  color: #5b6577;
  color: var(--text-muted, #64748b);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 56px;
  text-overflow: ellipsis;
}
.sidebar__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
}
.sidebar__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #94a3b8, #cbd5e1);
  background: linear-gradient(135deg, var(--bg-500, #94a3b8), var(--bg-600, #cbd5e1));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display, "Sora", sans-serif);
  font-size: 11px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary, #334155);
  cursor: pointer;
  margin-top: 6px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
.sidebar__avatar:hover {
  background: #64748b;
  background: var(--bg-400, #64748b);
  color: #1a1d23;
  color: var(--text-primary, #0f172a);
}
@media (min-width: 768px) {
  .sidebar {
    display: flex;
  }
}
.spec-filter-bar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__search{
  position: relative;
  flex: 1 1;
  min-width: 200px;
}
.spec-filter-bar__search-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__search-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__search-input{
  width: 100%;
  padding-left: 36px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__search-input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__search-input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__search-input:focus{
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__resource{
  flex-shrink: 0;
}
.spec-filter-bar__resource-select{
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.375rem;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__resource-select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__resource-select:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__resource-select:focus{
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__toggles{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.spec-filter-bar__toggle-group{
  display: flex;
  align-items: center;
  gap: 4px;
}
.spec-filter-bar__toggle-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-right: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__toggle-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__method-toggle{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__method-toggle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.spec-filter-bar__method-toggle--active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: transparent;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle--active{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__method-toggle--get.spec-filter-bar__method-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle--get.spec-filter-bar__method-toggle--active{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__method-toggle--post.spec-filter-bar__method-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle--post.spec-filter-bar__method-toggle--active{
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__method-toggle--patch.spec-filter-bar__method-toggle--active, .spec-filter-bar__method-toggle--put.spec-filter-bar__method-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle--patch.spec-filter-bar__method-toggle--active, .spec-filter-bar__method-toggle--put.spec-filter-bar__method-toggle--active{
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__method-toggle--delete.spec-filter-bar__method-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__method-toggle--delete.spec-filter-bar__method-toggle--active{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__status-toggle{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__status-toggle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.spec-filter-bar__status-toggle--active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  border-color: transparent;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle--active{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.spec-filter-bar__status-toggle--success.spec-filter-bar__status-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle--success.spec-filter-bar__status-toggle--active{
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__status-toggle--redirect.spec-filter-bar__status-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle--redirect.spec-filter-bar__status-toggle--active{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__status-toggle--client_error.spec-filter-bar__status-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle--client_error.spec-filter-bar__status-toggle--active{
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
  }
}
.spec-filter-bar__status-toggle--server_error.spec-filter-bar__status-toggle--active{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-filter-bar__status-toggle--server_error.spec-filter-bar__status-toggle--active{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  }
}
.dark .spec-filter-bar{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .spec-filter-bar__search-input{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__search-input{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-filter-bar__search-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__search-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .spec-filter-bar__search-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .spec-filter-bar__search-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__search-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .spec-filter-bar__search-input::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .spec-filter-bar__resource-select{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__resource-select{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-filter-bar__toggle-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__toggle-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-filter-bar__method-toggle{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__method-toggle{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-filter-bar__method-toggle:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .spec-filter-bar__status-toggle{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-filter-bar__status-toggle{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-filter-bar__status-toggle:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.spec-list-item{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.spec-list-item.hidden {
  display: none;
}
.spec-list-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.spec-list-item--active{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item--active{
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
    border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
.spec-list-item__status{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  flex-shrink: 0;
  text-align: center;
  min-width: 40px;
}
.spec-list-item__status--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__status--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__status--redirect{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__status--redirect{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__status--client-error{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__status--client-error{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__status--server-error{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__status--server-error{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__status--unknown{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__status--unknown{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__method{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  min-width: 56px;
  text-align: center;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__method{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__method--get{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__method--get{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }
}
.spec-list-item__method--post{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__method--post{
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  }
}
.spec-list-item__method--patch, .spec-list-item__method--put{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__method--patch, .spec-list-item__method--put{
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
  }
}
.spec-list-item__method--delete{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__method--delete{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }
}
.spec-list-item__path{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__path{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.spec-list-item__description{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  max-width: 200px;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-list-item__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .spec-list-item:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .spec-list-item--active{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-border-opacity: 1;
  border-left-color: rgb(129 140 248 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item--active{
    border-left-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
  }
}
.dark .spec-list-item__status--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__status--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__status--redirect{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__status--redirect{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__status--client-error{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__status--client-error{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__status--server-error{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__status--server-error{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__status--unknown{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__status--unknown{
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__path{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__path{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-list-item__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-list-item__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.spec-viewer{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0px;
}
.spec-viewer__filter-bar{
  flex-shrink: 0;
}
.spec-viewer__content{
  display: flex;
  flex: 1 1;
  min-height: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
  overflow: hidden;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer__content{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.spec-viewer__list{
  width: 40%;
  overflow-y: auto;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer__list{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.spec-viewer__detail{
  width: 60%;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer__detail{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.spec-viewer__empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer__empty-state{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.spec-viewer__empty-state > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.spec-viewer__empty-state p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dark .spec-viewer__content{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .spec-viewer__list{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .spec-viewer__detail{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
}
.dark .spec-viewer__empty-state{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-viewer__empty-state{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer{
  border-radius: 0.375rem;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer{
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.stage-log-viewer__toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__toolbar{
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.stage-log-viewer__count{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__count i{
  margin-right: 4px;
}
.stage-log-viewer__auto-scroll-toggle{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
  background-color: transparent;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / 1);
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__auto-scroll-toggle{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
    border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  }
}
.stage-log-viewer__auto-scroll-toggle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__auto-scroll-toggle:hover{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
  }
}
.stage-log-viewer__auto-scroll-toggle--off{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__auto-scroll-toggle--off{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.stage-log-viewer__auto-scroll-toggle--off:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__auto-scroll-toggle--off:hover{
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.stage-log-viewer__output{
  overflow-y: auto;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  max-height: 400px;
}
.stage-log-viewer__load-more{
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__load-more{
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  }
}
.stage-log-viewer__load-more-btn{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  background-color: transparent;
  border-width: 0px;
  cursor: pointer;
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__load-more-btn{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__load-more-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__load-more-btn:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__load-more-btn:disabled{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-decoration-line: none;
  cursor: wait;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__load-more-btn:disabled{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry{
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  }
}
.stage-log-viewer__entry:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry:hover{
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.stage-log-viewer__entry--stdout{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--stdout{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry--tool-use{
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--tool-use{
    color: rgb(34 211 238 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry--tool-result{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--tool-result{
    color: rgb(45 212 191 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry--cost-update{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--cost-update{
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry--error{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  background-color: rgb(127 29 29 / 0.2);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--error{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry--decomposition{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry--decomposition{
    color: rgb(192 132 252 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry-header{
  display: flex;
  align-items: center;
  gap: 8px;
}
.stage-log-viewer__entry-icon{
  flex-shrink: 0;
  width: 16px;
  text-align: center;
  opacity: 0.6;
}
.stage-log-viewer__entry-time{
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry-time{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry-type{
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-log-viewer__entry-type{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-log-viewer__entry-content{
  word-break: break-all;
  white-space: pre-wrap;
  padding-left: 24px;
}
.stage-log-viewer__decomposition{
  display: block;
}
.stage-log-viewer__decomposition-list{
  list-style-type: decimal;
  padding-left: 16px;
}
.stage-log-viewer__decomposition-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.stage-result{
  margin-top: 16px;
}
.stage-result__heading{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__heading{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.stage-result__heading i{
  margin-right: 4px;
}
.stage-result__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-result__failure > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.stage-result__heading--failure{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__heading--failure{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.stage-result__failure-content{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-radius: 0.25rem;
  padding: 12px;
  white-space: pre-wrap;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__failure-content{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.stage-result__findings > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.stage-result__finding{
  border-radius: 0.25rem;
  padding: 12px;
  border-left-width: 4px;
}
.stage-result__finding--critical{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding--critical{
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.stage-result__finding--high{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding--high{
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
  }
}
.stage-result__finding--medium{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding--medium{
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
  }
}
.stage-result__finding--low{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding--low{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.stage-result__finding--info{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding--info{
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.stage-result__finding-header{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.stage-result__finding-severity{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.stage-result__finding-location{
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding-location{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-result__finding-description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__finding-description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.stage-result__evaluate > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.stage-result__decision{
  border-radius: 0.25rem;
  padding: 12px;
  font-weight: 600;
}
.stage-result__decision--approve{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__decision--approve{
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
  }
}
.stage-result__decision--revise{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__decision--revise{
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
  }
}
.stage-result__decision--escalate{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__decision--escalate{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.stage-result__decision-label{
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.stage-result__decision-value{
  margin-left: 8px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.stage-result__rationale, .stage-result__feedback{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__rationale, .stage-result__feedback{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.stage-result__rationale p, .stage-result__feedback p{
  margin-top: 4px;
}
.stage-result__rationale-label, .stage-result__feedback-label{
  font-weight: 600;
}
.stage-result__implement > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.stage-result__decomposition-label, .stage-result__pr-links-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}
.stage-result__decomposition-list{
  list-style-type: decimal;
  padding-left: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__decomposition-list{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.stage-result__decomposition-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.stage-result__pr-links ul{
  list-style-type: disc;
  padding-left: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.stage-result__pr-links a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-result__pr-links a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.stage-result__pr-links a:hover{
  text-decoration-line: underline;
}
.dark .stage-result__heading{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__heading{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__heading--failure{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__heading--failure{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__failure-content{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  background-color: rgb(127 29 29 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__failure-content{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.dark .stage-result__finding--critical{
  background-color: rgb(127 29 29 / 0.3);
}
.dark .stage-result__finding--high{
  background-color: rgb(124 45 18 / 0.3);
}
.dark .stage-result__finding--medium{
  background-color: rgb(113 63 18 / 0.3);
}
.dark .stage-result__finding--low{
  background-color: rgb(30 58 138 / 0.3);
}
.dark .stage-result__finding--info{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__finding--info{
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.dark .stage-result__finding-description{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__finding-description{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__decision--approve{
  background-color: rgb(20 83 45 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__decision--approve{
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
  }
}
.dark .stage-result__decision--revise{
  background-color: rgb(113 63 18 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__decision--revise{
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
  }
}
.dark .stage-result__decision--escalate{
  background-color: rgb(127 29 29 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__decision--escalate{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.dark .stage-result__rationale, .dark .stage-result__feedback{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__rationale, .dark .stage-result__feedback{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__decomposition-list{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__decomposition-list{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-result__pr-links a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-result__pr-links a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline{
  position: relative;
}
.stage-timeline__item{
  position: relative;
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  cursor: pointer;
  border-radius: 0.25rem;
  margin-left: -4px;
  padding-left: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.stage-timeline__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__item:last-child{
  padding-bottom: 0px;
}
.stage-timeline__item:last-child .stage-timeline__line{
  display: none;
}
.work-item-feedback__respawn-hint.stage-timeline__item:last-child .stage-timeline__line {
  display: none;
}
.feedback-report__modal.stage-timeline__item:last-child .stage-timeline__line {
  display: none;
}
.spec-list-item.stage-timeline__item:last-child .stage-timeline__line {
  display: none;
}
.stage-timeline__item--active .stage-timeline__dot{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
.stage-timeline__item--selected{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--selected{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__item--selected:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--selected:hover{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__connector{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.stage-timeline__dot{
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  z-index: 10;
}
.stage-timeline__item--pending .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--pending .stage-timeline__dot{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--assigned .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--assigned .stage-timeline__dot{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--in_progress .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--in_progress .stage-timeline__dot{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(161 98 7 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--completed .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--completed .stage-timeline__dot{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--failed .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--failed .stage-timeline__dot{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--blocked .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--blocked .stage-timeline__dot{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__line{
  width: 0.125rem;
  flex: 1 1;
  margin-top: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__line{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__content{
  flex: 1 1;
  padding-top: 4px;
  min-width: 0px;
}
.stage-timeline__header{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.stage-timeline__type{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__type{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__cycle{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__cycle{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__meta{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__worker, .stage-timeline__duration{
  display: flex;
  align-items: center;
  gap: 4px;
}
.stage-timeline__failure-reason{
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-radius: 0.25rem;
  padding: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__failure-reason{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__failure-reason i{
  margin-right: 4px;
}
.stage-timeline__feedback{
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  border-radius: 0.25rem;
  padding: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__feedback{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.stage-timeline__feedback i{
  margin-right: 4px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__feedback i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__zeplin-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__zeplin-badge{
    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
    color: rgb(67 56 202 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--pending .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--pending .dark .stage-timeline__dot{
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--assigned .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--assigned .dark .stage-timeline__dot{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--in_progress .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--in_progress .dark .stage-timeline__dot{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--completed .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--completed .dark .stage-timeline__dot{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--failed .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--failed .dark .stage-timeline__dot{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.stage-timeline__item--blocked .dark .stage-timeline__dot{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-timeline__item--blocked .dark .stage-timeline__dot{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__line{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .stage-timeline__type{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__type{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__cycle{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__cycle{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__failure-reason{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  background-color: rgb(127 29 29 / 0.2);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__failure-reason{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__feedback{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__feedback{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__feedback i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__feedback i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__zeplin-badge{
  background-color: rgb(49 46 129 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-timeline__zeplin-badge{
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-timeline__item:hover{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .stage-timeline__item--selected{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .stage-timeline__item--selected:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .stage-timeline__item--active .stage-timeline__dot{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-color: var(--twin-sun-gray-900);
}
.status-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 9999px;
}
.status-badge__label{
  white-space: nowrap;
}
.status-badge--green {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.status-badge--red {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.status-badge--blue {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.status-badge--yellow {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
  color: #d97706;
  color: var(--yellow);
}
.status-badge--orange {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
}
.status-badge--purple {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
}
.status-badge--gray {
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg);
  color: #334155;
  color: var(--gray);
}
.base-table{
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: 0px 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.base-table__wrapper{
  display: flow-root;
}
.base-table__scroll-wrapper{
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -8px;
  margin-bottom: -8px;
  overflow-x: auto;
}
@media (min-width: 640px) {
  .base-table__scroll-wrapper{
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1024px) {
  .base-table__scroll-wrapper{
    margin-left: -32px;
    margin-right: -32px;
  }
}
.base-table__inner-wrapper{
  display: inline-block;
  min-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
}
@media (min-width: 640px) {
  .base-table__inner-wrapper{
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .base-table__inner-wrapper{
    padding-left: 32px;
    padding-right: 32px;
  }
}
.base-table__header-row{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.base-table__header-row{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.base-table__header{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 16px;
  padding-right: 12px;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.base-table__header{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px) {
  .base-table__header{
    padding-left: 0px;
  }
}
.base-table__body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.base-table__body{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.base-table__body > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.base-table__body > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
  }
}
.base-table__row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.base-table__row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.dark .base-table__header-row{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .base-table__header{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .base-table__header{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .base-table__body{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .base-table__body > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .base-table__row:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .base-table__row{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .base-table__row{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.data-table{
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: 0px 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.data-table__wrapper{
  display: flow-root;
}
.data-table__scroll-wrapper{
  overflow-x: auto;
}
.data-table__head{
  position: sticky;
  top: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__head{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.data-table__header-row{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__header-row{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.data-table__header{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 16px;
  padding-right: 12px;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__header{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px) {
  .data-table__header{
    padding-left: 0px;
  }
}
.data-table__select-col{
  width: 40px;
  padding-left: 16px;
  padding-right: 8px;
}
.data-table__body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__body{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.data-table__body > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__body > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
  }
}
.data-table__row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.data-table__cell{
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.data-table__cell{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px) {
  .data-table__cell{
    padding-left: 0px;
  }
}
.data-table__pagination{
  margin-top: 16px;
}
.dark .data-table__head{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .data-table__header-row{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .data-table__header{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .data-table__header{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .data-table__body{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .data-table__body > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .data-table__row:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .data-table__row{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .data-table__row{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .data-table__cell{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .data-table__cell{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.daily-totals{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
  padding: 24px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.daily-totals{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.daily-totals__grid{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  text-align: center;
}
.daily-totals__day{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.daily-totals__day-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
}
@supports (color: rgb(0 0 0 / 0)){
.daily-totals__day-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.daily-totals__day-value{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.daily-totals__day-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.dark .daily-totals{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .daily-totals__day-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .daily-totals__day-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .daily-totals__day-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .daily-totals__day-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.day-entries{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.day-entries__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__header{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.day-entries__header:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__header:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.day-entries__header-left{
  display: flex;
  align-items: center;
  gap: 8px;
}
.day-entries__toggle-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__toggle-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.day-entries__date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__date{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.day-entries__total{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__total{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.day-entries__content > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__content > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
  }
}
.day-entries__entry{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.day-entries__entry--trimmed{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry--trimmed{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
  }
}
.day-entries__entry-main{
  flex: 1 1;
  min-width: 0px;
}
.day-entries__entry-project{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.day-entries__entry-project-name{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry-project-name{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.day-entries__entry-client{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry-client{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.day-entries__entry-task{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  margin-top: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry-task{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.day-entries__entry-notes{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry-notes{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.day-entries__entry-hours{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-left: 16px;
  white-space: nowrap;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__entry-hours{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.day-entries__empty{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.day-entries__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .day-entries__header{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .day-entries__header:hover{
  background-color: #4b5563;
  background-color: var(--twin-sun-gray-600);
}
.dark .day-entries__toggle-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__toggle-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__date{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__date{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__total{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__total{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__content > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .day-entries__entry--trimmed{
  background-color: rgb(127 29 29 / 0.2);
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry--trimmed{
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  }
}
.dark .day-entries__entry-client{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry-client{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__entry-project-name{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry-project-name{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__entry-task{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry-task{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__entry-notes{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry-notes{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__entry-hours{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__entry-hours{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .day-entries__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .day-entries__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
  padding: 24px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.project-breakdown__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__title{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-breakdown__project-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.project-breakdown__project-name{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__project-name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__project-hours{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__project-hours{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__tasks{
  margin-top: 4px;
  padding-left: 12px;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__tasks{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.project-breakdown__task{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}
.project-breakdown__task-name{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__task-name{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__task-name--trimmed{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__task-name--trimmed{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__task-hours{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__task-hours{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.project-breakdown__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.project-breakdown__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .project-breakdown__title{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__title{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__project-name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__project-name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__project-hours{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__project-hours{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__tasks{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .project-breakdown__task-name{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__task-name{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__task-name--trimmed{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__task-name--trimmed{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__task-hours{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__task-hours{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .project-breakdown__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .project-breakdown__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.week-summary{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
  padding: 24px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.week-summary__header{
  margin-bottom: 16px;
}
.week-summary__total-group{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.week-summary__total-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__total-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.week-summary__total-value{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__total-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.week-summary__bar{
  display: flex;
  height: 12px;
  border-radius: 9999px;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__bar{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.week-summary__bar-segment{
  height: 100%;
}
.week-summary__bar-segment--billable{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__bar-segment--billable{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }
}
.week-summary__bar-segment--trimmed{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__bar-segment--trimmed{
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }
}
.week-summary__bar-segment--non-billable{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__bar-segment--non-billable{
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  }
}
.week-summary__legend{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.week-summary__legend-item{
  display: flex;
  align-items: center;
  gap: 8px;
}
.week-summary__dot{
  font-size: 0.75rem;
  line-height: 1rem;
}
.week-summary__dot--billable{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__dot--billable{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.week-summary__dot--trimmed{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__dot--trimmed{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.week-summary__dot--non-billable{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__dot--non-billable{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.week-summary__legend-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  flex: 1 1;
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__legend-label{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.week-summary__legend-value{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.week-summary__legend-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.dark .week-summary{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .week-summary__total-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .week-summary__total-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .week-summary__total-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .week-summary__total-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .week-summary__bar{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .week-summary__dot--non-billable{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .week-summary__dot--non-billable{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .week-summary__legend-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .week-summary__legend-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .week-summary__legend-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .week-summary__legend-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
/* Base button styles */
.ui-button {
  border-radius: 6px;
  border-radius: var(--radius-sm, 6px);
  font-weight: 550;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button {
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
}
.ui-button:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #2563eb;
}
.ui-button{
  font-family: "Sora", sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-family: var(--font-display), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ui-button:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui-button {
  white-space: nowrap;
  /* Size variants */
  /* Theme variants */
}
.ui-button:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-button:disabled:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui-button--xs{
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.ui-button--sm {
  padding: 6px 12px;
  font-size: 12px;
}
.ui-button--md{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ui-button--lg{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ui-button--xl{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.ui-button--primary{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--primary{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.ui-button--primary:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui-button--secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--secondary{
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.ui-button--tertiary{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--tertiary{
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.ui-button--success{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--success{
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.ui-button--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--warning{
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.ui-button--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--danger{
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.ui-button--neutral {
  background: rgba(0, 0, 0, 0.03);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-button--neutral {
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
}
.ui-button--neutral:hover {
  background: rgba(0, 0, 0, 0.06);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .ui-button{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .ui-button--tertiary{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-button--tertiary{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .ui-button--neutral {
  background: rgba(255, 255, 255, 0.05);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-button--neutral {
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
}
.dark .ui-button--neutral:hover {
  background: rgba(255, 255, 255, 0.08);
}
.ui-input{
  margin-bottom: 16px;
}
.ui-input__label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.ui-input__label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.ui-input__control{
  position: relative;
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui-input__control .input, .ui-input__control input[type=text], .ui-input__control input[type=email], .ui-input__control input[type=password], .ui-input__control input[type=number],
.ui-input__control input[type=tel], .ui-input__control input[type=url], .ui-input__control input[type=search], .ui-input__control textarea, .ui-input__control select{
  display: block;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-input__control .input, .ui-input__control input[type=text], .ui-input__control input[type=email], .ui-input__control input[type=password], .ui-input__control input[type=number],
.ui-input__control input[type=tel], .ui-input__control input[type=url], .ui-input__control input[type=search], .ui-input__control textarea, .ui-input__control select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.ui-input__control .input:focus, .ui-input__control input[type=text]:focus, .ui-input__control input[type=email]:focus, .ui-input__control input[type=password]:focus, .ui-input__control input[type=number]:focus,
.ui-input__control input[type=tel]:focus, .ui-input__control input[type=url]:focus, .ui-input__control input[type=search]:focus, .ui-input__control textarea:focus, .ui-input__control select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.ui-input__control .input:focus, .ui-input__control input[type=text]:focus, .ui-input__control input[type=email]:focus, .ui-input__control input[type=password]:focus, .ui-input__control input[type=number]:focus,
.ui-input__control input[type=tel]:focus, .ui-input__control input[type=url]:focus, .ui-input__control input[type=search]:focus, .ui-input__control textarea:focus, .ui-input__control select:focus{
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
.ui-input__control .input, .ui-input__control input[type=text], .ui-input__control input[type=email], .ui-input__control input[type=password], .ui-input__control input[type=number],
.ui-input__control input[type=tel], .ui-input__control input[type=url], .ui-input__control input[type=search], .ui-input__control textarea, .ui-input__control select{
  border-radius: 0.375rem;
}
@media (min-width: 640px){
  .ui-input__control .input, .ui-input__control input[type=text], .ui-input__control input[type=email], .ui-input__control input[type=password], .ui-input__control input[type=number],
.ui-input__control input[type=tel], .ui-input__control input[type=url], .ui-input__control input[type=search], .ui-input__control textarea, .ui-input__control select{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.ui-input__control .select{
  display: block;
  width: 100%;
}
.ui-input__hint{
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-input__hint{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.ui-input__error{
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.ui-input__error{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.dark .ui-input__label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .ui-input__control .input, .dark .ui-input__control input[type=text], .dark .ui-input__control input[type=email], .dark .ui-input__control input[type=password], .dark .ui-input__control input[type=number],
.dark .ui-input__control input[type=tel], .dark .ui-input__control input[type=url], .dark .ui-input__control input[type=search], .dark .ui-input__control textarea, .dark .ui-input__control select{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__control .input, .dark .ui-input__control input[type=text], .dark .ui-input__control input[type=email], .dark .ui-input__control input[type=password], .dark .ui-input__control input[type=number],
.dark .ui-input__control input[type=tel], .dark .ui-input__control input[type=url], .dark .ui-input__control input[type=search], .dark .ui-input__control textarea, .dark .ui-input__control select{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .ui-input__control .input::-moz-placeholder, .dark .ui-input__control input[type=text]::-moz-placeholder, .dark .ui-input__control input[type=email]::-moz-placeholder, .dark .ui-input__control input[type=password]::-moz-placeholder, .dark .ui-input__control input[type=number]::-moz-placeholder, .dark .ui-input__control input[type=tel]::-moz-placeholder, .dark .ui-input__control input[type=url]::-moz-placeholder, .dark .ui-input__control input[type=search]::-moz-placeholder, .dark .ui-input__control textarea::-moz-placeholder, .dark .ui-input__control select::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__control .input::-moz-placeholder, .dark .ui-input__control input[type=text]::-moz-placeholder, .dark .ui-input__control input[type=email]::-moz-placeholder, .dark .ui-input__control input[type=password]::-moz-placeholder, .dark .ui-input__control input[type=number]::-moz-placeholder, .dark .ui-input__control input[type=tel]::-moz-placeholder, .dark .ui-input__control input[type=url]::-moz-placeholder, .dark .ui-input__control input[type=search]::-moz-placeholder, .dark .ui-input__control textarea::-moz-placeholder, .dark .ui-input__control select::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .ui-input__control .input::-moz-placeholder, .dark .ui-input__control input[type=text]::-moz-placeholder, .dark .ui-input__control input[type=email]::-moz-placeholder, .dark .ui-input__control input[type=password]::-moz-placeholder, .dark .ui-input__control input[type=number]::-moz-placeholder, .dark .ui-input__control input[type=tel]::-moz-placeholder, .dark .ui-input__control input[type=url]::-moz-placeholder, .dark .ui-input__control input[type=search]::-moz-placeholder, .dark .ui-input__control textarea::-moz-placeholder, .dark .ui-input__control select::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .ui-input__control .input::placeholder, .dark .ui-input__control input[type=text]::placeholder, .dark .ui-input__control input[type=email]::placeholder, .dark .ui-input__control input[type=password]::placeholder, .dark .ui-input__control input[type=number]::placeholder,
.dark .ui-input__control input[type=tel]::placeholder, .dark .ui-input__control input[type=url]::placeholder, .dark .ui-input__control input[type=search]::placeholder, .dark .ui-input__control textarea::placeholder, .dark .ui-input__control select::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__control .input::-moz-placeholder, .dark .ui-input__control input[type=text]::-moz-placeholder, .dark .ui-input__control input[type=email]::-moz-placeholder, .dark .ui-input__control input[type=password]::-moz-placeholder, .dark .ui-input__control input[type=number]::-moz-placeholder, .dark .ui-input__control input[type=tel]::-moz-placeholder, .dark .ui-input__control input[type=url]::-moz-placeholder, .dark .ui-input__control input[type=search]::-moz-placeholder, .dark .ui-input__control textarea::-moz-placeholder, .dark .ui-input__control select::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .ui-input__control .input::placeholder, .dark .ui-input__control input[type=text]::placeholder, .dark .ui-input__control input[type=email]::placeholder, .dark .ui-input__control input[type=password]::placeholder, .dark .ui-input__control input[type=number]::placeholder,
.dark .ui-input__control input[type=tel]::placeholder, .dark .ui-input__control input[type=url]::placeholder, .dark .ui-input__control input[type=search]::placeholder, .dark .ui-input__control textarea::placeholder, .dark .ui-input__control select::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .ui-input__hint{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__hint{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .ui-input__error{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .ui-input__error{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.resource-card{
  display: flex;
  height: 100%;
  flex-direction: column;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.resource-card:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.resource-card .card-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.resource-card .card-header-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-header-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.resource-card .card-content{
  flex: 1 1;
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-content{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-card .card-footer{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  display: flex;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.resource-card .card-footer > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * 0);
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - 0));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
  }
}
.resource-card .card-footer-item{
  flex: 1 1;
  padding: 8px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer-item{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-card .card-footer-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer-item:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.resource-card .card-footer-item{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.resource-card .card-footer-item i{
  margin-right: 4px;
}
.resource-card .card-footer-item.is-danger{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer-item.is-danger{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.resource-card .card-footer-item.is-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-card .card-footer-item.is-danger:hover{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.dark .resource-card{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .resource-card .card-header{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .resource-card .card-header-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-card .card-header-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-card .card-content{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-card .card-content{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-card .card-footer{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .resource-card .card-footer > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .resource-card .card-footer-item{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-card .card-footer-item{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-card .card-footer-item:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .resource-card .card-footer-item.is-danger{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-card .card-footer-item.is-danger{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-card .card-footer-item.is-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-card .card-footer-item.is-danger:hover{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
}
.resource-list{
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  background: var(--bg-950);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
}
.resource-list--split{
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.resource-list--cards{
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 640px) {
  .resource-list--cards{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .resource-list--cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .resource-list--cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.resource-list__header{
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  justify-content: space-between;
  background: #f8fafc;
  background: var(--bg-900);
  color: #5a6274;
  color: var(--text-secondary);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.resource-list__header__heading{
  flex: 1 1;
}
.resource-list__header__actions{
  display: flex;
}
.resource-list__header__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.resource-list__body{
  max-height: 100%;
  overflow-y: auto;
  position: relative;
  padding: 0 8px;
  padding: 0 var(--space-2);
}
.resource-list__loader{
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resource-list__loader__spinner{
  display: inline-flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.resource-list__loader__spinner > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.resource-list__loader__spinner{
  border-radius: 0.375rem;
  color: #5b6577;
  color: var(--text-muted);
  background: #f8fafc;
  background: var(--bg-900);
}
.resource-list__loader__spinner i {
  color: #1d4ed8;
  color: var(--accent);
}
/* Unified resource-list-item styles */
.resource-list-item{
  position: relative;
  display: block;
  padding: 10px 12px;
  font-size: 13.5px;
  font-weight: 450;
  color: #1a1d23;
  color: var(--text-primary);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  min-height: 44px;
  text-decoration: none;
  border-radius: 10px;
  border-radius: var(--radius-md);
  margin-bottom: 1px;
  border-left: 3px solid transparent;
}
.resource-list-item:hover {
  background: rgba(0, 0, 0, 0.04);
  background: var(--bg-hover);
  color: #1a1d23;
  color: var(--text-primary);
}
.resource-list-item.active {
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow);
  color: #1a1d23;
  color: var(--text-primary);
  border-left-color: #1d4ed8;
  border-left-color: var(--accent);
}
.resource-list-item.active:hover {
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow);
}
.resource-list-item__name{
  font-weight: 500;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  color: #1a1d23;
  color: var(--text-primary);
  width: 100%;
}
@media (min-width: 768px) {
  .resource-list-item__name{
    width: auto;
  }
}
.resource-list-item__field {
  color: #5a6274;
  color: var(--text-secondary);
  margin-left: 0px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .resource-list-item__field{
    margin-left: 8px;
    margin-right: 0px;
  }
}
.resource-list-item__time {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: auto;
}
.resource-actions{
  display: flex;
  align-items: center;
}
.resource-actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
/* Resource detail styles */
.resource-detail {
  background: #ffffff;
  background: var(--bg-950);
  height: 100%;
  padding: 16px;
}
@media (min-width: 768px) {
  .resource-detail{
    padding: 24px;
  }
}
.resource-detail__header{
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 768px) {
  .resource-detail__header{
    flex-direction: row;
    align-items: center;
    gap: 0px;
  }
}
.resource-detail__header h1{
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  white-space: nowrap;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 768px) {
  .resource-detail__header h1{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.resource-detail__header__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.resource-detail__content {
  color: #5a6274;
  color: var(--text-secondary);
}
.resource-detail__group{
  margin-bottom: 24px;
  border-radius: 14px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  overflow: hidden;
  padding: 20px;
}
.resource-detail__group h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.resource-detail__properties{
  margin-top: 16px;
}
.resource-detail__properties > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.resource-detail__properties__item{
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px){
  .resource-detail__properties__item{
    flex-direction: row;
  }
}
.resource-detail__properties__label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #5b6577;
  color: var(--text-muted);
}
@media (min-width: 640px){
  .resource-detail__properties__label{
    width: 33.333333%;
  }
}
.resource-detail__properties__value{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1a1d23;
  color: var(--text-primary);
}
@media (min-width: 640px){
  .resource-detail__properties__value{
    margin-top: 0px;
    width: 66.666667%;
  }
}
.resource-detail__properties__value{
  margin-top: 4px;
}
.resource-detail__properties__value a {
  color: #1d4ed8;
  color: var(--accent);
}
.resource-detail__properties__value a:hover {
  color: #1e40af;
  color: var(--accent-hover);
}
.resource-detail__list{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.resource-detail__list li{
  margin-bottom: 4px;
}
.resource-detail__list li a {
  color: #1d4ed8;
  color: var(--accent);
}
.resource-detail__list li a:hover {
  color: #1e40af;
  color: var(--accent-hover);
}
/* Resource cards styles */
.resource-cards{
  padding: 16px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 640px) {
  .resource-cards{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .resource-cards{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .resource-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.resource-cards__item{
  height: 100%;
}
/* Resource split view styles */
.resource-split-view{
  display: flex;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
}
@media (min-width: 768px) {
  .resource-split-view{
    flex-direction: row;
  }
}
.resource-split-view__sidebar{
  overflow-y: auto;
  background: #ffffff;
  background: var(--bg-950);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  width: 100%;
  flex: 1 1;
}
.resource-split-view__sidebar:hover {
  scrollbar-color: #5b6577 transparent;
  scrollbar-color: var(--text-muted) transparent;
}
.resource-split-view__sidebar::-webkit-scrollbar {
  width: 6px;
}
.resource-split-view__sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.resource-split-view__sidebar::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
}
.resource-split-view__sidebar:hover::-webkit-scrollbar-thumb {
  background: #5b6577;
  background: var(--text-muted);
}
@media (min-width: 768px) {
  .resource-split-view__sidebar {
    width: 280px;
    flex: none;
    border-right: 1px solid #e2e8f0;
    border-right: 1px solid var(--border);
  }
}
.resource-split-view__sidebar--mobile-hidden{
  display: none;
}
.work-item-feedback__respawn-hint.resource-split-view__sidebar--mobile-hidden {
  display: none;
}
.feedback-report__modal.resource-split-view__sidebar--mobile-hidden {
  display: none;
}
.spec-list-item.resource-split-view__sidebar--mobile-hidden {
  display: none;
}
@media (min-width: 768px) {
  .resource-split-view__sidebar--mobile-hidden{
    display: block;
  }
}
.resource-split-view__details {
  background: #f1f5f9;
  background: var(--bg-800);
  overflow-y: auto;
  min-height: 0;
  width: 100%;
  display: none;
}
.work-item-feedback__respawn-hint.resource-split-view__details {
  display: none;
}
.feedback-report__modal.resource-split-view__details {
  display: none;
}
.spec-list-item.resource-split-view__details {
  display: none;
}
@media (min-width: 768px) {
  .resource-split-view__details{
    flex: 1 1;
    display: block;
  }
}
.resource-split-view__details--mobile-visible{
  display: block;
  flex: 1 1;
}
.resource-split-view__details__back-button{
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  cursor: pointer;
  color: #1d4ed8;
  color: var(--accent);
  background: #f8fafc;
  background: var(--bg-900);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
@media (min-width: 768px) {
  .resource-split-view__details__back-button{
    display: none;
  }
.work-item-feedback__respawn-hint.resource-split-view__details__back-button {
  display: none;
}
.feedback-report__modal.resource-split-view__details__back-button {
  display: none;
}
.spec-list-item.resource-split-view__details__back-button {
  display: none;
}
}
.resource-split-view__details__back-button i{
  margin-right: 8px;
}
.resource-split-view__details__back-button:active {
  background: #e2e8f0;
  background: var(--bg-700);
}
.resource-split-view__details__empty-state{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.work-item-feedback__respawn-hint.resource-split-view__details__empty-state {
  display: none;
}
.feedback-report__modal.resource-split-view__details__empty-state {
  display: none;
}
.spec-list-item.resource-split-view__details__empty-state {
  display: none;
}
@media (min-width: 768px) {
  .resource-split-view__details__empty-state{
    display: flex;
  }
}
/* Fade-in animation for detail content */
@keyframes resourceDetailFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.resource-split-view__details--fade-in {
  animation: resourceDetailFadeIn 250ms ease-out;
}
.toggle-checkbox{
  display: flex;
  align-items: center;
  gap: 12px;
}
.toggle-checkbox__label{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  white-space: nowrap;
}
@supports (color: rgb(0 0 0 / 0)){
.toggle-checkbox__label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.toggle-checkbox__container{
  position: relative;
  display: inline-block;
  height: 24px;
  width: 44px;
  cursor: pointer;
}
.toggle-checkbox__container input[type=checkbox]{
  height: 0px;
  width: 0px;
  opacity: 0;
}
.toggle-checkbox__container input[type=checkbox]:checked + .toggle-checkbox__slider{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.toggle-checkbox__container input[type=checkbox]:checked + .toggle-checkbox__slider{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  }
}
.toggle-checkbox__container input[type=checkbox]:checked + .toggle-checkbox__slider:before {
  transform: translateX(20px);
}
.toggle-checkbox__slider{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / 1);
  border-radius: 9999px;
}
@supports (color: rgb(0 0 0 / 0)){
.toggle-checkbox__slider{
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  }
}
.toggle-checkbox__slider:before{
  position: absolute;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
  height: 20px;
  width: 20px;
  left: 0.125rem;
  bottom: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-radius: 9999px;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.toggle-checkbox__slider:before{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.dark .toggle-checkbox__label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .toggle-checkbox__label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .toggle-checkbox__slider{
  background-color: #4b5563;
  background-color: var(--twin-sun-gray-600);
}
.vitals-strip{
  width: 100%;
}
.vitals-strip--sticky {
  position: sticky;
  top: 52px;
  top: var(--topbar-h);
  z-index: 10;
  background: #f8fafc;
  background: var(--bg-900);
}
.vitals-strip__tiles{
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.vitals-strip__timestamp {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #5b6577;
  color: var(--text-muted);
  padding-top: 8px;
  padding-top: var(--space-2);
}
.vitals-tile{
  display: flex;
  flex-direction: column;
  min-width: 0px;
  flex: 1 1;
  background: #ffffff;
  background: var(--bg-950);
  border: none;
  border-right: 1px solid #e2e8f0;
  border-right: 1px solid var(--border);
  border-radius: 0;
  padding: 16px;
  padding: var(--space-4);
  text-decoration: none;
  color: inherit;
  transition: background 180ms ease;
  transition: background var(--motion-base) ease;
}
.vitals-tile:last-child {
  border-right: none;
}
.vitals-tile:hover {
  background: #f8fafc;
  background: var(--bg-900);
}
.vitals-tile__header{
  margin-bottom: 4px;
}
.vitals-tile__label {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.vitals-tile__body{
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}
.vitals-tile__value {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  line-height: 1.2;
}
.vitals-tile__value--multi-line {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
}
.vitals-tile__delta{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 500;
  padding: 2px 8px;
  padding: 2px var(--space-2);
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.vitals-tile__delta--positive {
  color: #16a34a;
  color: var(--green);
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
}
.vitals-tile__delta--negative {
  color: #dc2626;
  color: var(--red);
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
}
.vitals-tile__delta--neutral {
  color: #5b6577;
  color: var(--text-muted);
  background: rgba(100, 116, 139, 0.1);
  background: var(--gray-bg);
}
.vitals-tile__arrow {
  font-size: 0.625rem;
}
.vitals-tile__sparkline{
  margin-top: auto;
}
.worker-card {
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 14px;
  border-radius: var(--radius-lg);
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
@media (prefers-reduced-motion: no-preference) {
  .worker-card {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all var(--transition);
  }
}
.worker-card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.worker-card--offline {
  opacity: 0.5;
}
.worker-card.card--selected {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 2px var(--accent-glow);
}
.worker-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.worker-card__indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.worker-card__indicator--working {
  background: #16a34a;
  background: var(--green);
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.4);
}
.worker-card__indicator--idle {
  background: #d97706;
  background: var(--yellow);
}
.worker-card__indicator--offline {
  background: #334155;
  background: var(--gray);
}
.worker-card__name {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  flex: 1 1;
  color: #1a1d23;
  color: var(--text-primary);
}
.worker-card__task {
  background: #cbd5e1;
  background: var(--bg-600);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  padding: 10px;
  margin-bottom: 12px;
  font-size: 12px;
}
.worker-card__task--dimmed {
  opacity: 0.5;
}
.worker-card__task-label {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-weight: 600;
}
.worker-card__task-key {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-weight: 700;
  color: #1d4ed8;
  color: var(--accent);
}
.worker-card__task-stage {
  color: #5a6274;
  color: var(--text-secondary);
}
.worker-card__stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.worker-card__version {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 10px;
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 8px;
}
.worker-card__capabilities {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.worker-stat__label {
  font-size: 10px;
  color: #5b6577;
  color: var(--text-muted);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  margin-bottom: 2px;
}
.worker-stat__val {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.worker-stat__val--cost {
  color: #16a34a;
  color: var(--green);
}
.cap-tag {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #94a3b8;
  background: var(--bg-500);
  color: #5b6577;
  color: var(--text-muted);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
}
.cap-tag--runtime {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg, rgba(96, 165, 250, 0.1));
  color: #1e40af;
  color: var(--blue, #60a5fa);
}
.cap-tag--tool {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg, rgba(52, 211, 153, 0.1));
  color: #16a34a;
  color: var(--green, #34d399);
}
.cap-tag--mcp {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg, rgba(192, 132, 252, 0.1));
  color: #6b21a8;
  color: var(--purple, #c084fc);
}
.cap-tag__icon {
  font-size: 9px;
  margin-right: 2px;
}
.worker-session-list-item__name{
  font-weight: 500;
  color: #141d30;
  color: var(--twin-sun-gray-900);
}
.worker-session-list-item__user{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  display: block;
}
.worker-session-list-item__current-stage{
  margin-left: auto;
}
.dark .worker-session-list-item__name{
  color: #f3f4f6;
  color: var(--twin-sun-gray-100);
}
.dark .worker-session-list-item__user{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.worker-session-detail__group{
  margin-bottom: 24px;
}
.worker-session-detail__heading{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #141d30;
  color: var(--twin-sun-gray-900);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-color: #e5e7eb;
  border-color: var(--twin-sun-gray-200);
}
.worker-session-detail__capability{
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: #f3f4f6;
  background-color: var(--twin-sun-gray-100);
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
  border-radius: 0.25rem;
  margin-right: 4px;
  margin-bottom: 4px;
}
.worker-session-detail__capability--runtime{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-session-detail__capability--runtime{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  }
}
.worker-session-detail__capability--tool{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-session-detail__capability--tool{
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.worker-session-detail__capability--mcp{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-session-detail__capability--mcp{
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
  }
}
.worker-session-detail__cap-section{
  margin-bottom: 12px;
}
.worker-session-detail__cap-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
.worker-session-detail__cap-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.worker-session-detail__cap-icon{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  margin-right: 0.125rem;
  font-size: 10px;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-session-detail__cap-icon{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.worker-session-detail__no-data{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
  font-style: italic;
}
.worker-session-detail__empty-message{
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.worker-session-detail__history-table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.worker-session-detail__history-table thead th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #6b7280;
  color: var(--twin-sun-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  padding-right: 16px;
}
.worker-session-detail__history-table tbody tr{
  border-top-width: 1px;
  border-color: #f3f4f6;
  border-color: var(--twin-sun-gray-100);
}
.worker-session-detail__history-table tbody td{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
  color: #2e3a4d;
  color: var(--twin-sun-gray-700);
}
.worker-session-detail__history-table tbody td a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-session-detail__history-table tbody td a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.worker-session-detail__history-table tbody td a:hover{
  text-decoration-line: underline;
}
.dark .worker-session-detail__heading{
  color: #f3f4f6;
  color: var(--twin-sun-gray-100);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .worker-session-detail__capability{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .worker-session-detail__capability--runtime{
  background-color: rgb(30 58 138 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-session-detail__capability--runtime{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-session-detail__capability--tool{
  background-color: rgb(20 83 45 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-session-detail__capability--tool{
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-session-detail__capability--mcp{
  background-color: rgb(88 28 135 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-session-detail__capability--mcp{
    color: rgb(216 180 254 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-session-detail__cap-label{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.dark .worker-session-detail__cap-icon{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-session-detail__cap-icon{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-session-detail__no-data{
  color: #6b7280;
  color: var(--twin-sun-gray-500);
}
.dark .worker-session-detail__empty-message{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.dark .worker-session-detail__history-table thead th{
  color: #9ca3af;
  color: var(--twin-sun-gray-400);
}
.dark .worker-session-detail__history-table tbody tr{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .worker-session-detail__history-table tbody td{
  color: #d1d5db;
  color: var(--twin-sun-gray-300);
}
.dark .worker-session-detail__history-table tbody td a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-session-detail__history-table tbody td a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.worker-status{
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.worker-status__label{
  white-space: nowrap;
}
.worker-status .fas{
  font-size: 0.75rem;
  line-height: 1rem;
}
.worker-status--idle{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--idle{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.worker-status--idle .fas{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--idle .fas{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.worker-status--working{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--working{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.worker-status--working .fas{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--working .fas{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.worker-status--offline{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--offline{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.worker-status--offline .fas{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-status--offline .fas{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--idle{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--idle{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--idle .fas{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--idle .fas{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--working{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--working{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--working .fas{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--working .fas{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--offline{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--offline{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-status--offline .fas{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-status--offline .fas{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.wf-graph-detail{
  width: 100%;
}
.wf-graph-detail__scroll{
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
  scrollbar-color: var(--bg-600) transparent;
}
.wf-graph-detail__svg{
  display: block;
  min-width: 100%;
}
.wf-graph-detail__edge {
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: stroke var(--transition);
}
.wf-graph-detail__edge--inactive {
  stroke: #cbd5e1;
  stroke: var(--border-hover);
}
.wf-graph-detail__edge--traversed {
  stroke: #16a34a;
  stroke: var(--green);
  stroke-width: 2;
}
.wf-graph-detail__edge--ready {
  stroke: #1d4ed8;
  stroke: var(--accent);
  stroke-dasharray: 4 3;
}
.wf-graph-detail__edge--back-edge {
  stroke: #ea580c;
  stroke: var(--orange);
  stroke-dasharray: 6 3;
  stroke-width: 1.5;
}
.wf-graph-detail__arrowhead--inactive {
  fill: #cbd5e1;
  fill: var(--border-hover);
}
.wf-graph-detail__arrowhead--traversed {
  fill: #16a34a;
  fill: var(--green);
}
.wf-graph-detail__arrowhead--ready {
  fill: #1d4ed8;
  fill: var(--accent);
}
.wf-graph-detail__arrowhead--back-edge {
  fill: #ea580c;
  fill: var(--orange);
}
.wf-graph-detail__edge-label {
  fill: #5b6577;
  fill: var(--text-muted);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 9px;
}
.wf-graph-detail__node {
  stroke-width: 1.5;
  transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: fill var(--transition), stroke var(--transition);
}
.wf-graph-detail__node--pending {
  fill: #e2e8f0;
  fill: var(--bg-700);
  stroke: #e2e8f0;
  stroke: var(--border);
}
.wf-graph-detail__node--running {
  fill: rgba(217, 119, 6, 0.1);
  fill: var(--yellow-bg);
  stroke: rgba(217, 119, 6, 0.25);
  stroke: var(--yellow-border);
}
.wf-graph-detail__node--completed {
  fill: rgba(22, 163, 74, 0.1);
  fill: var(--green-bg);
  stroke: rgba(22, 163, 74, 0.25);
  stroke: var(--green-border);
}
.wf-graph-detail__node--failed {
  fill: rgba(220, 38, 38, 0.1);
  fill: var(--red-bg);
  stroke: rgba(220, 38, 38, 0.25);
  stroke: var(--red-border);
}
.wf-graph-detail__node--skipped {
  fill: rgba(100, 116, 139, 0.1);
  fill: var(--gray-bg);
  stroke: #e2e8f0;
  stroke: var(--border);
  stroke-dasharray: 3 2;
}
.wf-graph-detail__node-group {
  cursor: default;
}
.wf-graph-detail__node-group--running .wf-graph-detail__status-dot--running {
  animation: wf-pulse 2s ease-in-out infinite;
}
.wf-graph-detail__status-dot {
  transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: fill var(--transition);
}
.wf-graph-detail__status-dot--pending {
  fill: #334155;
  fill: var(--gray);
}
.wf-graph-detail__status-dot--running {
  fill: #d97706;
  fill: var(--yellow);
}
.wf-graph-detail__status-dot--completed {
  fill: #16a34a;
  fill: var(--green);
}
.wf-graph-detail__status-dot--failed {
  fill: #dc2626;
  fill: var(--red);
}
.wf-graph-detail__status-dot--skipped {
  fill: #94a3b8;
  fill: var(--bg-500);
}
.wf-graph-detail__node-label {
  fill: #1a1d23;
  fill: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 11px;
  pointer-events: none;
}
.wf-graph-detail__legend{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
}
.wf-graph-detail__legend-item{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
}
.wf-graph-detail__legend-dot{
  height: 8px;
  width: 8px;
  border-radius: 9999px;
  display: inline-block;
  flex-shrink: 0;
}
.wf-graph-detail__legend-dot--completed {
  background: #16a34a;
  background: var(--green);
}
.wf-graph-detail__legend-dot--running {
  background: #d97706;
  background: var(--yellow);
}
.wf-graph-detail__legend-dot--pending {
  background: #334155;
  background: var(--gray);
}
.wf-graph-detail__legend-dot--failed {
  background: #dc2626;
  background: var(--red);
}
.wf-graph-detail__legend-dot--skipped {
  background: #94a3b8;
  background: var(--bg-500);
}
@keyframes wf-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.dark .wf-graph-detail__node--pending {
  fill: #cbd5e1;
  fill: var(--bg-600);
  stroke: #e2e8f0;
  stroke: var(--border);
}
.workflow-graph{
  display: block;
  width: 100%;
  overflow: visible;
}
.workflow-graph--full{
  width: 100%;
}
.workflow-graph__edge {
  stroke: #cbd5e1;
  stroke: var(--border-hover);
  stroke-width: 1.5;
  fill: none;
}
.workflow-graph__edge--back-edge {
  stroke: #ea580c;
  stroke: var(--orange);
  stroke-dasharray: 4 2;
  stroke-width: 1.5;
}
.workflow-graph__arrowhead {
  fill: #cbd5e1;
  fill: var(--border-hover);
}
.workflow-graph__arrowhead--back-edge {
  fill: #ea580c;
  fill: var(--orange);
}
.workflow-graph__edge-label {
  fill: #5b6577;
  fill: var(--text-muted);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 9px;
}
.workflow-graph__node {
  fill: #e2e8f0;
  fill: var(--bg-700);
  stroke: #e2e8f0;
  stroke: var(--border);
  stroke-width: 1;
  transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: fill var(--transition);
}
.workflow-graph__node--done {
  fill: rgba(22, 163, 74, 0.1);
  fill: var(--green-bg);
  stroke: rgba(22, 163, 74, 0.25);
  stroke: var(--green-border);
}
.workflow-graph__node--verify {
  fill: rgba(37, 99, 235, 0.1);
  fill: var(--blue-bg);
  stroke: rgba(37, 99, 235, 0.25);
  stroke: var(--blue-border);
}
.workflow-graph__node--review, .workflow-graph__node--design_review {
  fill: rgba(147, 51, 234, 0.1);
  fill: var(--purple-bg);
  stroke: rgba(147, 51, 234, 0.25);
  stroke: var(--purple-border);
}
.workflow-graph__node--evaluate {
  fill: rgba(217, 119, 6, 0.1);
  fill: var(--yellow-bg);
  stroke: rgba(217, 119, 6, 0.25);
  stroke: var(--yellow-border);
}
.workflow-graph__node--implement {
  fill: rgba(8, 145, 178, 0.1);
  fill: var(--cyan-bg);
  stroke: #e2e8f0;
  stroke: var(--border);
}
.workflow-graph__node-label {
  fill: #1a1d23;
  fill: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 8px;
  pointer-events: none;
}
.workflow-graph--full .workflow-graph__node-label {
  font-size: 11px;
}
.workflow-graph--full .workflow-graph__node {
  rx: 8px;
}
.dark .workflow-graph__edge {
  stroke: #cbd5e1;
  stroke: var(--border-hover);
}
.dark .workflow-graph__arrowhead {
  fill: #cbd5e1;
  fill: var(--border-hover);
}
.dark .workflow-graph__node {
  fill: #cbd5e1;
  fill: var(--bg-600);
  stroke: #e2e8f0;
  stroke: var(--border);
}
.check-list-item__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}
.check-list-item__left{
  display: flex;
  align-items: center;
}
.check-list-item__right{
  margin-left: auto;
}
.check-list-item__date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.check-list-item__date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.check-list-item .resource-list-item__icon{
  margin-right: 8px;
}
.dark .check-list-item__date{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .check-list-item__date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item.client-list-item{
  display: grid;
  grid-template-areas: "name name badge" "team account time";
}
.resource-list-item.client-list-item .resource-list-item__name {
  grid-area: name;
}
.resource-list-item.client-list-item .resource-list-item__field--team {
  grid-area: team;
}
.resource-list-item.client-list-item .resource-list-item__field--account {
  grid-area: account;
}
.resource-list-item.client-list-item .resource-list-item__badge {
  grid-area: badge;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  place-self: end;
}
.resource-list-item.client-list-item .resource-list-item__badge--alarm{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item.client-list-item .resource-list-item__badge--alarm{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item.client-list-item .resource-list-item__badge--alarm i{
  margin-right: 4px;
}
.resource-list-item.client-list-item .resource-list-item__time {
  grid-area: time;
}
.client-detail{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.client-detail__group{
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__group{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.client-detail__group:last-child{
  border-bottom-width: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.client-detail__section-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.client-detail__heading{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__heading{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.client-detail__alarm-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 640px) {
  .client-detail__alarm-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .client-detail__alarm-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.client-detail__alarm-grid-item{
  display: flex;
  height: 100%;
}
.client-detail__resource-heading{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__resource-heading{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.client-detail__resource-list{
  margin-top: 8px;
}
.client-detail__resource-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.client-detail__resource-list{
  padding-left: 0px;
  list-style-type: none;
}
.client-detail__resource-item{
  display: flex;
  align-items: center;
}
.client-detail__resource-item > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.client-detail__resource-item{
  padding-top: 4px;
  padding-bottom: 4px;
}
.client-detail__empty-message{
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.client-detail__alarm-state--alarm{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__alarm-state--alarm{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.client-detail__alarm-state--ok{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__alarm-state--ok{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.client-detail__eol-summary{
  display: flex;
  gap: 8px;
  align-items: center;
}
.client-detail__eol-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
}
.client-detail__eol-badge--critical{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__eol-badge--critical{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.client-detail__eol-badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__eol-badge--warning{
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
  }
}
.client-detail__view-all-link{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__view-all-link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.client-detail__view-all-link:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.client-detail__view-all-link:hover{
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__group{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .client-detail__heading{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__heading{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__resource-heading{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__resource-heading{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__empty-message{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__alarm-state--alarm{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__alarm-state--alarm{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__alarm-state--ok{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__alarm-state--ok{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__eol-badge--critical{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__eol-badge--critical{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__eol-badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__eol-badge--warning{
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__view-all-link{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__view-all-link{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .client-detail__view-all-link:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .client-detail__view-all-link:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-list-item.client-list-item .resource-list-item__badge--alarm{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-list-item.client-list-item .resource-list-item__badge--alarm{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.document-list-item{
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}
.document-list-item:last-child{
  border-bottom-width: 0px;
}
.document-list-item{
  border-radius: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.document-list-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.document-list-item:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.document-list-item{
  cursor: pointer;
  text-decoration-line: none;
}
.document-list-item__title{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.document-list-item__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.document-list-item__meta{
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.document-list-item__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.document-detail__header{
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  padding-bottom: 16px;
}
.document-detail__content > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - 0));
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}
.document-detail__properties{
  margin-top: 16px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.document-detail__properties__item{
  display: flex;
  align-items: flex-start;
}
.document-detail__properties__label{
  width: 33.333333%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.document-detail__properties__label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.document-detail__properties__value{
  width: 66.666667%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.document-detail__properties__value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.spec-viewer-page {
  height: calc(100vh - 200px - 0px);
  height: calc(100vh - 200px - var(--mobile-nav-h));
  display: flex;
  flex-direction: column;
}
.spec-viewer-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer-header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.spec-viewer-header__left{
  display: flex;
  align-items: center;
  gap: 12px;
}
.spec-viewer-header__logo{
  display: flex;
  align-items: center;
}
.spec-viewer-header__title{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.spec-viewer-header__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.dark .spec-viewer-header{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .spec-viewer-header__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .spec-viewer-header__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .document-list-item:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .document-list-item__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .document-list-item__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .document-list-item__meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .document-list-item__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .document-detail__header{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .document-detail__properties__label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .document-detail__properties__label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .document-detail__properties__value{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .document-detail__properties__value{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.repositories-container{
  display: flex;
  gap: 8px;
}
.repositories-container .sidebar{
  width: 15rem;
}
.repositories-container .sidebar .repository-list-item{
  display: flex;
  flex-direction: column;
  gap: 4px;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.repositories-container .sidebar .repository-list-item{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.repositories-container .sidebar .repository-list-item:hover{
  text-decoration-line: none;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repositories-container .sidebar .repository-list-item:hover{
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  }
}
.repositories-container .sidebar .repository-list-item__name{
  font-weight: 500;
}
.repositories-container .sidebar .repository-list-item__github-id{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repositories-container .sidebar .repository-list-item__github-id{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repositories-container .sidebar .repository-list-item__team{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repositories-container .sidebar .repository-list-item__team{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repositories-container .details{
  flex: 1 1;
}
.repositories-container .details .repository-details__title{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.repositories-container .details .repository-details__header{
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repositories-container .details .repository-details__edit-button{
  margin-left: auto;
}
.repository-details__info{
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.repository-details__info{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.repository-details__info dl{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repository-details__info dl{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.repository-details__info-item{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 640px){
  .repository-details__info-item{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 16px;
    gap: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.repository-details__info-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repository-details__info-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repository-details__info-value{
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repository-details__info-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px){
  .repository-details__info-value{
    grid-column: span 2 / span 2;
    margin-top: 0px;
  }
}
h2{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.recent-checks{
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .recent-checks{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .recent-checks{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .recent-checks{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.recent-checks .check{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.recent-checks .check{
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  }
}
.recent-checks .check p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.recent-checks .check p{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.recent-checks .check__time {
  flex: 1 1 100%;
}
.recent-webhooks{
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .recent-webhooks{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .recent-webhooks{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .recent-webhooks{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.recent-webhooks .webhook{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.recent-webhooks .webhook{
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  }
}
.recent-webhooks .webhook p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.recent-webhooks .webhook p{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.recent-webhooks .webhook__time {
  flex: 1 1 100%;
}
.dark .repositories-container .sidebar .repository-list-item{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repositories-container .sidebar .repository-list-item{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .repositories-container .sidebar .repository-list-item:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .repositories-container .sidebar .repository-list-item__github-id{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repositories-container .sidebar .repository-list-item__github-id{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repositories-container .sidebar .repository-list-item__team{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repositories-container .sidebar .repository-list-item__team{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repositories-container .details .repository-details__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repositories-container .details .repository-details__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .repository-details__info{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .repository-details__info dl{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .repository-details__info-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repository-details__info-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repository-details__info-value{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repository-details__info-value{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark h2{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark h2{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .recent-checks .check,
.dark .recent-checks .webhook,
.dark .recent-webhooks .check,
.dark .recent-webhooks .webhook{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .recent-checks .check p,
.dark .recent-checks .webhook p,
.dark .recent-webhooks .check p,
.dark .recent-webhooks .webhook p{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .recent-checks .check p,
.dark .recent-checks .webhook p,
.dark .recent-webhooks .check p,
.dark .recent-webhooks .webhook p{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-item__eol-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.repo-item__eol-badge--critical{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-item__eol-badge--critical{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.repo-item__eol-badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-item__eol-badge--warning{
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
  }
}
.repo-item__type-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.repo-item__type-badge--client{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-item__type-badge--client{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.repo-item__type-badge--internal{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-item__type-badge--internal{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-item__muted-badge{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-left: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.repo-item__muted-badge{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__top-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.resource-list-item__meta-row{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0.125rem;
  width: 100%;
}
.repo-tech-inventory__header{
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repo-tech-inventory__actions{
  display: flex;
  align-items: center;
  gap: 8px;
}
.repo-tech-inventory__mute-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 4px;
  padding-bottom: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__mute-btn{
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__mute-btn:hover{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__mute-btn:hover{
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  }
}
.repo-tech-inventory__mute-btn--muted{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__mute-btn--muted{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__mute-btn--muted:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__mute-btn--muted:hover{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.repo-tech-inventory__ignore-btn{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: 0.25rem;
  padding: 4px;
  border-width: 0px;
  background-color: transparent;
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__ignore-btn{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__ignore-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__ignore-btn:hover{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__actions-col{
  width: 32px;
  text-align: center;
}
.repo-mcp-config{
  margin-top: 16px;
}
.repo-mcp-config__header{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repo-mcp-config__title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.repo-mcp-config__title i{
  margin-right: 8px;
}
.repo-mcp-config__copy-btn{
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  border-radius: 0.25rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  background: var(--surface-2);
  color: #5a6274;
  color: var(--text-secondary);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
.repo-mcp-config__copy-btn:hover {
  background: var(--surface-3);
  color: #1a1d23;
  color: var(--text-primary);
}
.repo-mcp-config__snippet{
  overflow-x: auto;
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  background: var(--surface-2);
  color: #1a1d23;
  color: var(--text-primary);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  font-family: monospace;
  white-space: pre;
}
.dark .repo-item__eol-badge--critical{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-item__eol-badge--critical{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-item__eol-badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-item__eol-badge--warning{
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-item__type-badge--client{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-item__type-badge--client{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-item__type-badge--internal{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-item__type-badge--internal{
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-item__muted-badge{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-item__muted-badge{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__mute-btn{
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__mute-btn{
    border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__mute-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__mute-btn:hover{
    background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
  }
}
.dark .repo-tech-inventory__mute-btn--muted{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__mute-btn--muted{
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__mute-btn--muted:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__mute-btn--muted:hover{
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }
}
.dark .repo-tech-inventory__ignore-btn{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__ignore-btn{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__ignore-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__ignore-btn:hover{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.resource-detail{
  padding: 24px;
}
.resource-detail__header{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.resource-detail__badge{
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  border-radius: 9999px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__badge{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__date{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.resource-detail__field{
  margin-bottom: 12px;
}
.resource-detail__link{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__link:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__link:hover{
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__link{
  word-break: break-all;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.resource-detail__description{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__description .icon {
  align-items: initial;
  display: inline;
  display: initial;
  height: auto;
  height: initial;
  width: auto;
  width: initial;
}
.resource-detail__description p{
  margin-top: 8px;
  margin-bottom: 8px;
}
.dark .resource-detail__badge{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__badge{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__date{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__link{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__link{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__link:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__link:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__description{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__description{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.timesheet{
  flex: 1 1;
  min-height: 0px;
  overflow-y: auto;
  width: 100%;
}
@media (min-width: 640px){
  .timesheet{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .timesheet{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .timesheet{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .timesheet{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .timesheet{
    max-width: 1536px;
  }
}
.timesheet{
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.timesheet__header{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.timesheet__week-nav{
  display: flex;
  align-items: center;
  gap: 16px;
}
.timesheet__nav-button{
  padding: 8px;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.timesheet__nav-button{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.timesheet__nav-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.timesheet__nav-button:hover{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.timesheet__week-label{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.timesheet__week-label{
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.timesheet__layout{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .timesheet__layout{
    flex-direction: row;
  }
}
.timesheet__summary{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .timesheet__summary{
    width: 33.333333%;
  }
}
.timesheet__entries{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .timesheet__entries{
    width: 66.666667%;
  }
}
.timesheet__empty-message{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
@supports (color: rgb(0 0 0 / 0)){
.timesheet__empty-message{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.dark .timesheet__nav-button{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .timesheet__nav-button{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .timesheet__nav-button:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .timesheet__nav-button:hover{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .timesheet__week-label{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .timesheet__week-label{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .timesheet__empty-message{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .timesheet__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.badge{
  display: inline-flex;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  gap: 4px;
}
.badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.badge--warning{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.badge--info{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.badge--info{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.badge--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.badge--secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.badge--secondary{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  gap: 4px;
  margin-left: 8px;
}
.resource-list-item__badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__badge--warning{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__badge--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__section{
  margin-top: 24px;
}
.resource-detail__section-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__section-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - 0));
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * 0);
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.resource-detail__list-item{
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__list-item{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 640px) {
  .resource-detail__list-item{
    flex-direction: row;
  }
}
.resource-detail__list-item dt{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  width: 100%;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__list-item dt{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px) {
  .resource-detail__list-item dt{
    width: 33.333333%;
  }
}
.resource-detail__list-item dd{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-top: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__list-item dd{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 640px) {
  .resource-detail__list-item dd{
    margin-top: 0px;
    width: 66.666667%;
  }
}
.resource-detail__actions{
  margin-top: 32px;
  padding-top: 24px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__actions{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.account-link-detail__subtitle{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-detail__subtitle{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.account-link-detail__code{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-detail__code{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.account-link-option{
  display: flex;
  align-items: center;
  padding: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 100%;
  text-align: left;
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.account-link-option--jira:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option--jira:hover{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.account-link-option--harvest:hover{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option--harvest:hover{
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
  }
}
.account-link-option__icon{
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-right: 16px;
}
.account-link-option__icon--jira{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option__icon--jira{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
}
.account-link-option__icon--harvest{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option__icon--harvest{
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
  }
}
.account-link-option__body{
  flex: 1 1;
}
.account-link-option__title{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.account-link-option__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option__description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.account-link-option__chevron{
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-option__chevron{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.account-link-modal__description{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  margin-bottom: 24px;
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-modal__description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.account-link-select__cancel{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-select__cancel{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.account-link-select__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.account-link-select__cancel:hover{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.dark .badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .badge--warning{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
  }
}
.dark .badge--info{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .badge--info{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .badge--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .badge--secondary{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .badge--secondary{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-list-item__badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-list-item__badge--warning{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-list-item__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-list-item__badge--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__section-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__section-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__list-item{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .resource-detail__list-item dt{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__list-item dt{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__list-item dd{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__list-item dd{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__actions{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .account-link-detail__subtitle{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-detail__subtitle{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-detail__code{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-detail__code{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-option{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .account-link-option--jira:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 1);
  background-color: rgb(30 58 138 / 0.3);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-option--jira:hover{
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
  }
}
.dark .account-link-option--harvest:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / 1);
  background-color: rgb(124 45 18 / 0.3);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-option--harvest:hover{
    border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
  }
}
.dark .account-link-option__icon--jira{
  background-color: rgb(30 58 138 / 0.5);
}
.dark .account-link-option__icon--harvest{
  background-color: rgb(124 45 18 / 0.5);
}
.dark .account-link-option__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-option__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-option__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-option__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-option__chevron{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-option__chevron{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-modal__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-modal__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-select__cancel{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-select__cancel{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .account-link-select__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .account-link-select__cancel:hover{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.resource-detail{
  margin-bottom: 16px;
}
.resource-detail__header{
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding-bottom: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.resource-detail__header h1 {
  white-space: nowrap;
}
.resource-detail__header__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.resource-detail__header__actions > * {
  white-space: nowrap;
}
.resource-detail__title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__badge{
  display: inline-flex;
  border-radius: 9999px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.resource-detail__badge--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__badge--danger{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__badge--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__section{
  margin-bottom: 24px;
}
.resource-detail__section-title{
  margin-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-detail__section-title{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.resource-detail__state-changes{
  margin-top: 16px;
}
.resource-detail__state-changes > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - 0));
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * 0);
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.resource-list-item{
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.resource-list-item__content{
  display: flex;
  flex-direction: column;
}
.resource-list-item__title{
  margin-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__subtitle{
  margin-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__subtitle{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__badge{
  display: inline-flex;
  align-self: flex-start;
  border-radius: 9999px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.resource-list-item__badge--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__badge--danger{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.resource-list-item__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-list-item__badge--success{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.state-change{
  margin-bottom: 16px;
  border-radius: 0.375rem;
  border-width: 1px;
  padding: 16px;
}
.state-change--danger{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.state-change--danger{
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.state-change--success{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.state-change--success{
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
  }
}
.state-change__header{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.state-change__state{
  font-weight: 500;
}
.state-change__date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.state-change__date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.state-change__reason{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.state-change__reason{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.state-change-loading{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.state-change-loading__spinner{
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.state-change-loading__spinner{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.state-change-loading__spinner i{
  margin-right: 8px;
}
.infinite-scroll{
  display: block;
  width: 100%;
}
.infinite-scroll__trigger{
  height: 32px;
}
.infinite-scroll__spinner{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.infinite-scroll__spinner{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.infinite-scroll__spinner i{
  margin-right: 8px;
}
.dark .resource-detail__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__badge--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__badge--danger{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__badge--success{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-detail__section-title{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-detail__section-title{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .state-change--danger{
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
  background-color: rgb(127 29 29 / 0.3);
  --tw-bg-opacity: 0.3;
}
@supports (color: rgb(0 0 0 / 0)){
.dark .state-change--danger{
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
}
.dark .state-change--success{
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / 1);
  background-color: rgb(20 83 45 / 0.3);
  --tw-bg-opacity: 0.3;
}
@supports (color: rgb(0 0 0 / 0)){
.dark .state-change--success{
    border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
  }
}
.dark .state-change__date{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .state-change__date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .state-change__reason{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .state-change__reason{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .state-change-loading__spinner{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .state-change-loading__spinner{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.modal__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary);
}
.modal__body {
  padding: 20px;
  overflow-y: auto;
}
.modal__body .field {
  margin-bottom: 16px;
}
.modal__body .label,
.modal__body .field > label,
.modal__body .boolean > label {
  display: block;
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
.modal__body .input,
.modal__body .textarea,
.modal__body .select select {
  width: 100%;
  padding: 8px 12px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 13px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
  outline: none;
  box-shadow: none;
}
.modal__body .input:focus,
.modal__body .textarea:focus,
.modal__body .select select:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 2px var(--accent-glow);
}
.modal__body .select {
  width: 100%;
  height: auto;
}
.modal__body .select::after {
  display: none;
}
.modal__body .select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23566a80' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
}
.modal__body .boolean,
.modal__body .form-group--checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal__body .boolean label,
.modal__body .boolean .form-label,
.modal__body .form-group--checkbox label,
.modal__body .form-group--checkbox .form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  margin-bottom: 0;
}
.modal__body .boolean input[type=checkbox],
.modal__body .form-group--checkbox input[type=checkbox] {
  accent-color: #1d4ed8;
  accent-color: var(--accent);
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  flex-shrink: 0;
  cursor: pointer;
}
.modal__body .help {
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 4px;
}
.modal__body .resource-form {
  max-width: 100%;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.modal__body .resource-form__card {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.modal__body .resource-form__content {
  padding: 0;
}
.modal__foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
}
.modal-form{
  width: 100%;
}
.modal-form__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.modal-form__header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.modal-form__title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.modal-form__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.modal-form__close{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.modal-form__close{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.modal-form__close:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.modal-form__close:hover{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.modal-form__close{
  border-radius: 9999px;
}
.modal-form__close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.modal-form__close:hover{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.modal-form__close{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
}
@media (min-width: 768px) {
  .modal-form__close{
    height: 32px;
    width: 32px;
  }
}
.modal-form__close i{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.modal-form__body{
  max-height: calc(100vh - 12rem);
  overflow-y: auto;
}
@media (min-width: 768px) {
  .modal-form__body{
    max-height: calc(100vh - 20rem);
  }
}
.modal-form__body .resource-form{
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 0px;
}
.modal-form__body .resource-form__card{
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: transparent;
}
.dark .modal-form__header{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .modal-form__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .modal-form__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .modal-form__close{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .modal-form__close{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .modal-form__close:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .modal-form__close:hover{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.home{
  flex: 1 1;
  min-height: 0px;
  overflow-y: auto;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.home__intro{
  margin-bottom: 32px;
}
.home__title{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  margin-bottom: 24px;
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__title{
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
  }
}
.home__description{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.home__card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-radius: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
  margin-bottom: 40px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.home__card:last-child{
  margin-bottom: 0px;
}
.home__card-header{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
}
@supports (color: rgb(0 0 0 / 0)){
.home__card-header{
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.home__card-icon{
  margin-right: 8px;
}
.home__card-title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.home__card-body{
  padding: 24px;
}
.home__card-body--docs{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__card-body--docs{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.home__token-info{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 16px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__token-info{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.home__token-row{
  margin-bottom: 8px;
}
.home__token-row:last-child{
  margin-bottom: 0px;
}
.home__label{
  font-weight: 600;
}
.home__label-inline{
  font-weight: 500;
}
.home__code{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.home__code{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.home__link{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__link{
    color: rgb(79 70 229 / var(--tw-text-opacity, 1));
  }
}
.home__link:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__link:hover{
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
  }
}
.home__subtitle{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.home__code-block{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
  padding: 16px;
  border-radius: 0.375rem;
  overflow: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.home__code-block{
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.home__instructions{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__instructions{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.home__steps{
  list-style-type: decimal;
  padding-left: 24px;
}
.home__steps > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.home__step{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__step{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.home__substeps{
  list-style-type: disc;
  padding-left: 24px;
  margin-top: 8px;
}
.home__substeps > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.home__substep{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__substep{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.home__login-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-radius: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.home__login-header{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-header{
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.home__login-title{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.home__login-body{
  padding: 24px;
}
.home__login-description{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.home__login-actions{
  margin-top: 24px;
}
.home__login-button{
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-button{
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
  }
}
.home__login-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-button:hover{
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
  }
}
.home__login-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 0.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@supports (color: rgb(0 0 0 / 0)){
.home__login-button{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.dark .home__title{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__title{
    color: rgb(129 140 248 / var(--tw-text-opacity, 1));
  }
}
.dark .home__description{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__description{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .home__card{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .home__card-header{
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__card-header{
    background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
  }
}
.dark .home__card-body--docs{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .home__token-info{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .home__code{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__code{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .home__link{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__link{
    color: rgb(129 140 248 / var(--tw-text-opacity, 1));
  }
}
.dark .home__link:hover{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__link:hover{
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
}
.dark .home__instructions{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__instructions{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .home__step{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__step{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .home__substep{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__substep{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .home__login-card{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .home__login-header{
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__login-header{
    background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
  }
}
.dark .home__login-description{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .home__login-description{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.team-members{
  margin-top: 32px;
}
.team-members__header{
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-members__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-members__manage-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__manage-button{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.team-members__manage-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__manage-button:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.team-members__invite-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__invite-button{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.team-members__invite-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__invite-button:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.team-members__list{
  margin-top: 24px;
}
.team-members__items > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.team-members__empty{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__empty{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.team-members__empty-icon{
  margin-bottom: 16px;
}
.team-members__empty-message{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-members__empty-message{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-member-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 16px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.team-member-item:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item:hover{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-member-item__user{
  flex: 1 1;
}
.team-member-item__name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__email{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__email{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__access{
  margin-left: 16px;
  margin-right: 16px;
}
.team-member-item__access-form{
  display: inline-block;
}
.team-member-item__access-select{
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__access-select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-member-item__access-select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__access-select:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.team-member-item__access-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.team-member-item__access-badge--owner{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__access-badge--owner{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__access-badge--admin{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__access-badge--admin{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__access-badge--member{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__access-badge--member{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__actions{
  display: flex;
  align-items: center;
}
.team-member-item__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.team-member-item__action{
  padding: 8px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__action:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__action:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__action--transfer:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__action--transfer:hover{
    color: rgb(147 51 234 / var(--tw-text-opacity, 1));
  }
}
.team-member-item__action--delete:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-member-item__action--delete:hover{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.team-user-list{
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.team-user-list__header{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-user-list__header-cell--user{
  grid-column: span 1 / span 1;
}
.team-user-list__header-cell--access{
  grid-column: span 1 / span 1;
  text-align: center;
}
.team-user-list__header-cell--actions{
  grid-column: span 1 / span 1;
  text-align: right;
}
.team-user-list__body > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__body > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
  }
}
.team-user-list__empty{
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
}
.team-user-list__empty-icon{
  margin-bottom: 16px;
}
.team-user-list__empty-title{
  margin-bottom: 8px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__empty-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-user-list__empty-message{
  margin-bottom: 24px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__empty-message{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-list__empty-action{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__empty-action{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.team-user-list__empty-action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-list__empty-action:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.team-user-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  padding: 16px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.team-user-row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.team-user-row__user{
  grid-column: span 1 / span 1;
}
.team-user-row__name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__email{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__email{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__access{
  grid-column: span 1 / span 1;
  text-align: center;
}
.team-user-row__access-form{
  display: inline-block;
}
.team-user-row__access-select{
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__access-select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-user-row__access-select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__access-select:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.team-user-row__access-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.team-user-row__access-badge--owner{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__access-badge--owner{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__access-badge--admin{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__access-badge--admin{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__access-badge--member{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__access-badge--member{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__actions{
  grid-column: span 1 / span 1;
  display: flex;
  justify-content: flex-end;
}
.team-user-row__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.team-user-row__action{
  padding: 8px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__action:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__action:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__action--transfer:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__action--transfer:hover{
    color: rgb(147 51 234 / var(--tw-text-opacity, 1));
  }
}
.team-user-row__action--delete:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-row__action--delete:hover{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.team-user-item{
  display: block;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding: 16px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.team-user-item:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item:hover{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-user-item__content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-user-item__user{
  flex: 1 1;
}
.team-user-item__name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__email{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__email{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__access{
  margin-left: 16px;
  margin-right: 16px;
}
.team-user-item__access-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.team-user-item__access-badge--owner{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__access-badge--owner{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__access-badge--admin{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__access-badge--admin{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__access-badge--member{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__access-badge--member{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__actions{
  display: flex;
  align-items: center;
}
.team-user-item__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.team-user-item__action{
  padding: 8px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__action:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__action:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__action--edit:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__action--edit:hover{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__action--transfer:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__action--transfer:hover{
    color: rgb(147 51 234 / var(--tw-text-opacity, 1));
  }
}
.team-user-item__action--delete:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-item__action--delete:hover{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.team-user-management{
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.dark .team-members__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-members__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-members__empty{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .team-members__empty-message{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-members__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-member-item{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .team-member-item:hover{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .team-member-item__name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-member-item__name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-member-item__email{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-member-item__email{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-member-item__access-select{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-member-item__access-select{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .team-member-item__action{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-member-item__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-member-item__action:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-member-item__action:hover{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-list{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .team-user-list__header{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-list__header{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-list__body > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .team-user-row:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .team-user-row__name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__email{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__email{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__access-select{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__access-select{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__access-badge--owner{
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / 1);
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__access-badge--owner{
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    color: rgb(216 180 254 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__access-badge--admin{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__access-badge--admin{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__access-badge--member{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__access-badge--member{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__action{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-row__action:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-row__action:hover{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .team-user-item:hover{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .team-user-item__name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__email{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__email{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__access-badge--owner{
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / 1);
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__access-badge--owner{
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    color: rgb(216 180 254 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__access-badge--admin{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__access-badge--admin{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__access-badge--member{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__access-badge--member{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__action{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-item__action:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-item__action:hover{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.team-user-form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - 0));
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}
.team-user-form__fields > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - 0));
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * 0);
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.team-user-form__field > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.team-user-form__label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.team-user-form__input{
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-user-form__input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.team-user-form__input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
.team-user-form__input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
.team-user-form__input::placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.team-user-form__input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__input:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.team-user-form__select{
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.team-user-form__select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__select:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.team-user-form__user-info{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__user-info{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.team-user-form__user-name{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__user-name{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-user-form__user-email{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__user-email{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.team-user-form__actions{
  display: flex;
  justify-content: flex-end;
}
.team-user-form__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * 0);
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - 0));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
.team-user-form__actions{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding-top: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__actions{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.team-user-form__button{
  border-radius: 0.375rem;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.team-user-form__button--primary{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__button--primary{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.team-user-form__button--primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__button--primary:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.team-user-form__button--secondary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__button--secondary{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.team-user-form__button--secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-user-form__button--secondary:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.dark .team-user-form__label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__input{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__input{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .team-user-form__input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .team-user-form__input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .team-user-form__input::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .team-user-form__select{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__select{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__user-info{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .team-user-form__user-name{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__user-name{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__user-email{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__user-email{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__actions{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .team-user-form__button--secondary{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-user-form__button--secondary{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .team-user-form__button--secondary:hover{
  background-color: #4b5563;
  background-color: var(--twin-sun-gray-600);
}
.passkeys{
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.passkeys__header{
  margin-bottom: 32px;
}
.passkeys__title{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.passkeys__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.passkeys__list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.passkeys__list{
  margin-bottom: 32px;
}
.passkeys__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__item{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.passkeys__item:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__item:hover{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.passkeys__item{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.passkeys__item-info{
  display: flex;
  align-items: center;
  gap: 12px;
}
.passkeys__item-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__item-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.passkeys__item-details{
  display: flex;
  flex-direction: column;
}
.passkeys__item-label{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__item-label{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.passkeys__item-meta{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__item-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.passkeys__item-actions{
  display: flex;
  align-items: center;
  gap: 12px;
}
.passkeys__rename-form{
  display: flex;
  align-items: center;
  gap: 8px;
}
.passkeys__rename-input{
  display: block;
  width: 10rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__rename-input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.passkeys__rename-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__rename-input:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.passkeys__rename-button{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__rename-button{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.passkeys__rename-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__rename-button:hover{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
}
.passkeys__rename-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.passkeys__delete-button{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__delete-button{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.passkeys__delete-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__delete-button:hover{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
}
.passkeys__delete-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.passkeys__register{
  padding: 24px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__register{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.passkeys__register-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__register-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.passkeys__form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - 0));
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * 0);
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.passkeys__form-field > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.passkeys__form-label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.passkeys__form-input{
  display: block;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.passkeys__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.passkeys__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
.passkeys__form-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
.passkeys__form-input::placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.passkeys__form-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-input:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.passkeys__form-submit{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-submit{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  }
}
.passkeys__form-submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-submit:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.passkeys__form-submit{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.passkeys__form-status{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  min-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.passkeys__form-status{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.edit-registration__passkeys{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-registration__passkeys-info{
  flex: 1 1;
}
.edit-registration__passkeys-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.edit-registration__passkeys-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.edit-registration__passkeys-title i{
  margin-right: 8px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.edit-registration__passkeys-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.edit-registration__passkeys-description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  margin: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.edit-registration__passkeys-description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.edit-registration__passkeys-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.edit-registration__passkeys-link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.edit-registration__passkeys-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.edit-registration__passkeys-link:hover{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
}
.edit-registration__passkeys-link{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration-line: none;
}
.dark .passkeys__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__item{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .passkeys__item:hover{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark .passkeys__item-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__item-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__item-label{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__item-label{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__item-meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__item-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__rename-input{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__rename-input{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__rename-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__rename-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .passkeys__rename-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .passkeys__rename-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__rename-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .passkeys__rename-input::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .passkeys__rename-button{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__rename-button{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }
}
.dark .passkeys__rename-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__rename-button:hover{
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
}
.dark .passkeys__delete-button{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__delete-button{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
  }
}
.dark .passkeys__delete-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__delete-button:hover{
    background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
  }
}
.dark .passkeys__register{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .passkeys__register-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__register-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__form-label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__form-label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__form-input{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__form-input{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .passkeys__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__form-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .passkeys__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .passkeys__form-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__form-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .passkeys__form-input::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .passkeys__form-status{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .passkeys__form-status{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .edit-registration__passkeys-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .edit-registration__passkeys-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .edit-registration__passkeys-title i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .edit-registration__passkeys-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .edit-registration__passkeys-description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .edit-registration__passkeys-description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .edit-registration__passkeys-link{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .edit-registration__passkeys-link{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }
}
.dark .edit-registration__passkeys-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .edit-registration__passkeys-link:hover{
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens{
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.api-tokens__header{
  margin-bottom: 32px;
}
.api-tokens__title{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__new-token-banner{
  margin-bottom: 24px;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-banner{
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__new-token-banner-header{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-banner-header{
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__new-token-banner-header i{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-banner-header i{
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__new-token-banner-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
  margin-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-banner-text{
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__new-token-value{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-value{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__new-token-code{
  flex: 1 1;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  word-break: break-all;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__new-token-code{
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__copy-button{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__copy-button{
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__copy-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__copy-button:hover{
    background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__copy-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.api-tokens__errors{
  margin-bottom: 24px;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__errors{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__errors ul{
  list-style-type: disc;
  padding-left: 20px;
}
.api-tokens__errors ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.api-tokens__section{
  margin-bottom: 32px;
}
.api-tokens__section--revoked{
  opacity: 0.75;
}
.api-tokens__section-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__section-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.api-tokens__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  padding-top: 16px;
  padding-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__item--revoked{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item--revoked{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__item-info{
  flex: 1 1;
  min-width: 0px;
}
.api-tokens__item-details > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - 0));
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * 0);
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.api-tokens__item-name{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.api-tokens__item-label{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item-label{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__item-label--revoked{
  text-decoration-line: line-through;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item-label--revoked{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__item-prefix{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item-prefix{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__item-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.api-tokens__item-scopes{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.api-tokens__item-scopes--full-access{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item-scopes--full-access{
    color: rgb(234 88 12 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__scope-tag{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 9999px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__scope-tag{
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__item-dates{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__item-dates{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__legacy-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / 1);
  border-radius: 9999px;
  cursor: help;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-badge{
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__legacy-badge i{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-badge i{
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__legacy-warning{
  margin-top: 8px;
  padding: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / 1);
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-warning{
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
    color: rgb(154 52 18 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__legacy-warning p{
  margin-bottom: 8px;
}
.api-tokens__legacy-presets{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.api-tokens__legacy-presets-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-presets-label{
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__legacy-preset-link{
  display: inline-flex;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-preset-link{
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__legacy-preset-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__legacy-preset-link:hover{
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__legacy-preset-link{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.api-tokens__revoked-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 9999px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__revoked-badge{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__item-actions{
  flex-shrink: 0;
}
.api-tokens__revoke-button{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__revoke-button{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__revoke-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__revoke-button:hover{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__revoke-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.api-tokens__create-section{
  padding: 24px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__create-section{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - 0));
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * 0);
  margin-bottom: calc(20px * var(--tw-space-y-reverse));
}
.api-tokens__form-field > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - 0));
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * 0);
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.api-tokens__form-label{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__form-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-hint{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__form-required{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  margin-left: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-required{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__form-optional{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-optional{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__form-input{
  display: block;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.api-tokens__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
.api-tokens__form-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-input::-moz-placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
.api-tokens__form-input::placeholder{
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }
}
.api-tokens__form-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-input:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__form-input--date{
  width: auto;
}
.api-tokens__scopes-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 12px;
}
.api-tokens__scope-checkbox{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.api-tokens__scope-checkbox-input{
  width: 16px;
  height: 16px;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.25rem;
  cursor: pointer;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__scope-checkbox-input{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__scope-checkbox-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__scope-checkbox-label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__presets{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.api-tokens__presets-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__presets-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.api-tokens__preset-button{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__preset-button{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.api-tokens__preset-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__preset-button:hover{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__preset-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.api-tokens__form-actions{
  padding-top: 8px;
}
.api-tokens__form-submit{
  display: inline-flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-submit{
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__form-submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.api-tokens__form-submit:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.api-tokens__form-submit{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.dark .api-tokens__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__new-token-banner{
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__new-token-banner{
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__new-token-banner-header{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__new-token-banner-header{
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__new-token-banner-text{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__new-token-banner-text{
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__new-token-value{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__new-token-value{
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__new-token-code{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__new-token-code{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__copy-button{
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__copy-button{
    background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__copy-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__copy-button:hover{
    background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
  }
}
.dark .api-tokens__section-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__section-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__item{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .api-tokens__item--revoked{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
}
.dark .api-tokens__item-label{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__item-label{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__item-label--revoked{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__item-label--revoked{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__item-prefix{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__item-prefix{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__item-dates{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__item-dates{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__legacy-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__legacy-warning{
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
    color: rgb(254 215 170 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__legacy-preset-link{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__legacy-preset-link{
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__legacy-preset-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__legacy-preset-link:hover{
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
  }
}
.dark .api-tokens__revoke-button{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__revoke-button{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__revoke-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__revoke-button:hover{
    background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
  }
}
.dark .api-tokens__create-section{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .api-tokens__form-label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__form-label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__form-hint{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__form-hint{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__form-input{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__form-input{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__form-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .api-tokens__form-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .api-tokens__form-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__form-input::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .api-tokens__form-input::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .api-tokens__scope-checkbox-label{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__scope-checkbox-label{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .api-tokens__preset-button{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__preset-button{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }
}
.dark .api-tokens__preset-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .api-tokens__preset-button:hover{
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
}
.worker-api-token{
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.worker-api-token__header{
  margin-bottom: 32px;
}
.worker-api-token__title{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__section{
  margin-bottom: 32px;
}
.worker-api-token__section-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__section-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__token-display{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__token-display{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.worker-api-token__token-info{
  display: flex;
  align-items: center;
  gap: 12px;
}
.worker-api-token__token-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__token-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__token-details{
  display: flex;
  flex-direction: column;
}
.worker-api-token__token-value{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__token-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__token-meta{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin-top: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__token-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__rotate-button{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__rotate-button{
    color: rgb(161 98 7 / var(--tw-text-opacity, 1));
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
  }
}
.worker-api-token__rotate-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__rotate-button:hover{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
  }
}
.worker-api-token__rotate-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.worker-api-token__empty{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.5rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__empty{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.worker-api-token__empty-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__empty-text{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__generate-button{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / 1);
  border-radius: 0.375rem;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__generate-button{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }
}
.worker-api-token__generate-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__generate-button:hover{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
}
.worker-api-token__generate-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  cursor: pointer;
}
.worker-api-token__usage{
  margin-bottom: 32px;
}
.worker-api-token__usage-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  margin-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__usage-text{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.worker-api-token__usage-code{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 0.5rem;
  overflow-x: auto;
}
@supports (color: rgb(0 0 0 / 0)){
.worker-api-token__usage-code{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__description{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__description{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__section-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__section-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__token-display{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .worker-api-token__token-icon{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__token-icon{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__token-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__token-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__token-meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__token-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__rotate-button{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__rotate-button{
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
    border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
  }
}
.dark .worker-api-token__rotate-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__rotate-button:hover{
    background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
  }
}
.dark .worker-api-token__empty{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .worker-api-token__empty-text{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__empty-text{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__generate-button{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__generate-button{
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }
}
.dark .worker-api-token__generate-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__generate-button:hover{
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
  }
}
.dark .worker-api-token__usage-text{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__usage-text{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .worker-api-token__usage-code{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  border-width: 1px;
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .worker-api-token__usage-code{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.priority-badge{
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.priority-badge--high{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.priority-badge--high{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.priority-badge--normal{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.priority-badge--normal{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.priority-badge--low{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.priority-badge--low{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-list-item__priority{
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.work-item-list-item__priority--high{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-list-item__priority--high{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.work-item-list-item__priority--low{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-list-item__priority--low{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.work-item-list-item__jira-key{
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.work-item-list-item__summary{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-list-item__summary{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-list-item__progress{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-list-item__progress{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__group{
  margin-bottom: 24px;
}
.work-item-detail__group:last-child{
  margin-bottom: 0px;
}
.work-item-detail__heading{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__heading{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__resource-list{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.work-item-detail__resource-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - 0));
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * 0);
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.work-item-detail__resource-item{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__resource-item{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__resource-item a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__resource-item a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__resource-item a:hover{
  text-decoration-line: underline;
}
.work-item-detail__pr-item{
  flex-wrap: wrap;
}
.work-item-detail__pr-number{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
}
.work-item-detail__pr-branch{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__pr-branch{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__empty-message{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__cost-summary{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.work-item-detail__paused-banner{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__paused-banner{
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
    color: rgb(154 52 18 / var(--tw-text-opacity, 1));
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__paused-banner i{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__paused-banner i{
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__cancelled-banner{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__cancelled-banner{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__cancelled-banner i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__cancelled-banner i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__done-banner{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__done-banner{
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__done-banner i{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__done-banner i{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__blocked-banner{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__blocked-banner{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__blocked-banner-header{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
  margin-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__blocked-banner-header{
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__blocked-banner-header i{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__blocked-banner-header i{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__unblock-form{
  margin-top: 8px;
}
.work-item-detail__unblock-form-field{
  margin-bottom: 12px;
}
.work-item-detail__unblock-form-label{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  margin-bottom: 4px;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unblock-form-label{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__unblock-form-textarea{
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unblock-form-textarea{
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.work-item-detail__unblock-form-options{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unblock-form-options{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__unblock-form-checkbox{
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unblock-form-checkbox{
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__unblock-form-checkbox-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unblock-form-checkbox-label{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__unblock-form-actions{
  display: flex;
  justify-content: flex-end;
}
.work-item-detail__dependency-wait-banner{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-wait-banner{
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__dependency-wait-banner-header{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-wait-banner-header{
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-wait-banner-header i{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-wait-banner-header i{
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-wait-list{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.work-item-detail__dependency-wait-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.work-item-detail__dependency-wait-item{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-wait-item{
    color: rgb(120 53 15 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-wait-item a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-wait-item a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-wait-item a:hover{
  text-decoration-line: underline;
}
.work-item-detail__unresolved-dep{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__unresolved-dep{
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__stage-detail-panel{
  margin-top: 16px;
  display: none;
}
.work-item-feedback__respawn-hint.work-item-detail__stage-detail-panel {
  display: none;
}
.feedback-report__modal.work-item-detail__stage-detail-panel {
  display: none;
}
.spec-list-item.work-item-detail__stage-detail-panel {
  display: none;
}
.work-item-detail__stage-detail-panel--open{
  display: block;
}
.work-item-detail__dependencies > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - 0));
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * 0);
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
.work-item-detail__dependencies-subsection{
  margin-bottom: 12px;
}
.work-item-detail__dependencies-subheading{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependencies-subheading{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-list{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.work-item-detail__dependency-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.work-item-detail__dependency-item{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-item{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-item a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-item a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-item a:hover{
  text-decoration-line: underline;
}
.work-item-detail__dependency-source{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-source{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-unresolved{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / 1);
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-unresolved{
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__dependency-remove{
  margin-left: auto;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-remove{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-remove:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-remove:hover{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-remove{
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}
.work-item-detail__dependency-add{
  margin-top: 8px;
}
.work-item-detail__dependency-add-toggle{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-add-toggle{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-detail__dependency-add-toggle:hover{
  text-decoration-line: underline;
}
.work-item-detail__dependency-add-toggle{
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}
.work-item-detail__dependency-add-form{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  display: none;
}
.work-item-feedback__respawn-hint.work-item-detail__dependency-add-form {
  display: none;
}
.feedback-report__modal.work-item-detail__dependency-add-form {
  display: none;
}
.spec-list-item.work-item-detail__dependency-add-form {
  display: none;
}
.work-item-detail__dependency-add-form--visible{
  display: flex;
}
.work-item-detail__dependency-add-select{
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  flex: 1 1;
  min-width: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-detail__dependency-add-select{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.work-item-detail__dependency-add-submit{
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
}
.work-item-form__repo-select{
  width: 100%;
}
.ts-wrapper.work-item-form__repo-select .ts-control {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  border: 1px solid #e2e8f0 !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  border-radius: var(--radius-sm) !important;
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
}
.ts-wrapper.work-item-form__repo-select .ts-control input {
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
  background-color: transparent !important;
}
.ts-wrapper.work-item-form__repo-select .ts-control input::-moz-placeholder {
  color: #5b6577 !important;
  color: var(--text-muted) !important;
}
.ts-wrapper.work-item-form__repo-select .ts-control input::placeholder {
  color: #5b6577 !important;
  color: var(--text-muted) !important;
}
.ts-wrapper.work-item-form__repo-select .ts-dropdown {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  border: 1px solid #e2e8f0 !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  border-radius: var(--radius-sm) !important;
}
.ts-wrapper.work-item-form__repo-select .ts-dropdown .option {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
}
.ts-wrapper.work-item-form__repo-select .ts-dropdown .option:hover, .ts-wrapper.work-item-form__repo-select .ts-dropdown .option.active {
  background-color: #cbd5e1 !important;
  background-color: var(--bg-600) !important;
}
.work-item-form input[type=checkbox],
.field.boolean input[type=checkbox]{
  width: 16px !important;
  height: 16px !important;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.work-item-form input[type=checkbox],
.field.boolean input[type=checkbox]{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.work-item-form input[type=checkbox]:focus,
.field.boolean input[type=checkbox]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}
.work-item-form input[type=checkbox],
.field.boolean input[type=checkbox] {
  width: 1rem !important;
  max-width: 1rem !important;
}
.field.boolean{
  margin-bottom: 16px;
}
.field.boolean label{
  margin-bottom: 0px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.field.boolean label input[type=checkbox]{
  flex-shrink: 0;
}
.form-check{
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-check input[type=checkbox]{
  margin: 0px;
}
.stage-detail{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.375rem;
  padding: 16px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.stage-detail__header{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.stage-detail__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__title i{
  margin-right: 4px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__meta{
  margin-bottom: 16px;
}
.stage-detail__properties{
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.stage-detail__property dt{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__property dt{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__property dd{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  margin-top: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__property dd{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__property dd i{
  margin-right: 4px;
}
.stage-detail__section-heading{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin-bottom: 8px;
  margin-top: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__section-heading{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__section-heading i{
  margin-right: 4px;
}
.stage-detail__cost{
  margin-bottom: 16px;
}
.stage-detail__cost-table{
  overflow-x: auto;
}
.stage-detail__cost-table table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.stage-detail__cost-table table th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  padding-bottom: 4px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  font-weight: 500;
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__cost-table table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.stage-detail__cost-table table td{
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__cost-table table td{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__model-name{
  font-weight: 600;
}
.stage-detail__feedback{
  margin-bottom: 16px;
}
.stage-detail__feedback-content{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__feedback-content{
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__logs{
  margin-top: 16px;
}
.stage-detail__loading{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__loading{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__loading i{
  margin-right: 8px;
}
.stage-detail__error{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.stage-detail__error{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.stage-detail__error i{
  margin-right: 8px;
}
.dark .work-item-list-item__summary{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-list-item__summary{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-list-item__progress{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-list-item__progress{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__heading{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__heading{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__resource-item{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__resource-item{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__resource-item a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__resource-item a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__pr-branch{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__pr-branch{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__empty-message{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__paused-banner{
  background-color: rgb(124 45 18 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__paused-banner{
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__paused-banner i{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__paused-banner i{
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__cancelled-banner{
  background-color: rgb(31 41 55 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__cancelled-banner{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__cancelled-banner i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__cancelled-banner i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__done-banner{
  background-color: rgb(20 83 45 / 0.3);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__done-banner{
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__done-banner i{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__done-banner i{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__blocked-banner{
  background-color: rgb(127 29 29 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__blocked-banner{
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__blocked-banner-header{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__blocked-banner-header{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__blocked-banner-header i{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__blocked-banner-header i{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-wait-banner{
  background-color: rgb(120 53 15 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-wait-banner{
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__dependency-wait-banner-header{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-wait-banner-header{
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-wait-banner-header i{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-wait-banner-header i{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-wait-item{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-wait-item{
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-wait-item a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-wait-item a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unresolved-dep{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unresolved-dep{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unblock-form-label{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unblock-form-label{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unblock-form-textarea{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unblock-form-textarea{
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unblock-form-options{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unblock-form-options{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unblock-form-checkbox-label{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unblock-form-checkbox-label{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__unblock-form-checkbox{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__unblock-form-checkbox{
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__dependencies-subheading{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependencies-subheading{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-item{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-item{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-item a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-item a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-source{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-source{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-unresolved{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
  background-color: rgb(120 53 15 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-unresolved{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .work-item-detail__dependency-remove{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-remove{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-remove:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-remove:hover{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-detail__dependency-add-select{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-detail__dependency-add-select{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-form input[type=checkbox]{
  width: 16px;
  height: 16px;
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-form input[type=checkbox]{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.dark .work-item-form input[type=checkbox]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-color: var(--twin-sun-gray-900);
}
.dark .work-item-form .boolean label{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .work-item-form .boolean label{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .field.boolean input[type=checkbox]{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field.boolean input[type=checkbox]{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.dark .field.boolean label{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field.boolean label{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .stage-detail__header{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .stage-detail__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__title i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__property dt{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__property dt{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__property dd{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__property dd{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__section-heading{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__section-heading{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__cost-table table th{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__cost-table table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__cost-table table td{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__cost-table table td{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .stage-detail__feedback-content{
  background-color: rgb(113 63 18 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / 1);
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .stage-detail__feedback-content{
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
  }
}
.auto-remediated-banner{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.auto-remediated-banner__link{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.auto-remediated-banner__link{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.auto-remediated-banner__link:hover{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.auto-remediated-banner__link:hover{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.spaces-detail {
  flex: 1 1;
  overflow-y: auto;
  padding: 20px 24px;
  background: #f1f5f9;
  background: var(--bg-800);
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
  scrollbar-color: var(--bg-500) transparent;
}
.spaces-detail::-webkit-scrollbar {
  width: 4px;
}
.spaces-detail::-webkit-scrollbar-track {
  background: transparent;
}
.spaces-detail::-webkit-scrollbar-thumb {
  background: #94a3b8;
  background: var(--bg-500);
  border-radius: 2px;
}
.spaces-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 12px;
}
.spaces-detail__name {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1a1d23;
  color: var(--text-primary);
}
.spaces-detail__header-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.spaces-detail__meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 24px;
}
.meta-card {
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 14px 16px;
}
.meta-card__label {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.meta-card__value {
  font-size: 13px;
  color: #1a1d23;
  color: var(--text-primary);
  line-height: 1.5;
}
.meta-card__value a {
  color: #1d4ed8;
  color: var(--accent);
  text-decoration: none;
}
.meta-card__value a:hover {
  color: #1e40af;
  color: var(--accent-hover);
  text-decoration: underline;
}
.meta-card__value--empty {
  color: #5b6577;
  color: var(--text-muted);
  font-style: italic;
}
.meta-card--spaced {
  margin-bottom: 24px;
}
.spaces-detail__section-title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1a1d23;
  color: var(--text-primary);
}
.spaces-detail__section-title .kanban__col-count {
  margin-left: 4px;
}
.spaces-detail__section-spacer {
  flex: 1 1;
}
.space-metrics {
  margin-bottom: 24px;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 16px 18px;
  background: #e2e8f0;
  background: var(--bg-700);
}
.space-metrics--loading {
  opacity: 0.6;
}
.space-metrics__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.space-metrics__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b6577;
  color: var(--text-muted);
  flex-shrink: 0;
}
.space-metrics__period-pills {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}
.space-metrics__pill {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  background: #cbd5e1;
  background: var(--bg-600);
  color: #1a1d23;
  color: var(--text-primary);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  list-style: none;
}
.space-metrics__pill:hover {
  border-color: #1d4ed8;
  border-color: var(--accent);
  color: #1d4ed8;
  color: var(--accent);
  text-decoration: none;
}
.space-metrics__pill--active {
  background: #1d4ed8;
  background: var(--accent);
  border-color: #1d4ed8;
  border-color: var(--accent);
  color: white;
}
.space-metrics__pill--active:hover {
  color: white;
}
.space-metrics__custom-details {
  position: relative;
}
.space-metrics__custom-details summary::marker, .space-metrics__custom-details summary::-webkit-details-marker {
  display: none;
}
.space-metrics__custom-form {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 20;
  background: #cbd5e1;
  background: var(--bg-600);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 12px;
  display: flex;
  gap: 8px;
  align-items: flex-end;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.space-metrics__custom-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #5b6577;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.space-metrics__date-input {
  font-size: 12px;
  padding: 4px 6px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  cursor: pointer;
}
.space-metrics__date-input:focus {
  outline: none;
  border-color: #1d4ed8;
  border-color: var(--accent);
}
.space-metrics__stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 16px;
}
.space-metrics__stat-card {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 12px 14px;
}
.space-metrics__stat-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.space-metrics__stat-value {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 18px;
  font-weight: 700;
  color: #1a1d23;
  color: var(--text-primary);
  line-height: 1.2;
}
.space-metrics__section {
  margin-bottom: 14px;
}
.space-metrics__section:last-child {
  margin-bottom: 0;
}
.space-metrics__section-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.space-metrics__chart-container {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 10px;
  overflow: hidden;
}
.metrics-chart__svg {
  width: 100%;
  height: 80px;
  display: block;
}
.metrics-chart__bar {
  fill: #1d4ed8;
  fill: var(--accent);
  opacity: 0.75;
}
.metrics-chart__bar:hover {
  opacity: 1;
}
.space-metrics__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.space-metrics__table th {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6577;
  color: var(--text-muted);
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.space-metrics__table td {
  padding: 7px 10px;
  color: #5a6274;
  color: var(--text-secondary);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.space-metrics__table td:last-child {
  border-bottom: none;
}
.space-metrics__table tr:last-child td {
  border-bottom: none;
}
.space-metrics__table-num {
  text-align: right;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
}
.space-metrics__stage-type {
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  text-transform: capitalize;
}
@media (max-width: 960px) {
  .space-metrics__stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mini-kanban {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding-bottom: 12px;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
  scrollbar-color: var(--bg-500) transparent;
}
.mini-kanban::-webkit-scrollbar {
  height: 4px;
}
.mini-kanban::-webkit-scrollbar-track {
  background: transparent;
}
.mini-kanban::-webkit-scrollbar-thumb {
  background: #94a3b8;
  background: var(--bg-500);
  border-radius: 2px;
}
.mini-kanban .kanban__col {
  flex: 0 0 240px;
  min-width: 240px;
}
@media (max-width: 768px) {
  .spaces-detail {
    padding: 14px;
    overflow-y: visible;
  }
  .spaces-detail__meta {
    grid-template-columns: 1fr;
  }
  .spaces-detail__name {
    font-size: 18px;
  }
}
.space-form__description{
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.space-form__jira-keys-select{
  width: 100%;
}
.space-form__repo-select{
  width: 100%;
}
.ts-wrapper.space-form__jira-keys-select .ts-control,
.ts-wrapper.space-form__repo-select .ts-control {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  border: 1px solid #e2e8f0 !important;
  border: 1px solid var(--border) !important;
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-control input,
.ts-wrapper.space-form__repo-select .ts-control input {
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
  background-color: transparent !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-control input::-moz-placeholder, .ts-wrapper.space-form__repo-select .ts-control input::-moz-placeholder {
  color: #5b6577 !important;
  color: var(--text-muted) !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-control input::placeholder,
.ts-wrapper.space-form__repo-select .ts-control input::placeholder {
  color: #5b6577 !important;
  color: var(--text-muted) !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-dropdown,
.ts-wrapper.space-form__repo-select .ts-dropdown {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  border: 1px solid #e2e8f0 !important;
  border: 1px solid var(--border) !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-dropdown .option,
.ts-wrapper.space-form__repo-select .ts-dropdown .option {
  background-color: #e2e8f0 !important;
  background-color: var(--bg-700) !important;
  color: #1a1d23 !important;
  color: var(--text-primary) !important;
}
.ts-wrapper.space-form__jira-keys-select .ts-dropdown .option:hover, .ts-wrapper.space-form__jira-keys-select .ts-dropdown .option.active,
.ts-wrapper.space-form__repo-select .ts-dropdown .option:hover,
.ts-wrapper.space-form__repo-select .ts-dropdown .option.active {
  background-color: #cbd5e1 !important;
  background-color: var(--bg-600) !important;
}
.pipeline-dashboard__grid{
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 24px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.pipeline-dashboard__card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__card-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__card-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__card-title i{
  margin-right: 4px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__card-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__worker-stats{
  display: flex;
  gap: 16px;
  justify-content: space-around;
}
.pipeline-dashboard__stat{
  text-align: center;
}
.pipeline-dashboard__stat-count{
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.pipeline-dashboard__stat-label{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__stat-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__stat--idle .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__stat--idle .pipeline-dashboard__stat-count{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__stat--working .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__stat--working .pipeline-dashboard__stat-count{
    color: rgb(202 138 4 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__stat--offline .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__stat--offline .pipeline-dashboard__stat-count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__card-footer{
  margin-top: 12px;
  padding-top: 12px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__card-footer{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__card-link{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__card-link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__card-link:hover{
  text-decoration-line: underline;
}
.pipeline-dashboard__card-link i{
  margin-left: 4px;
}
.pipeline-dashboard__cost-stats > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.pipeline-dashboard__cost-period{
  display: flex;
  flex-direction: column;
}
.pipeline-dashboard__cost-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__cost-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__cost-value{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__cost-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__cost-value--highlight{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__cost-value--highlight{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__cost-detail{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__cost-detail{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section{
  margin-bottom: 24px;
}
.pipeline-dashboard__section-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--blocked{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--blocked{
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--blocked i{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--blocked i{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--dependency-wait{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--dependency-wait{
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--dependency-wait i{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--dependency-wait i{
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--human-review{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--human-review{
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-title--human-review i{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-title--human-review i{
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-count{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  border-radius: 9999px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-count{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-count--blocked{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-count--blocked{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-count--dependency-wait{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-count--dependency-wait{
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__section-count--human-review{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__section-count--human-review{
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__work-items{
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.pipeline-dashboard__work-item-card{
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.375rem;
  padding: 16px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration-line: none;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card:hover{
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--blocked{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--blocked{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--blocked:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--blocked:hover{
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--dependency-wait{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--dependency-wait{
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--dependency-wait:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--dependency-wait:hover{
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--paused{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--paused{
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--paused:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--paused:hover{
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--cancelled{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  opacity: 0.75;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--cancelled{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-card--cancelled:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / 1);
  opacity: 1;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-card--cancelled:hover{
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__work-item-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.pipeline-dashboard__work-item-key{
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-key{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__work-item-summary{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  margin: 0px;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-summary{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__work-item-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__work-item-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__blocked-reason{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__blocked-reason{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__blocked-reason i{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__blocked-reason i{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__blocked-reason span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pipeline-dashboard__dependency-info{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__dependency-info{
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__dependency-info i{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__dependency-info i{
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__dependency-info span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pipeline-dashboard__scope-mismatch-reason{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__scope-mismatch-reason{
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__scope-mismatch-reason i{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__scope-mismatch-reason i{
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__scope-mismatch-reason span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pipeline-dashboard__work-item-stage, .pipeline-dashboard__work-item-worker, .pipeline-dashboard__work-item-team, .pipeline-dashboard__work-item-time{
  display: flex;
  align-items: center;
  gap: 4px;
}
.pipeline-dashboard__work-item-progress{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pipeline-dashboard__progress-bar{
  flex: 1 1;
  height: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  border-radius: 9999px;
  overflow: hidden;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-bar{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__progress-fill{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-fill{
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__progress-fill--blocked{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-fill--blocked{
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__progress-fill--dependency-wait{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-fill--dependency-wait{
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__progress-fill--paused{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-fill--paused{
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__progress-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  flex-shrink: 0;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__progress-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__activity > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - 0));
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * 0);
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.pipeline-dashboard__activity{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  border-radius: 0.375rem;
  overflow: hidden;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__activity-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-item{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.pipeline-dashboard__activity-item:last-child{
  border-bottom-width: 0px;
}
.pipeline-dashboard__activity-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-item:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.pipeline-dashboard__activity-time{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  flex-shrink: 0;
  width: 8rem;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-time{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__activity-icon{
  flex-shrink: 0;
}
.pipeline-dashboard__activity-text{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-text{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__activity-text a{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-text a{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__activity-text a:hover{
  text-decoration-line: underline;
}
.pipeline-dashboard__activity-worker{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__activity-worker{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-style: italic;
  padding-top: 16px;
  padding-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__footer{
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.pipeline-dashboard__footer-link{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.pipeline-dashboard__footer-link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.pipeline-dashboard__footer-link:hover{
  text-decoration-line: underline;
}
.pipeline-dashboard__footer-link i{
  margin-right: 4px;
}
.dark .pipeline-dashboard__card{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__card-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__card-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__card-title i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__card-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__stat-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__stat-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__stat--idle .dark .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__stat--idle .dark .pipeline-dashboard__stat-count{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__stat--working .dark .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__stat--working .dark .pipeline-dashboard__stat-count{
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__stat--offline .dark .pipeline-dashboard__stat-count{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__stat--offline .dark .pipeline-dashboard__stat-count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__card-footer{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__card-link{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__card-link{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__cost-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__cost-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__cost-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__cost-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__cost-value--highlight{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__cost-value--highlight{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-count{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-count{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__work-item-card:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card:hover{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--blocked{
  background-color: rgb(127 29 29 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--blocked{
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--blocked:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--blocked:hover{
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--dependency-wait{
  background-color: rgb(245 158 11 / 0.1);
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--dependency-wait{
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--dependency-wait:hover{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--dependency-wait:hover{
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--cancelled{
  background-color: rgb(55 65 81 / 0.3);
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
  opacity: 0.75;
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--cancelled{
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-card--cancelled:hover{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / 1);
  opacity: 1;
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-card--cancelled:hover{
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  }
}
.dark .pipeline-dashboard__blocked-reason{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  background-color: rgb(127 29 29 / 0.4);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__blocked-reason{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__blocked-reason i{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__blocked-reason i{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__dependency-info{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
  background-color: rgb(120 53 15 / 0.4);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__dependency-info{
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__dependency-info i{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__dependency-info i{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--blocked{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--blocked{
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--blocked i{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--blocked i{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-count--blocked{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-count--blocked{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--dependency-wait{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--dependency-wait{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--dependency-wait i{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--dependency-wait i{
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-count--dependency-wait{
  background-color: rgb(245 158 11 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-count--dependency-wait{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--human-review{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--human-review{
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-title--human-review i{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-title--human-review i{
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__section-count--human-review{
  background-color: rgb(245 158 11 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__section-count--human-review{
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__progress-fill--dependency-wait{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__progress-fill--dependency-wait{
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-key{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-key{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-summary{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-summary{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__work-item-meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__work-item-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__progress-bar{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__activity{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__activity-item{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__activity-item:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .pipeline-dashboard__activity-text{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__activity-text{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__activity-text a{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__activity-text a{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__activity-worker{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__activity-worker{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .pipeline-dashboard__footer-link{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .pipeline-dashboard__footer-link{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.pipeline-mode-tabs {
  display: flex;
  align-items: stretch;
  height: 44px;
  flex-shrink: 0;
  padding: 0 16px;
  padding: 0 var(--space-4);
  background-color: #f8fafc;
  background-color: var(--bg-900);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  gap: 4px;
  gap: var(--space-1);
}
.pipeline-mode-tabs__tab {
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  padding: 0 var(--space-4);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 100ms ease, border-color 100ms ease;
  transition: color var(--motion-fast) ease, border-color var(--motion-fast) ease;
  white-space: nowrap;
}
.pipeline-mode-tabs__tab:hover {
  color: #1a1d23;
  color: var(--text-primary);
  border-bottom-color: #cbd5e1;
  border-bottom-color: var(--border-hover);
}
.pipeline-mode-tabs__tab:focus-visible {
  outline: 2px solid #1d4ed8;
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.pipeline-mode-tabs__tab--active {
  color: #1d4ed8;
  color: var(--accent);
  border-bottom-color: #1d4ed8;
  border-bottom-color: var(--accent);
  font-weight: 600;
}
.pipeline-mode-tabs__tab--active:hover {
  color: #1e40af;
  color: var(--accent-hover);
  border-bottom-color: #1e40af;
  border-bottom-color: var(--accent-hover);
}
.workers-dashboard {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.workers-topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  min-height: 48px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
  flex-shrink: 0;
}
.workers-topbar__title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -0.01em;
  color: #1a1d23;
  color: var(--text-primary);
}
.workers-topbar__divider {
  width: 1px;
  height: 24px;
  background: #e2e8f0;
  background: var(--border);
  flex-shrink: 0;
}
.workers-topbar__spacer {
  flex: 1 1;
}
.worker-status {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: #5a6274;
  color: var(--text-secondary);
}
.worker-status__item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.worker-status__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.worker-status__dot--working {
  background: #16a34a;
  background: var(--green);
  box-shadow: 0 0 6px rgba(52, 211, 153, 0.5);
}
.worker-status__dot--idle {
  background: #d97706;
  background: var(--yellow);
}
.worker-status__dot--offline {
  background: #334155;
  background: var(--gray);
}
.quick-stats {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted);
}
.quick-stat {
  display: flex;
  align-items: center;
  gap: 4px;
}
.quick-stat__num {
  font-weight: 700;
  color: #5a6274;
  color: var(--text-secondary);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 11px;
}
.workers-layout {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 20px 20px;
}
.workers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
  align-items: stretch;
  grid-gap: 12px;
  gap: 12px;
}
.workers-grid turbo-cable-stream-source {
  display: none;
}
.workers-empty {
  font-size: 13px;
  color: #5b6577;
  color: var(--text-muted);
  padding: 24px 0;
}
@media (max-width: 768px) {
  .workers-grid {
    grid-template-columns: 1fr;
  }
  .quick-stats {
    display: none;
  }
}
.tech-inventory-filters{
  display: flex;
  align-items: center;
  gap: 8px;
}
.tech-inventory-actions{
  display: flex;
  align-items: center;
  gap: 8px;
}
.tech-inventory-detail__status-bar{
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tech-inventory-detail__item-count{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.tech-inventory-detail__item-count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.tech-inventory-detail__category{
  margin-bottom: 24px;
}
.tech-inventory-detail__category-title{
  margin-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.tech-inventory-detail__category-title{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.tech-inventory-detail__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tech-inventory-detail__table th{
  padding-bottom: 8px;
  padding-right: 16px;
  text-align: left;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.tech-inventory-detail__table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.tech-inventory-detail__table td{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.tech-inventory-detail__table td{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.tech-inventory-detail__days{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.tech-inventory-detail__days{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.framework-stats{
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .framework-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.framework-stats__card{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.framework-stats__card-header{
  margin-bottom: 12px;
}
.framework-stats__card-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__card-title{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__card-body{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.framework-stats__metric{
  display: flex;
  flex-direction: column;
}
.framework-stats__metric-value{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric-value{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__metric-label{
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__metric--critical .framework-stats__metric-value{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric--critical .framework-stats__metric-value{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__metric--critical .framework-stats__metric-label{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric--critical .framework-stats__metric-label{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__metric--warning .framework-stats__metric-value{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric--warning .framework-stats__metric-value{
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
}
.framework-stats__metric--warning .framework-stats__metric-label{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.framework-stats__metric--warning .framework-stats__metric-label{
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory{
  margin-top: 32px;
}
.repo-tech-inventory__title{
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__title{
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__urgency-group{
  margin-bottom: 24px;
}
.repo-tech-inventory__urgency-header{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.repo-tech-inventory__urgency-icon{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-tech-inventory__urgency-icon--critical{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__urgency-icon--critical{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__urgency-icon--warning{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__urgency-icon--warning{
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__urgency-icon--ok, .repo-tech-inventory__urgency-icon--active{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__urgency-icon--ok, .repo-tech-inventory__urgency-icon--active{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__urgency-icon--unknown{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__urgency-icon--unknown{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__urgency-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__urgency-label{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-tech-inventory__table th{
  padding-bottom: 8px;
  padding-right: 16px;
  text-align: left;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__table td{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
  vertical-align: top;
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__table td{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.repo-tech-inventory__tech-name{
  display: block;
  font-weight: 500;
}
.repo-tech-inventory__tech-category{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__tech-category{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__days{
  margin-top: 0.125rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-tech-inventory__days--critical{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__days--critical{
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__days--warning{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__days--warning{
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__effort-desc{
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__effort-desc{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__risk-list{
  list-style-position: inside;
  list-style-type: disc;
}
.repo-tech-inventory__risk-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - 0));
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * 0);
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.repo-tech-inventory__risk-list{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__risk-list{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__header{
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repo-tech-inventory__analyze-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__analyze-btn{
    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__analyze-btn:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__analyze-btn:hover{
    border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
  }
}
.repo-tech-inventory__upgrade-target{
  margin-top: 0.125rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__upgrade-target{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__upgrade-target i{
  font-size: 10px;
}
.repo-tech-inventory__ai-note{
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__ai-note{
    color: rgb(168 85 247 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__ai-note i{
  margin-right: 4px;
}
.repo-tech-inventory__remediation{
  margin-top: 4px;
}
.repo-tech-inventory__remediation summary{
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__remediation summary{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__remediation summary:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__remediation summary:hover{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__remediation-list{
  margin-top: 4px;
  list-style-position: inside;
  list-style-type: decimal;
}
.repo-tech-inventory__remediation-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - 0));
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * 0);
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.repo-tech-inventory__remediation-list{
  padding-left: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__remediation-list{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-tech-inventory__empty{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-tech-inventory__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .tech-inventory-detail__item-count{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .tech-inventory-detail__item-count{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .tech-inventory-detail__category-title{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .tech-inventory-detail__category-title{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .tech-inventory-detail__table th{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .tech-inventory-detail__table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .tech-inventory-detail__table td{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .tech-inventory-detail__table td{
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.dark .tech-inventory-detail__days{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .tech-inventory-detail__days{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__title{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__title{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__urgency-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__urgency-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__table th{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__table th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__table td{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__table td{
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.dark .repo-tech-inventory__tech-category{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__tech-category{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__effort-desc{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__effort-desc{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__risk-list{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__risk-list{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__empty{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__analyze-btn{
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / 1);
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__analyze-btn{
    border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    color: rgb(216 180 254 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__analyze-btn:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__analyze-btn:hover{
    border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
    background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
  }
}
.dark .repo-tech-inventory__upgrade-target{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__upgrade-target{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__ai-note{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__ai-note{
    color: rgb(192 132 252 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__remediation summary{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__remediation summary{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__remediation summary:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__remediation summary:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-tech-inventory__remediation-list{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-tech-inventory__remediation-list{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .framework-stats__card{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .framework-stats__card{
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.dark .framework-stats__card-title{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .framework-stats__card-title{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .framework-stats__metric-value{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .framework-stats__metric-value{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .framework-stats__metric-label{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .framework-stats__metric-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-analytics{
  flex: 1 1;
  min-height: 0px;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}
.repo-analytics__stat-grid{
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .repo-analytics__stat-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.repo-analytics__stat-card {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 14px;
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
  padding: 20px;
  text-align: center;
}
.repo-analytics__stat-value {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  color: #1a1d23;
  color: var(--text-primary);
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
.repo-analytics__stat-label {
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-analytics__grid{
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
}
@media (min-width: 1024px) {
  .repo-analytics__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.repo-analytics__card {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 14px;
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.repo-analytics__card-header {
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.repo-analytics__card-title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  color: #1a1d23;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-analytics__card-title i {
  color: #1d4ed8;
  color: var(--accent);
  font-size: 1rem;
  line-height: 1.5rem;
}
.repo-analytics__card-body{
  padding: 20px;
}
.repo-analytics__table-num {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
}
.repo-analytics__framework-name {
  color: #1a1d23;
  color: var(--text-primary);
  font-weight: 600;
}
.repo-analytics__bar{
  display: flex;
  height: 8px;
  overflow: hidden;
  border-radius: 9999px;
  background: #f1f5f9;
  background: var(--border-light);
}
.repo-analytics__bar-fill{
  height: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.repo-analytics__bar-fill--client {
  background: #1d4ed8;
  background: var(--accent);
}
.repo-analytics__bar-fill--internal {
  background: #e2e8f0;
  background: var(--border);
}
.repo-analytics__bar-legend{
  margin-top: 4px;
}
.repo-analytics__bar-legend-item {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-analytics__bar-legend-item--client::before {
  content: "";
  background: #1d4ed8;
  background: var(--accent);
  margin-right: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 9999px;
}
.repo-analytics__test-ring{
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}
.repo-analytics__donut{
  height: 8rem;
  width: 8rem;
}
.repo-analytics__donut-value {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  fill: #1a1d23;
  fill: var(--text-primary);
  font-size: 22px;
  font-weight: 700;
}
.repo-analytics__donut-label {
  fill: #5b6577;
  fill: var(--text-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-analytics__test-stats{
  display: flex;
  justify-content: center;
  gap: 24px;
}
.repo-analytics__test-stat{
  display: flex;
  align-items: center;
  gap: 8px;
}
.repo-analytics__test-indicator{
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 9999px;
}
.repo-analytics__test-indicator--passing {
  background: #16a34a;
  background: var(--green);
}
.repo-analytics__test-indicator--failing {
  background: #dc2626;
  background: var(--red);
}
.repo-analytics__test-indicator--none {
  background: #e2e8f0;
  background: var(--border);
}
.repo-analytics__test-stat-label {
  color: #5a6274;
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-analytics__test-stat-value {
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.repo-analytics__section{
  margin-bottom: 24px;
}
.repo-analytics__section-title {
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  color: #1a1d23;
  color: var(--text-primary);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-analytics__section-title i {
  color: #1d4ed8;
  color: var(--accent);
}
.repo-analytics__client-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .repo-analytics__client-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .repo-analytics__client-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.repo-analytics__client-card {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 14px;
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
  padding: 16px;
}
.repo-analytics__client-header{
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repo-analytics__client-name {
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.repo-analytics__client-repos{
  margin-bottom: 12px;
}
.repo-analytics__client-repo-count {
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.repo-analytics__client-repo-label {
  color: #5b6577;
  color: var(--text-muted);
  margin-left: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-analytics__client-frameworks{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.repo-analytics__client-fw-tag {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
  color: #5a6274;
  color: var(--text-secondary);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-analytics__client-fw-count {
  background: #1d4ed8;
  background: var(--accent);
  color: white;
  display: flex;
  height: 20px;
  width: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  font-size: 10px;
}
.repo-analytics__empty {
  color: #5b6577;
  color: var(--text-muted);
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__stat-row{
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.repo-detail__stat-chip {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
  border-radius: 10px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.repo-detail__stat-chip-icon {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__stat-chip-icon--client {
  color: #1d4ed8;
  color: var(--accent);
}
.repo-detail__stat-chip-icon--internal {
  color: #5b6577;
  color: var(--text-muted);
}
.repo-detail__stat-chip-icon--tech {
  color: #6b21a8;
  color: var(--purple);
}
.repo-detail__stat-chip-value {
  color: #1a1d23;
  color: var(--text-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.repo-detail__stat-chip-value a {
  color: #1d4ed8;
  color: var(--accent);
}
.repo-detail__stat-chip-value a:hover {
  text-decoration: underline;
}
.repo-detail__stat-chip-label {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-detail__health-card {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
  border-radius: 10px;
  border-radius: var(--radius-md);
  margin-bottom: 16px;
  padding: 16px;
}
.repo-detail__health-header {
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.repo-detail__health-header i {
  color: #1d4ed8;
  color: var(--accent);
}
.repo-detail__health-body{
  display: flex;
  align-items: center;
  gap: 16px;
}
.repo-detail__health-status{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.repo-detail__health-status--passing {
  color: #16a34a;
  color: var(--green);
}
.repo-detail__health-status--failing {
  color: #dc2626;
  color: var(--red);
}
.repo-detail__health-meta {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-detail__section-card {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.repo-detail__section-header {
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.repo-detail__section-header h4 {
  color: #1a1d23;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.repo-detail__section-header h4 i {
  color: #1d4ed8;
  color: var(--accent);
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-detail__section-link {
  color: #1d4ed8;
  color: var(--accent);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.repo-detail__section-link:hover {
  text-decoration: underline;
}
.repo-detail__activity-list > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.repo-detail__activity-list {
  border-color: #f1f5f9;
  border-color: var(--border-light);
}
.repo-detail__activity-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.repo-detail__activity-icon{
  flex-shrink: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__activity-text {
  color: #5a6274;
  color: var(--text-secondary);
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__activity-time {
  color: #5b6577;
  color: var(--text-muted);
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
.repo-detail__empty {
  color: #5b6577;
  color: var(--text-muted);
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__stat-chip--editable{
  position: relative;
  cursor: pointer;
}
.repo-detail__stat-chip--editable:hover {
  border-color: #1d4ed8;
  border-color: var(--accent);
}
.repo-detail__edit-icon {
  color: #5b6577;
  color: var(--text-muted);
  margin-left: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.repo-detail__stat-chip--editable:hover .repo-detail__edit-icon{
  opacity: 1;
}
.repo-detail__inline-select{
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
  margin-top: 4px;
  min-width: 200px;
}
.repo-detail__client-select {
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  color: #1a1d23;
  color: var(--text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-detail__client-select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.repo-header__alert-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 0.25rem;
  cursor: pointer;
  border-width: 0px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.repo-header__alert-btn--active{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-header__alert-btn--active{
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.repo-header__alert-btn--active:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-header__alert-btn--active:hover{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  }
}
.repo-header__alert-btn--muted{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-header__alert-btn--muted{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.repo-header__alert-btn--muted:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.repo-header__alert-btn--muted:hover{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-header__alert-btn--active{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-header__alert-btn--active{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-header__alert-btn--active:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-header__alert-btn--active:hover{
    background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
  }
}
.dark .repo-header__alert-btn--muted{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-header__alert-btn--muted{
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .repo-header__alert-btn--muted:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .repo-header__alert-btn--muted:hover{
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.scheduled-jobs__key-label {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  line-height: 1rem;
}
.scheduled-jobs__cron-display{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.scheduled-jobs__cron-code {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  background: #e2e8f0;
  background: var(--bg-700);
  color: #1a1d23;
  color: var(--text-primary);
}
.scheduled-jobs__edit-btn{
  margin-left: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 4px;
  border-radius: 0.25rem;
  color: #5b6577;
  color: var(--text-muted);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.scheduled-jobs__edit-btn:hover {
  color: #1d4ed8;
  color: var(--accent);
}
.scheduled-jobs__cron-form{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.scheduled-jobs__cron-input-group{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.scheduled-jobs__cron-input {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  width: 8rem;
  background: #e2e8f0;
  background: var(--bg-700);
  color: #1a1d23;
  color: var(--text-primary);
  border: 1px solid #1d4ed8;
  border: 1px solid var(--accent);
}
.scheduled-jobs__cron-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  ring-color: #1d4ed8;
  ring-color: var(--accent);
}
.scheduled-jobs__cron-save{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  font-weight: 500;
  background: #1d4ed8;
  background: var(--accent);
  color: white;
  border: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.scheduled-jobs__cron-save:hover{
  opacity: 0.8;
}
.scheduled-jobs__cron-cancel{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0.25rem;
  color: #5b6577;
  color: var(--text-muted);
  background: transparent;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: color 0.15s ease;
}
.scheduled-jobs__cron-cancel:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.scheduled-jobs__toggle-form{
  display: inline-flex;
}
.scheduled-jobs__toggle{
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.scheduled-jobs__toggle-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.scheduled-jobs__toggle-input:checked + .scheduled-jobs__toggle-slider {
  background: #1d4ed8;
  background: var(--accent);
}
.scheduled-jobs__toggle-input:checked + .scheduled-jobs__toggle-slider::before {
  transform: translateX(16px);
}
.scheduled-jobs__toggle-input:focus + .scheduled-jobs__toggle-slider{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  ring-color: #1d4ed8;
  ring-color: var(--accent);
}
.scheduled-jobs__toggle-slider{
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  border-radius: 9999px;
  background: #94a3b8;
  background: var(--bg-500);
  transition: background 0.2s ease;
}
.scheduled-jobs__toggle-slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: white;
  transition: transform 0.2s ease;
}
.scheduled-jobs__last-run-time{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.scheduled-jobs__status{
  margin-left: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-weight: 500;
  display: inline-block;
}
.scheduled-jobs__status--success {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.scheduled-jobs__status--failed {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.scheduled-jobs__status--running {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.scheduled-jobs__never-run{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  font-style: italic;
}
.scheduled-jobs__run-btn{
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-radius: 0.25rem;
  font-weight: 500;
  background: #e2e8f0;
  background: var(--bg-700);
  color: #5a6274;
  color: var(--text-secondary);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all 0.15s ease;
}
.scheduled-jobs__run-btn:hover {
  background: #cbd5e1;
  background: var(--bg-600);
  color: #1a1d23;
  color: var(--text-primary);
}
.scheduled-jobs__empty{
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5b6577;
  color: var(--text-muted);
}
.feedback-reports__filters{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filters{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__filters:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filters:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__filters{
  padding: 16px;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filters{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__filters:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filters:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__filter-group{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.feedback-reports__filter-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-label:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-label{
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.feedback-reports__filter-select,
.feedback-reports__filter-input{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select,
.feedback-reports__filter-input{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__filter-select,
.feedback-reports__filter-input{
  border-radius: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select,
.feedback-reports__filter-input{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__filter-select,
.feedback-reports__filter-input{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select,
.feedback-reports__filter-input{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-select:is(.dark *),
.feedback-reports__filter-input:is(.dark *){
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-select:focus,
.feedback-reports__filter-input:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  border-color: transparent;
}
.feedback-reports__filter-clear{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-clear{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-clear:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__filter-clear:is(.dark *){
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__filter-clear:hover{
  text-decoration-line: underline;
}
.feedback-reports__filter-clear{
  align-self: flex-end;
  padding-bottom: 8px;
}
.feedback-reports__table-wrapper{
  overflow-x: auto;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__table-wrapper{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__table-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__table-wrapper:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__table{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__table:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__table:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__th{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__th:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__th{
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__th:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__th{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__th:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__th:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__th--check{
  width: 40px;
}
.feedback-reports__th--wide{
  min-width: 16rem;
}
.feedback-reports__row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__row:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row:hover:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__row{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__row:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__row:last-child{
  border-bottom-width: 0px;
}
.feedback-reports__td{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__td{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__td:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__td:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__td{
  vertical-align: top;
}
.feedback-reports__td--date{
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__td--date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__td--date:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__td--date:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__td--description{
  max-width: 20rem;
}
.feedback-reports__td--center{
  text-align: center;
}
.feedback-reports__description-preview{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__description-preview{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__description-preview:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__description-preview:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__description-preview{
  margin-bottom: 4px;
}
.feedback-reports__expand-btn{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expand-btn{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expand-btn:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expand-btn:is(.dark *){
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expand-btn:hover{
  text-decoration-line: underline;
}
.feedback-reports__expand-btn{
  cursor: pointer;
  margin-top: 4px;
}
.feedback-reports__expand-icon{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.feedback-reports__expanded{
  margin-top: 12px;
  padding-top: 12px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__expanded:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__expanded-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}
@media (min-width: 768px) {
  .feedback-reports__expanded-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.feedback-reports__expanded-section{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.feedback-reports__expanded-section--full{
  grid-column: 1 / -1;
}
.feedback-reports__expanded-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expanded-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-label:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expanded-label{
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.feedback-reports__expanded-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-text{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expanded-text:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-text:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expanded-text{
  white-space: pre-wrap;
}
.feedback-reports__expanded-json{
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__expanded-json:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__expanded-json{
  padding: 8px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__expanded-json:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__expanded-json{
  overflow-x: auto;
  max-height: 10rem;
  overflow-y: auto;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__expanded-json:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__expanded-json:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__view-full-link{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__view-full-link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__view-full-link:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__view-full-link:is(.dark *){
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__view-full-link:hover{
  text-decoration-line: underline;
}
.feedback-reports__view-full-link{
  margin-top: 8px;
  display: inline-block;
}
.feedback-reports__screenshots{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}
.feedback-reports__screenshot{
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
.feedback-reports__screenshot-img{
  max-width: 20rem;
  max-height: 12rem;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__screenshot-img{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__screenshot-img:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__screenshot-img:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-reports__screenshot-img{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.feedback-reports__screenshot-img--inline{
  max-height: 8rem;
  max-width: 10rem;
}
.feedback-reports__screenshot-name{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__screenshot-name{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__screenshot-name:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__screenshot-name:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__screenshot-name{
  text-align: center;
}
.feedback-reports__attachment{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__attachment{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__attachment:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__attachment:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__attachment-type{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__attachment-type{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.feedback-reports__status-badge--new{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--new{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--new:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--new:is(.dark *){
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--analyzed{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--analyzed{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--analyzed:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--analyzed:is(.dark *){
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--task_created{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--task_created{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--task_created:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / 1);
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--task_created:is(.dark *){
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    color: rgb(233 213 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--dismissed{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--dismissed{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__status-badge--dismissed:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__status-badge--dismissed:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 64px;
  padding-bottom: 64px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__empty:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__empty:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-reports__empty i{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.feedback-reports__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.feedback-reports__row--clickable{
  cursor: pointer;
}
.feedback-reports__row-link{
  display: block;
  color: inherit;
  text-decoration-line: none;
}
.feedback-reports__row-link:hover{
  text-decoration-line: none;
}
.feedback-reports__row-link.active tr{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row-link.active tr{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__row-link.active tr:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-reports__row-link.active tr:is(.dark *){
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
  }
}
.feedback-reports__row--compact td{
  padding-top: 8px;
  padding-bottom: 8px;
}
.feedback-report-detail__meta{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  grid-row-gap: 8px;
  row-gap: 8px;
}
.feedback-report-detail__meta dt{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report-detail__meta dt{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report-detail__meta dt:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report-detail__meta dt:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-report-detail__meta dt{
  text-transform: uppercase;
}
.feedback-report-detail__meta dd{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report-detail__meta dd{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-report-detail__meta dd:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-report-detail__meta dd:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__list{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.feedback-analyses__list--compact{
  padding: 0px;
  gap: 4px;
}
.feedback-analyses__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 64px;
  padding-bottom: 64px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__empty{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__empty:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__empty:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__empty{
  padding: 16px;
}
.feedback-analyses__empty i{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.feedback-analyses__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.feedback-analyses__card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__card{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card{
  border-radius: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  overflow: hidden;
}
.feedback-analyses__card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-header{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card-header:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-header:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card-header{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-header{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__card-header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-header:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__card-meta{
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.feedback-analyses__date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__date{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__date:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__date:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__source{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__source{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__source:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__source:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__stats{
  display: flex;
  gap: 16px;
}
.feedback-analyses__stat{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__stat{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__stat:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__stat:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__stat i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__stat i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__card-body{
  padding: 16px;
}
.feedback-analyses__card-footer{
  padding-top: 12px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-footer{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card-footer:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__card-footer:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__card-footer{
  margin-top: 12px;
}
.feedback-analyses__status-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.feedback-analyses__status-badge--pending{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--pending{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--pending:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--pending:is(.dark *){
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--analyzing{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--analyzing{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--analyzing:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--analyzing:is(.dark *){
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--completed{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--completed{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--completed:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--completed:is(.dark *){
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--failed{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--failed{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__status-badge--failed:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__status-badge--failed:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__themes{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feedback-analyses__themes--with-reports{
  gap: 24px;
}
.feedback-analyses__themes-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__themes-title{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__themes-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__themes-title:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__themes-title{
  margin-bottom: 8px;
}
.feedback-analyses__theme-with-reports{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feedback-analyses__theme-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__theme-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__theme-card{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__theme-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__theme-card{
  border-radius: 0.5rem;
  padding: 16px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.feedback-analyses__theme-card--suggested{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card--suggested{
    border-left-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__theme-card--approved, .feedback-analyses__theme-card--jira_created, .feedback-analyses__theme-card--work_item_created{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card--approved, .feedback-analyses__theme-card--jira_created, .feedback-analyses__theme-card--work_item_created{
    border-left-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__theme-card--rejected{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / 1);
  opacity: 0.7;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-card--rejected{
    border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__theme-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.feedback-analyses__theme-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-title{
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-title:is(.dark *){
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-title{
  flex: 1 1;
}
.feedback-analyses__theme-badges{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.feedback-analyses__priority-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.feedback-analyses__priority-badge--high, .feedback-analyses__priority-badge--critical{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--high, .feedback-analyses__priority-badge--critical{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__priority-badge--high:is(.dark *), .feedback-analyses__priority-badge--critical:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--high:is(.dark *), .feedback-analyses__priority-badge--critical:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__priority-badge--medium{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--medium{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__priority-badge--medium:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--medium:is(.dark *){
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__priority-badge--low{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--low{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__priority-badge--low:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__priority-badge--low:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge{
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.feedback-analyses__task-status-badge--suggested{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 1);
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--suggested{
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--suggested:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--suggested:is(.dark *){
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--approved{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--approved{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--approved:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--approved:is(.dark *){
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--jira_created, .feedback-analyses__task-status-badge--work_item_created{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--jira_created, .feedback-analyses__task-status-badge--work_item_created{
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--jira_created:is(.dark *), .feedback-analyses__task-status-badge--work_item_created:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / 1);
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--jira_created:is(.dark *), .feedback-analyses__task-status-badge--work_item_created:is(.dark *){
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    color: rgb(233 213 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--rejected{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--rejected{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__task-status-badge--rejected:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__task-status-badge--rejected:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-description{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-description:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-description{
  margin-bottom: 12px;
}
.feedback-analyses__theme-actions{
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.feedback-analyses__theme-info{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-info{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__theme-info:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__theme-info:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__jira-key:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__jira-key{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key--link{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key--link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key--link:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key--link:hover{
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key--link{
  text-decoration-line: none;
}
.feedback-analyses__jira-key--link:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key--link:is(.dark *){
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__jira-key--link:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__jira-key--link:hover:is(.dark *){
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__approved-by{
  font-style: italic;
}
.feedback-analyses__rejection-reason{
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__rejection-reason:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__rejection-reason{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__rejection-reason:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__rejection-reason{
  padding: 8px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__rejection-reason:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-reason:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__rejection-label{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-label{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__rejection-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__rejection-label:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__rejection-label{
  margin-right: 4px;
}
.feedback-analyses__no-themes{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__no-themes{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__no-themes:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__no-themes:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__no-themes{
  font-style: italic;
}
.feedback-analyses__inline-reports{
  margin-left: 16px;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-reports{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__inline-reports:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-reports:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__inline-reports{
  padding-left: 16px;
}
.feedback-analyses__inline-reports-title{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-reports-title{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-reports-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-reports-title:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-reports-title{
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 8px;
}
.feedback-analyses__inline-report{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__inline-report:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report:is(.dark *){
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__inline-report{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__inline-report:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__inline-report{
  border-radius: 0.5rem;
  padding: 12px;
  margin-bottom: 8px;
}
.feedback-analyses__inline-report:last-child{
  margin-bottom: 0px;
}
.feedback-analyses__inline-report-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.feedback-analyses__inline-report-meta{
  display: flex;
  align-items: center;
  gap: 12px;
}
.feedback-analyses__inline-report-date{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-date:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-date:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-user{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-user{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-user:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-user:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-version{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-version{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-report-description:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-report-description{
  margin-bottom: 8px;
}
.feedback-analyses__inline-device-info{
  margin-bottom: 8px;
}
.feedback-analyses__inline-device-label{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-device-label{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-device-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__inline-device-label:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__inline-device-label{
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.feedback-analyses__inline-screenshots{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.feedback-analyses__show-layout{
  display: flex;
  gap: 16px;
  min-height: 0px;
  flex: 1 1;
  padding: 16px;
}
.feedback-analyses__show-list{
  width: 18rem;
  flex-shrink: 0;
  overflow-y: auto;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__show-list{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__show-list:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__show-list:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__show-list{
  border-radius: 0.5rem;
}
.feedback-analyses__show-detail{
  flex: 1 1;
  overflow-y: auto;
}
.feedback-analyses__list-link{
  display: block;
  padding: 12px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__list-link:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__list-link{
  color: inherit;
  text-decoration-line: none;
}
.feedback-analyses__list-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__list-link:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link:hover:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__list-link{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.feedback-analyses__list-link:last-child{
  border-bottom-width: 0px;
}
.feedback-analyses__list-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link.active{
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__list-link.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link.active:is(.dark *){
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__list-link.active{
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-link.active{
    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__list-item{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.feedback-analyses__list-item-date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-item-date{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__list-item-date:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-item-date:is(.dark *){
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__list-item-meta{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-item-meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__list-item-meta:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__list-item-meta:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__reports-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feedback-analyses__scan-icon{
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.feedback-analyses__scan-icon--clean{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-icon--clean{
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-icon--clean:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-icon--clean:is(.dark *){
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-icon--flagged{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-icon--flagged{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-icon--flagged:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-icon--flagged:is(.dark *){
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-alert{
  display: flex;
  gap: 12px;
  border-radius: 0.5rem;
  padding: 16px;
  border-width: 1px;
}
.feedback-analyses__scan-alert--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 1);
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-alert--warning{
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-alert--warning:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__scan-alert--warning:is(.dark *){
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__scan-alert-icon{
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.feedback-analyses__scan-alert-body{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.feedback-analyses__scan-alert-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.feedback-analyses__violations-list{
  list-style-type: disc;
  padding-left: 16px;
}
.feedback-analyses__violations-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - 0));
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * 0);
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.feedback-analyses__violation-item{
  font-size: 0.75rem;
  line-height: 1rem;
}
.feedback-analyses__violation-field{
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__violation-field{
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__violation-field:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__violation-field:is(.dark *){
    background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__violation-field{
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 0.25rem;
}
.feedback-analyses__claims-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.feedback-analyses__claim-item{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-item:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-item{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__claim-item:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__claim-item{
  border-radius: 0.5rem;
  padding: 12px;
}
.feedback-analyses__claim-item--injection{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgb(248 113 113 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item--injection{
    border-left-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-item--injection:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-item--injection:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-header{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.feedback-analyses__claim-type{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-type:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type:is(.dark *){
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__claim-type{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__claim-type:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__claim-type{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
}
.feedback-analyses__claim-type--suspected_injection{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type--suspected_injection{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__claim-type--suspected_injection:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-type--suspected_injection:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__injection-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__injection-badge{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__injection-badge:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__injection-badge:is(.dark *){
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__injection-badge{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__injection-badge{
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__injection-badge:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__injection-badge:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__injection-badge{
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 9999px;
}
.feedback-analyses__claim-summary{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-summary{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__claim-summary:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__claim-summary:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__flagged-widget{
  display: flex;
  align-items: center;
  gap: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__flagged-widget:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget:is(.dark *){
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__flagged-widget{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget{
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__flagged-widget:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget:is(.dark *){
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
  }
}
.feedback-analyses__flagged-widget{
  border-radius: 0.5rem;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget{
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__flagged-widget:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget:is(.dark *){
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__flagged-widget-icon{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget-icon{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__flagged-widget-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__flagged-widget-icon:is(.dark *){
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__flagged-widget-icon{
  flex-shrink: 0;
}
.feedback-analyses__flagged-widget-text{
  font-weight: 500;
}
.feedback-analyses__source--link:hover{
  text-decoration-line: underline;
}
.feedback-analyses__source--link{
  text-decoration-line: none;
}
.feedback-nav{
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  border-bottom-width: 1px;
  border-color: #e2e8f0;
  border-color: var(--border);
}
.feedback-nav__link{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-decoration-line: none;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  margin-bottom: -1px;
  border-bottom-width: 2px;
  border-color: transparent;
  color: #5a6274;
  color: var(--text-secondary);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color var(--transition), border-color var(--transition);
}
.feedback-nav__link i{
  font-size: 0.75rem;
  line-height: 1rem;
}
.feedback-nav__link:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.feedback-nav__link--active {
  color: #1d4ed8;
  color: var(--accent);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
.empty-state{
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.empty-state{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.empty-state__icon{
  margin-bottom: 12px;
  display: block;
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.empty-state__message{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.page-header__breadcrumb{
  margin-bottom: 4px;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.page-header__breadcrumb{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.breadcrumb__link{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.breadcrumb__link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.breadcrumb__link:hover{
  text-decoration-line: underline;
}
.breadcrumb__sep{
  margin-left: 4px;
  margin-right: 4px;
}
.breadcrumb__current{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.breadcrumb__current{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.page-header__meta{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.page-header__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.page-header__time{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.page-header__time{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses{
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.feedback-analyses__list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - 0));
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * 0);
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.feedback-analyses__item{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__item{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-analyses__item:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.feedback-analyses__link{
  display: block;
  padding: 16px;
  text-decoration-line: none;
}
.feedback-analyses__header{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedback-analyses__source{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__source{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__meta{
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analyses__tasks-count, .feedback-analyses__reports-count{
  display: flex;
  align-items: center;
  gap: 4px;
}
.feedback-analyses__tasks-count i, .feedback-analyses__reports-count i{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-analyses__tasks-count i, .feedback-analyses__reports-count i{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-analysis__actions{
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
}
.feedback-tasks--analysis{
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.feedback-task{
  margin-bottom: 16px;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 16px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-task--approved{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task--approved{
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
  }
}
.feedback-task--rejected{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 1);
  opacity: 0.75;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task--rejected{
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  }
}
.feedback-task--jira-created{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task--jira-created{
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
  }
}
.feedback-task--work-item-created{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task--work-item-created{
    border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
  }
}
.feedback-task__header{
  margin-bottom: 8px;
}
.feedback-task__title-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.feedback-task__title{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  margin: 0px;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__status-badge{
  flex-shrink: 0;
}
.feedback-task__priority{
  margin-top: 4px;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
}
.feedback-task__description{
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__description{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__description p{
  margin-bottom: 4px;
}
.feedback-task__jira-info{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__jira-info{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__jira-key{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__jira-key{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__jira-key--link{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
  text-decoration-line: none;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__jira-key--link{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__jira-key--link:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__jira-key--link:hover{
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__rejection-reason{
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  padding: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__rejection-reason{
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.feedback-task__rejection-label{
  font-weight: 500;
}
.feedback-task__actions{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.feedback-task__reject-form, .feedback-task__edit-form{
  margin-top: 12px;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 12px;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-task__reject-form, .feedback-task__edit-form{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-task__reject-actions, .feedback-task__edit-actions{
  margin-top: 8px;
  display: flex;
  gap: 8px;
}
.feedback-task-show{
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.feedback-tasks-list-layout{
  margin-left: auto;
  margin-right: auto;
  max-width: 64rem;
}
.feedback-tasks-table-wrapper{
  overflow-x: auto;
}
.feedback-tasks-table{
  width: 100%;
  border-collapse: collapse;
}
.feedback-tasks-table__th{
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.feedback-tasks-table__th--title{
  width: 40%;
}
.feedback-tasks-table__th--actions{
  width: 64px;
}
.feedback-tasks-table__row{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__row{
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }
}
.feedback-tasks-table__row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-tasks-table__row:last-child{
  border-bottom-width: 0px;
}
.feedback-tasks-table__td{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: top;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__td{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.feedback-tasks-table__td--title{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__td--title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-tasks-table__td--date{
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__td--date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-tasks-table__td--actions{
  text-align: right;
}
.feedback-tasks-table__empty-cell{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-table__empty-cell{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-tasks-table__th{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-tasks-table__th{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-tasks-table__row{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .feedback-tasks-table__row:hover{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .feedback-tasks-table__td{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-tasks-table__td{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-tasks-table__td--title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-tasks-table__td--title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-tasks-table__td--date{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-tasks-table__td--date{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-tasks-filters{
  margin-bottom: 16px;
}
.feedback-tasks-filters .filter-row{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.feedback-tasks-filters .filter-group{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.feedback-tasks-filters .filter-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-filters .filter-label{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-tasks-badge{
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-tasks-badge{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-analyses__item{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .feedback-analyses__source{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-analyses__source{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-analyses__meta{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-analyses__meta{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .feedback-task--approved{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task--approved{
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
  }
}
.dark .feedback-task--rejected{
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task--rejected{
    border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
  }
}
.dark .feedback-task__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__description{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__description{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__reject-form, .dark .feedback-task__edit-form{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .feedback-task__rejection-reason{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / 1);
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__rejection-reason{
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__jira-info{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__jira-info{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__jira-key{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__jira-key{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__jira-key--link{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__jira-key--link{
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-task__jira-key--link:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-task__jira-key--link:hover{
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
}
.team-feedback-sources{
  margin-top: 32px;
}
.team-feedback-sources__header{
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-feedback-sources__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-feedback-sources__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.team-feedback-sources__add-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.team-feedback-sources__add-button{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.team-feedback-sources__add-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.team-feedback-sources__add-button:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.team-feedback-sources__list{
  margin-top: 24px;
}
.feedback-source-list{
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.feedback-source-list__header{
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__header{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-list__header-cell--sync{
  text-align: center;
}
.feedback-source-list__header-cell--status{
  text-align: center;
}
.feedback-source-list__header-cell--actions{
  text-align: right;
}
.feedback-source-list__body > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__body > :not([hidden]) ~ :not([hidden]){
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
  }
}
.feedback-source-list__empty{
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
}
.feedback-source-list__empty-icon{
  margin-bottom: 16px;
}
.feedback-source-list__empty-title{
  margin-bottom: 8px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__empty-title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-list__empty-message{
  margin-bottom: 24px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__empty-message{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-list__empty-action{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / 1);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__empty-action{
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-list__empty-action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-list__empty-action:hover{
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  }
}
.feedback-source-row{
  display: grid;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  padding: 16px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.feedback-source-row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.feedback-source-row {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.feedback-source-row__title{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__title{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__url{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__url{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__sync{
  text-align: center;
}
.feedback-source-row__sync-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__sync-badge{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__status{
  text-align: center;
}
.feedback-source-row__status-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.feedback-source-row__status-badge--active{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__status-badge--active{
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__status-badge--inactive{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 1);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__status-badge--inactive{
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__actions{
  display: flex;
  justify-content: flex-end;
}
.feedback-source-row__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * 0);
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - 0));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.feedback-source-row__action{
  padding: 8px;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__action:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__action:hover{
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__action--view:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__action--view:hover{
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-row__action--delete:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-row__action--delete:hover{
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-test-connection{
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.feedback-source-test-connection__button{
  flex-shrink: 0;
}
.feedback-source-test-connection__result{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.feedback-source-test-connection__result:empty{
  display: none;
}
.work-item-feedback__respawn-hint.feedback-source-test-connection__result:empty {
  display: none;
}
.feedback-report__modal.feedback-source-test-connection__result:empty {
  display: none;
}
.spec-list-item.feedback-source-test-connection__result:empty {
  display: none;
}
.feedback-source-test-connection__result--success{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-test-connection__result--success{
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-test-connection__result--error{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.feedback-source-test-connection__result--error{
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-test-connection__result--success{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-test-connection__result--success{
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-test-connection__result--error{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-test-connection__result--error{
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
}
.feedback-source-actions{
  margin-top: 16px;
}
.feedback-source-management{
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.dark .team-feedback-sources__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .team-feedback-sources__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-list{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .feedback-source-list__header{
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-list__header{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-list__body > :not([hidden]) ~ :not([hidden]){
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .feedback-source-list__empty-title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-list__empty-title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-list__empty-message{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-list__empty-message{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row:hover{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark .feedback-source-row__title{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__title{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__url{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__url{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__sync-badge{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__sync-badge{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__status-badge--active{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / 1);
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__status-badge--active{
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__status-badge--inactive{
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__status-badge--inactive{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__action{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__action{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark .feedback-source-row__action:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .feedback-source-row__action:hover{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.settings-panel__header {
  margin-bottom: 32px;
}
.settings-panel__header h1 {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-panel__header p {
  font-size: 14px;
  color: #5a6274;
  color: var(--text-secondary);
  line-height: 1.5;
}
html.dark .settings-panel__header p {
  color: #5a6274;
  color: var(--text-secondary);
}
.settings-card {
  background: #ffffff;
  background: var(--bg-950);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
}
html.dark .settings-card {
  background: #f1f5f9;
  background: var(--bg-800);
  box-shadow: none;
}
.settings-card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.settings-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.settings-card__header h3 {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-card__header p {
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary);
  margin-top: 4px;
  line-height: 1.4;
}
.settings-card__placeholder {
  font-size: 14px;
  color: #5b6577;
  color: var(--text-muted);
  padding: 20px 0;
  text-align: center;
}
.settings-card__actions {
  margin-top: 16px;
}
.settings-card__empty {
  text-align: center;
  padding: 20px 0;
}
.settings-card__empty p {
  font-size: 14px;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 16px;
}
.settings-token-display {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  padding: 10px 14px;
}
.settings-token-display__value {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary);
  flex: 1 1;
  letter-spacing: 0.02em;
}
.settings-token-display__copy-btn {
  background: none;
  border: none;
  color: #5b6577;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color var(--transition);
  display: flex;
}
.settings-token-display__copy-btn:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-code-block {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: #5a6274;
  color: var(--text-secondary);
  overflow-x: auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.settings-code-block code {
  flex: 1 1;
}
.settings-code-block__copy-btn {
  background: none;
  border: none;
  color: #5b6577;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color var(--transition);
  display: flex;
  flex-shrink: 0;
}
.settings-code-block__copy-btn:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.settings-btn i {
  font-size: 13px;
}
.settings-btn--warning {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
  border: 1px solid rgba(234, 88, 12, 0.25);
  border: 1px solid var(--orange-border);
}
.settings-btn--warning:hover {
  filter: brightness(1.1);
}
.settings-btn--primary {
  background: #1d4ed8;
  background: var(--accent);
  color: white;
}
.settings-btn--primary:hover {
  background: #1e40af;
  background: var(--accent-hover);
}
.settings-profile__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  gap: 16px;
}
.settings-profile__field {
  margin-bottom: 0;
}
.settings-profile__field--full {
  margin-top: 16px;
}
.settings-profile__error {
  font-size: 12px;
  color: #dc2626;
  color: var(--red);
  margin-top: 4px;
  line-height: 1.4;
}
.settings-profile__actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.form-input--error {
  border-color: #dc2626;
  border-color: var(--red);
}
.form-input--error:focus {
  border-color: #dc2626;
  border-color: var(--red);
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
}
.settings-form__row {
  margin-bottom: 20px;
}
.settings-form__row:last-child {
  margin-bottom: 0;
}
.settings-form__row label {
  display: block;
  font-size: 12.5px;
  font-weight: 550;
  color: #5a6274;
  color: var(--text-secondary);
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
html.dark .settings-form__row label {
  color: #5a6274;
  color: var(--text-secondary);
}
.settings-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  gap: 16px;
  margin-top: 16px;
}
.settings-form__input {
  width: 100%;
  padding: 10px 14px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 13.5px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition), box-shadow var(--transition);
  outline: none;
}
.settings-form__input:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.settings-form__input::-moz-placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-form__input::placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-form__hint {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  margin-top: 5px;
  line-height: 1.4;
}
html.dark .settings-form__hint {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-form__required {
  color: #dc2626;
  color: var(--red);
  margin-left: 2px;
}
.settings-form__actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.settings-form__actions .btn-primary {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 13px;
  padding: 8px 16px;
}
.settings-form__feedback {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
}
.settings-form__feedback--success {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
  color: #16a34a;
  color: var(--green);
  border: 1px solid #16a34a;
  border: 1px solid var(--green);
}
.settings-form__feedback--error {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
  border: 1px solid #dc2626;
  border: 1px solid var(--red);
}
.settings-card__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.settings-card__title{
  font-size: 15px;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}
.settings-card__subtitle{
  font-size: 13px;
  margin-top: 4px;
  color: #5a6274;
  color: var(--text-secondary);
  line-height: 1.4;
}
.settings-passkeys__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 14px 16px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.settings-passkeys__item-info{
  display: flex;
  align-items: center;
  gap: 12px;
}
.settings-passkeys__item-icon{
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.settings-passkeys__item-icon i{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.settings-passkeys__item-label{
  font-size: 13.5px;
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-passkeys__item-meta{
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.125rem;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-passkeys__empty{
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-passkeys__empty > i{
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 12px;
  display: block;
  opacity: 0.4;
}
.settings-passkeys__empty > p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5a6274;
  color: var(--text-secondary);
}
.settings-passkeys__empty-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 4px;
  color: #5b6577 !important;
  color: var(--text-muted) !important;
}
.settings-passkeys__form-field{
  margin-bottom: 20px;
}
.settings-passkeys__form-field label{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  margin-bottom: 0.375rem;
  color: #5a6274;
  color: var(--text-secondary);
  letter-spacing: 0.01em;
}
.settings-passkeys__form-input{
  width: 100%;
  padding: 10px 14px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 13.5px;
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.settings-passkeys__form-input:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.settings-passkeys__form-input::-moz-placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-passkeys__form-input::placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-passkeys__form-actions{
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 16px;
}
.settings-passkeys__form-status{
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 12px;
  text-align: right;
  color: #5a6274;
  color: var(--text-secondary);
}
.settings-passkeys__form-status:empty{
  display: none;
}
.work-item-feedback__respawn-hint.settings-passkeys__form-status:empty {
  display: none;
}
.feedback-report__modal.settings-passkeys__form-status:empty {
  display: none;
}
.spec-list-item.settings-passkeys__form-status:empty {
  display: none;
}
.settings-account-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  margin-bottom: 8px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
}
.settings-account-card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.settings-account-card__icon {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.settings-account-card__icon--jira {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.settings-account-card__icon--harvest {
  background: rgba(234, 88, 12, 0.1);
  background: var(--orange-bg);
  color: #ea580c;
  color: var(--orange);
}
.settings-account-card__icon--github {
  background: rgba(0, 0, 0, 0.03);
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-account-card__details {
  flex: 1 1;
  min-width: 0;
}
.settings-account-card__details strong {
  font-size: 13.5px;
  font-weight: 550;
  display: block;
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-account-card__details span {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-account-card__coming-soon {
  margin-top: 12px;
  text-align: center;
  padding: 20px;
  border: 1px dashed #e2e8f0;
  border: 1px dashed var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #5b6577;
  color: var(--text-muted);
  font-size: 13px;
}
.settings-api-tokens__new-banner {
  margin-bottom: 20px;
  padding: 16px;
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
  border: 1px solid rgba(217, 119, 6, 0.25);
  border: 1px solid var(--yellow-border);
  border-radius: 10px;
  border-radius: var(--radius-md);
}
.settings-api-tokens__new-banner-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #d97706;
  color: var(--yellow);
}
.settings-api-tokens__new-banner-header strong {
  font-size: 14px;
}
.settings-api-tokens__new-banner-text {
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary);
  margin-bottom: 12px;
  line-height: 1.4;
}
.settings-api-tokens__new-banner-value {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  padding: 10px 14px;
}
.settings-api-tokens__new-banner-value code {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 13px;
  color: #1a1d23;
  color: var(--text-primary);
  flex: 1 1;
  word-break: break-all;
}
.settings-api-tokens__copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #5a6274;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 6px 10px;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  white-space: nowrap;
}
.settings-api-tokens__copy-btn:hover {
  color: #1a1d23;
  color: var(--text-primary);
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.settings-api-tokens__errors {
  margin-bottom: 20px;
  padding: 12px 16px;
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  border: 1px solid rgba(220, 38, 38, 0.25);
  border: 1px solid var(--red-border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #dc2626;
  color: var(--red);
  font-size: 13px;
}
.settings-api-tokens__errors ul {
  list-style: disc;
  padding-left: 18px;
}
.settings-api-tokens__card {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 16px 20px;
  margin-bottom: 10px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
}
.settings-api-tokens__card:last-child {
  margin-bottom: 0;
}
.settings-api-tokens__card:hover {
  border-color: #cbd5e1;
  border-color: var(--border-hover);
}
.settings-api-tokens__card--warning {
  border-color: rgba(217, 119, 6, 0.2);
}
html.dark .settings-api-tokens__card--warning {
  border-color: rgba(245, 158, 11, 0.25);
}
.settings-api-tokens__card--revoked {
  opacity: 0.5;
}
.settings-api-tokens__card--revoked strong {
  text-decoration: line-through;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.settings-api-tokens__card-name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.settings-api-tokens__card-name strong {
  font-size: 14px;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.settings-api-tokens__card-name code {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted);
  background: rgba(0, 0, 0, 0.03);
  padding: 2px 7px;
  border-radius: 4px;
}
html.dark .settings-api-tokens__card-name code {
  background: rgba(255, 255, 255, 0.04);
}
.settings-api-tokens__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 550;
  letter-spacing: 0.02em;
}
.settings-api-tokens__badge--scope {
  background: rgba(59, 130, 246, 0.08);
  color: #1e40af;
  color: var(--accent-hover);
  border: 1px solid rgba(59, 130, 246, 0.18);
}
.settings-api-tokens__badge--warning {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
  color: #d97706;
  color: var(--yellow);
  border: 1px solid rgba(217, 119, 6, 0.2);
}
html.dark .settings-api-tokens__badge--warning {
  border-color: rgba(245, 158, 11, 0.25);
}
.settings-api-tokens__badge--revoked {
  background: rgba(0, 0, 0, 0.03);
  color: #5b6577;
  color: var(--text-muted);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
html.dark .settings-api-tokens__badge--revoked {
  background: rgba(255, 255, 255, 0.04);
}
.settings-api-tokens__scopes {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 8px;
}
.settings-api-tokens__meta {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__warning-box {
  background: rgba(217, 119, 6, 0.1);
  background: var(--yellow-bg);
  border: 1px solid rgba(217, 119, 6, 0.2);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  margin-top: 10px;
  font-size: 12.5px;
  color: #d97706;
  color: var(--yellow);
  line-height: 1.5;
}
html.dark .settings-api-tokens__warning-box {
  border-color: rgba(245, 158, 11, 0.25);
}
.settings-api-tokens__preset-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.settings-api-tokens__preset-label {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__preset-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.18);
  border-radius: 4px;
  color: #1e40af;
  color: var(--accent-hover);
  font-family: inherit;
  font-size: 11px;
  font-weight: 550;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.settings-api-tokens__preset-btn:hover {
  background: rgba(59, 130, 246, 0.18);
}
.settings-api-tokens__revoke-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
  color: var(--red);
  border: 1px solid rgba(220, 38, 38, 0.08);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: 12px;
  font-weight: 550;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
html.dark .settings-api-tokens__revoke-btn {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.12);
}
.settings-api-tokens__revoke-btn:hover {
  background: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.25);
}
html.dark .settings-api-tokens__revoke-btn:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.3);
}
.settings-api-tokens__revoked-section {
  opacity: 0.6;
}
.settings-api-tokens__empty {
  font-size: 14px;
  color: #5b6577;
  color: var(--text-muted);
  padding: 20px 0;
  text-align: center;
}
.settings-api-tokens__form-field {
  margin-bottom: 20px;
}
.settings-api-tokens__form-field:last-child {
  margin-bottom: 0;
}
.settings-api-tokens__form-label {
  display: block;
  font-size: 12.5px;
  font-weight: 550;
  color: #5a6274;
  color: var(--text-secondary);
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
.settings-api-tokens__required {
  color: #dc2626;
  color: var(--red);
  margin-left: 2px;
}
.settings-api-tokens__optional {
  font-weight: 400;
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__form-hint {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  margin-bottom: 10px;
  line-height: 1.4;
}
.settings-api-tokens__input {
  width: 100%;
  padding: 10px 14px;
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 13.5px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition), box-shadow var(--transition);
  outline: none;
}
.settings-api-tokens__input:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 3px var(--accent-glow);
}
.settings-api-tokens__input::-moz-placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__input::placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.settings-api-tokens__input--date {
  max-width: 220px;
}
.settings-api-tokens__checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}
.settings-api-tokens__checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.settings-api-tokens__checkbox-item span {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 550;
  color: #5a6274;
  color: var(--text-secondary);
}
.settings-api-tokens__checkbox-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #e2e8f0;
  border: 1.5px solid var(--border);
  border-radius: 4px;
  background: #f8fafc;
  background: var(--bg-900);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
  position: relative;
  flex-shrink: 0;
}
.settings-api-tokens__checkbox-input:checked {
  background: #1d4ed8;
  background: var(--accent);
  border-color: #1d4ed8;
  border-color: var(--accent);
}
.settings-api-tokens__checkbox-input:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.settings-api-tokens__form-actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.settings-api-tokens__submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  background: #1d4ed8;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 6px;
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all var(--transition);
}
.settings-api-tokens__submit-btn:hover {
  background: #1e40af;
  background: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}
@media (max-width: 768px) {
  .settings-api-tokens__checkbox-grid {
    grid-template-columns: 1fr;
  }
  .settings-profile__grid {
    grid-template-columns: 1fr;
  }
}
.experiment-list-item__meta{
  display: flex;
  align-items: center;
  gap: 8px;
}
.experiment-list-item__metric-type{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-list-item__metric-type{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-list-item__progress{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.experiment-list-item__progress-bar{
  flex: 1 1;
  height: 0.375rem;
  border-radius: 9999px;
  background: #cbd5e1;
  background: var(--bg-600);
}
.experiment-list-item__progress-fill{
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-list-item__progress-fill{
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }
}
.experiment-list-item__progress-text{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-list-item__progress-text{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.experiment-detail__content{
  margin-top: 16px;
}
.experiment-form {
  flex: 1 1;
  overflow-y: auto;
  padding: 24px;
}
.experiment-form__control {
  width: 100%;
  padding: 8px 12px;
  background: #e2e8f0;
  background: var(--bg-700);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 13px;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color var(--transition);
  outline: none;
}
.experiment-form__control:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  box-shadow: 0 0 0 2px var(--accent-glow);
}
.experiment-form__control[rows] {
  resize: vertical;
}
.experiment-form__control:is(select) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23566a80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 30px;
}
.experiment-form .form-actions{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--border);
}
.experiment-form .form-errors{
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 0.5rem;
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  border: 1px solid rgba(220, 38, 38, 0.25);
  border: 1px solid var(--red-border);
}
.experiment-form .form-errors ul{
  list-style-type: disc;
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
}
.experiment-form .form-errors li{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #dc2626;
  color: var(--red);
}
.experiment-form__variants{
  margin-top: 16px;
  padding: 16px;
  border-radius: 0.5rem;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
}
.experiment-form__variants h3{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-form__variant{
  margin-bottom: 16px;
}
.experiment-form__variant h4{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin-bottom: 8px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-form__variant-label-row{
  display: flex;
  align-items: center;
  gap: 8px;
}
.experiment-form__variant-type-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.experiment-form__variant-type-badge--control {
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  color: #1e40af;
  color: var(--blue);
}
.experiment-form__variant-type-badge--treatment {
  background: rgba(147, 51, 234, 0.1);
  background: var(--purple-bg);
  color: #6b21a8;
  color: var(--purple);
}
.experiment-form__prompt-patch{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.experiment-form__patch-preview{
  padding: 8px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  color: #5a6274;
  color: var(--text-secondary);
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.experiment-dashboard__enroll-action{
  margin-bottom: 16px;
}
.experiment-dashboard__empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
}
.experiment-dashboard__empty-state i{
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 12px;
  color: #5b6577;
  color: var(--text-muted);
}
.experiment-dashboard__empty-state p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5b6577;
  color: var(--text-muted);
}
.experiment-dashboard__pairs{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.experiment-dashboard__pair{
  padding: 12px;
  border-radius: 0.5rem;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  background: #f1f5f9;
  background: var(--bg-800);
}
.experiment-dashboard__pair-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.experiment-dashboard__pair-key{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-dashboard__compare-link{
  display: flex;
  align-items: center;
  gap: 4px;
}
.experiment-dashboard__pair-variants{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.experiment-dashboard__pair-variant{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 4px;
  padding-bottom: 4px;
}
.experiment-dashboard__variant-label{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
}
.experiment-dashboard__variant-cost{
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #5b6577;
  color: var(--text-muted);
}
.experiment-dashboard__variant-cost i{
  margin-right: 0.125rem;
}
.experiment-dashboard__variant-cycles{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.experiment-dashboard__variant-cycles i{
  margin-right: 0.125rem;
}
.experiment-compare__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  text-align: center;
}
.experiment-compare__empty i{
  font-size: 2.25rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  margin-bottom: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-compare__empty i{
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
}
.experiment-compare__empty h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1a1d23;
  color: var(--text-primary);
}
.experiment-compare__empty p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.experiment-compare__empty p{
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.workflow-detail{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.workflow-detail__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.workflow-detail__name{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "Sora", sans-serif;
  font-family: var(--font-display);
}
.workflow-detail__header-actions{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.workflow-detail__badges{
  display: flex;
  align-items: center;
  gap: 8px;
}
.workflow-detail__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  color: #5a6274;
  color: var(--text-secondary);
}
.workflow-detail__section{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.workflow-detail__graph{
  overflow: hidden;
  border-radius: 0.25rem;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  padding: 12px;
}
.workflow-detail__nodes, .workflow-detail__edges{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workflow-detail__features{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.workflow-detail__work-items-count{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5a6274;
  color: var(--text-secondary);
}
.workflow-detail__work-items-count i {
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-detail__schemas{
  border-radius: 0.25rem;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  overflow-x: auto;
}
.workflow-detail__schema-json{
  margin: 0px;
  padding: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  color: #5a6274;
  color: var(--text-secondary);
}
.workflow-node-item{
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
}
.workflow-node-item__id{
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 11px;
  min-width: 80px;
}
.workflow-node-item__type {
  font-size: 10px;
}
.workflow-node-item__label{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-editor{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.workflow-editor__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.workflow-editor__title{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5a6274;
  color: var(--text-secondary);
}
.workflow-editor__breadcrumb-link {
  color: #5a6274;
  color: var(--text-secondary);
  text-decoration: none;
}
.workflow-editor__breadcrumb-link:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.workflow-editor__breadcrumb-sep {
  font-size: 10px;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-editor__breadcrumb-current{
  font-weight: 500;
  color: #1a1d23;
  color: var(--text-primary);
}
.workflow-editor__header-actions{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.workflow-editor__error-summary{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-radius: 0.25rem;
  padding: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: color-mix(in srgb, var(--color-red) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-red) 40%, transparent);
  color: var(--color-red);
}
.workflow-editor__error-summary i {
  margin-top: 2px;
  flex-shrink: 0;
}
.workflow-editor__error-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 4px;
  padding: 0px;
}
.workflow-editor__form{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.workflow-editor__meta-row{
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.workflow-editor__field{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workflow-editor__field--grow{
  flex: 1 1;
}
.workflow-editor__field--checkbox{
  flex-shrink: 0;
}
.workflow-editor__columns{
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
  .workflow-editor__columns {
    grid-template-columns: 1fr;
  }
}
.workflow-editor__editor-col, .workflow-editor__preview-col{
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.workflow-editor__section-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.workflow-editor__section-header--mt {
  margin-top: 12px;
}
.workflow-editor__section-label{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-editor__section-label i {
  font-size: 10px;
}
.workflow-editor__section-hint{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-editor__codemirror-wrap{
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  min-height: 320px;
}
.workflow-editor__codemirror-wrap .cm-editor {
  min-height: 320px;
}
.workflow-editor__validation{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
}
.workflow-editor__validation-success{
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-green);
}
.workflow-editor__validation-success i {
  font-size: 11px;
}
.workflow-editor__validation-errors{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 4px;
  padding: 0px;
}
.workflow-editor__error-item{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
  background: color-mix(in srgb, var(--color-red) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-red) 25%, transparent);
  color: var(--color-red);
}
.workflow-editor__error-item::before {
  content: "✕";
  flex-shrink: 0;
  font-size: 10px;
  margin-top: 1px;
}
.workflow-editor__reference{
  border-radius: 0.25rem;
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
}
.workflow-editor__reference summary.workflow-editor__reference-toggle{
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  list-style: none;
}
.workflow-editor__reference summary.workflow-editor__reference-toggle::-webkit-details-marker {
  display: none;
}
.workflow-editor__reference summary.workflow-editor__reference-toggle:hover {
  color: #5a6274;
  color: var(--text-secondary);
}
.workflow-editor__reference summary.workflow-editor__reference-toggle i {
  font-size: 11px;
}
.workflow-editor__reference-code{
  margin: 0px;
  overflow-x: auto;
  padding: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  color: #5a6274;
  color: var(--text-secondary);
  border-top: 1px solid #f1f5f9;
  border-top: 1px solid var(--border-light);
  background: #f8fafc;
  background: var(--bg-900);
  white-space: pre;
}
.workflow-editor__graph-preview{
  overflow: hidden;
  border-radius: 0.25rem;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  padding: 12px;
  min-height: 120px;
}
.workflow-editor__graph-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-editor__graph-empty i {
  font-size: 24px;
  opacity: 0.4;
}
.workflow-editor__graph-empty span{
  font-size: 0.75rem;
  line-height: 1rem;
}
.workflow-editor__versions{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.workflow-editor__actions{
  display: flex;
  align-items: center;
  gap: 12px;
}
.workflow-version{
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
}
.workflow-version__header{
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background: #f1f5f9;
  background: var(--bg-800);
  border: none;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition);
}
.workflow-version__header:hover {
  background: #e2e8f0;
  background: var(--bg-700);
}
.workflow-version__meta{
  display: flex;
  align-items: center;
  gap: 8px;
}
.workflow-version__badge {
  font-size: 10px;
}
.workflow-version__date{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
}
.workflow-version__chevron{
  font-size: 0.75rem;
  line-height: 1rem;
  color: #5b6577;
  color: var(--text-muted);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform var(--transition);
}
.workflow-version__chevron--open {
  transform: rotate(90deg);
}
.workflow-version__diff {
  border-top: 1px solid #f1f5f9;
  border-top: 1px solid var(--border-light);
  background: #f8fafc;
  background: var(--bg-900);
}
.workflow-version__diff-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
}
.workflow-version__diff-view{
  overflow-x: auto;
  max-height: 260px;
  overflow-y: auto;
}
.diff-line{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  white-space: pre;
}
.diff-line--context {
  color: #5b6577;
  color: var(--text-muted);
}
.diff-line--added {
  background: color-mix(in srgb, var(--color-green) 10%, transparent);
  color: var(--color-green);
}
.diff-line--removed {
  background: color-mix(in srgb, var(--color-red) 10%, transparent);
  color: var(--color-red);
}
.workflow-edge-item{
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 0.25rem;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #f1f5f9;
  border: 1px solid var(--border-light);
}
.workflow-edge-item__from, .workflow-edge-item__to {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #1a1d23;
  color: var(--text-primary);
  min-width: 80px;
}
.workflow-edge-item__arrow {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 10px;
}
.workflow-edge-item__condition {
  font-size: 10px;
  margin-left: auto;
}
.breadcrumb__link {
  color: #1d4ed8;
  color: var(--accent);
  text-decoration: none;
}
.breadcrumb__link:hover {
  text-decoration: underline;
}
.prompt-template-config-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.prompt-template-config-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition);
}
.prompt-template-config-item:last-child {
  border-bottom: none;
}
.prompt-template-config-item:hover {
  background: #f1f5f9;
  background: var(--bg-800);
}
.prompt-template-config-item__info {
  flex: 1 1;
  min-width: 0;
}
.prompt-template-config-item__name {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.prompt-template-config-item__link {
  font-weight: 600;
  color: #1a1d23;
  color: var(--text-primary);
  text-decoration: none;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 14px;
}
.prompt-template-config-item__link:hover {
  color: #1d4ed8;
  color: var(--accent);
}
.prompt-template-config-item__description {
  font-size: 13px;
  color: #5a6274;
  color: var(--text-secondary);
  margin: 0 0 6px;
  line-height: 1.5;
}
.prompt-template-config-item__meta {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  display: flex;
  gap: 16px;
}
.prompt-template-config-item__meta i {
  margin-right: 4px;
}
.prompt-template-config-item__actions {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.prompt-template-show {
  padding: 0 24px 40px;
  max-width: 960px;
}
.prompt-template-show__meta {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  padding: 20px 24px;
  margin-bottom: 24px;
}
.prompt-template-show__title {
  font-size: 20px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  color: #1a1d23;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}
.prompt-template-show__description {
  color: #5a6274;
  color: var(--text-secondary);
  margin: 0 0 12px;
  line-height: 1.6;
}
.prompt-template-show__timestamps {
  display: flex;
  gap: 20px;
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
}
.prompt-template-show__timestamps i {
  margin-right: 4px;
}
.prompt-template-show__body {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 24px;
}
.prompt-template-show__body-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  background: #f1f5f9;
  background: var(--bg-800);
}
.prompt-template-show__body-header h3 {
  font-size: 13px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  margin: 0;
}
.prompt-template-show__body-header h3 i {
  margin-right: 6px;
}
.prompt-template-preview {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 24px;
}
.prompt-template-preview__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  background: #f1f5f9;
  background: var(--bg-800);
}
.prompt-template-preview__header h3 {
  font-size: 13px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  margin: 0;
}
.prompt-template-preview__header h3 i {
  margin-right: 6px;
}
.prompt-template-preview__notice {
  padding: 10px 16px;
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid var(--blue-border);
}
.prompt-template-preview__notice i {
  margin-right: 6px;
  color: #1e40af;
  color: var(--blue);
}
.prompt-template-preview__output {
  padding: 16px;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.7;
  color: #1a1d23;
  color: var(--text-primary);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 500px;
  overflow-y: auto;
  margin: 0;
}
.prompt-template-versions {
  background: #f8fafc;
  background: var(--bg-900);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 24px;
}
.prompt-template-versions__title {
  font-size: 14px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  padding: 12px 16px;
  margin: 0;
  background: #f1f5f9;
  background: var(--bg-800);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.prompt-template-versions__title i {
  margin-right: 6px;
}
.prompt-template-versions__list {
  display: flex;
  flex-direction: column;
}
.prompt-template-version {
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
  cursor: pointer;
}
.prompt-template-version:last-child {
  border-bottom: none;
}
.prompt-template-version:hover .prompt-template-version__header {
  background: #f1f5f9;
  background: var(--bg-800);
}
.prompt-template-version__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition);
}
.prompt-template-version__badge {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  color: #1d4ed8;
  color: var(--accent);
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow);
  padding: 2px 8px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.prompt-template-version__time {
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  flex: 1 1;
}
.prompt-template-version__chevron {
  color: #5b6577;
  color: var(--text-muted);
  font-size: 11px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform var(--transition);
}
.prompt-template-version__chevron--open {
  transform: rotate(180deg);
}
.prompt-template-version__diff {
  border-top: 1px solid #f1f5f9;
  border-top: 1px solid var(--border-light);
  background: #f1f5f9;
  background: var(--bg-800);
  padding: 0;
  overflow: auto;
  max-height: 400px;
}
.diff-view {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.6;
}
.diff-line {
  padding: 1px 16px;
  white-space: pre-wrap;
  word-break: break-word;
}
.diff-line--added {
  background: rgba(22, 163, 74, 0.1);
  background: var(--green-bg);
  color: #16a34a;
  color: var(--green);
}
.diff-line--removed {
  background: rgba(220, 38, 38, 0.1);
  background: var(--red-bg);
  color: #dc2626;
  color: var(--red);
}
.diff-line--context {
  color: #5a6274;
  color: var(--text-secondary);
}
.liquid-editor {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.liquid-editor--readonly {
  padding: 16px;
}
.liquid-editor--readonly pre {
  margin: 0;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-word;
  color: #1a1d23;
  color: var(--text-primary);
}
.liquid-editor__backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: auto;
  padding: 12px;
  box-sizing: border-box;
}
.liquid-editor__highlights {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-word;
  color: transparent;
}
.liquid-editor__textarea {
  position: relative;
  display: block;
  width: 100%;
  min-height: 420px;
  padding: 12px;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.7;
  color: #1a1d23;
  color: var(--text-primary);
  background: transparent;
  border: none;
  resize: vertical;
  box-sizing: border-box;
  caret-color: #1a1d23;
  caret-color: var(--text-primary);
  z-index: 1;
}
.liquid-editor__textarea:focus {
  outline: none;
}
.liquid-editor__textarea::spelling-error {
  text-decoration: none;
}
.lh-output-delim {
  color: #1d4ed8;
  color: var(--accent);
  font-weight: 600;
}
.lh-output {
  color: #0e7490;
  color: var(--cyan);
}
.lh-tag-delim {
  color: #ea580c;
  color: var(--orange);
  font-weight: 600;
}
.lh-keyword {
  color: #6b21a8;
  color: var(--purple);
  font-weight: 600;
}
.lh-tag-body {
  color: #5a6274;
  color: var(--text-secondary);
}
.lh-string {
  color: #16a34a;
  color: var(--green);
}
.lh-comment {
  color: #5b6577;
  color: var(--text-muted);
  font-style: italic;
}
.prompt-template-editor {
  padding: 0 24px 40px;
}
.prompt-template-editor__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.prompt-template-editor__meta-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.prompt-template-editor__meta-row .field {
  flex: 1 1;
  min-width: 200px;
}
.prompt-template-editor__name-field {
  flex: 0 1 300px;
}
.prompt-template-editor__desc-field {
  flex: 1 1;
}
.prompt-template-editor__tab-bar {
  display: flex;
  gap: 2px;
  padding: 0 1px;
  background: #f1f5f9;
  background: var(--bg-800);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  border-radius: 10px 10px 0 0;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  overflow: hidden;
}
.prompt-template-editor__tab {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #5a6274;
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color var(--transition), border-color var(--transition);
  display: flex;
  align-items: center;
  gap: 6px;
}
.prompt-template-editor__tab i {
  font-size: 12px;
}
.prompt-template-editor__tab:hover {
  color: #1a1d23;
  color: var(--text-primary);
}
.prompt-template-editor__tab--active {
  color: #1d4ed8;
  color: var(--accent);
  border-bottom-color: #1d4ed8;
  border-bottom-color: var(--accent);
}
.prompt-template-editor__workspace {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.prompt-template-editor__left {
  flex: 1 1;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f8fafc;
  background: var(--bg-900);
}
.prompt-template-editor__edit-pane {
  background: #f8fafc;
  background: var(--bg-900);
}
.prompt-template-editor__preview-pane {
  padding: 0;
}
.prompt-template-editor__preview-notice {
  padding: 10px 16px;
  font-size: 12px;
  color: #5b6577;
  color: var(--text-muted);
  background: rgba(37, 99, 235, 0.1);
  background: var(--blue-bg);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid var(--blue-border);
}
.prompt-template-editor__preview-notice i {
  margin-right: 6px;
  color: #1e40af;
  color: var(--blue);
}
.prompt-template-editor__preview-loading {
  padding: 20px 16px;
  font-size: 13px;
  color: #5b6577;
  color: var(--text-muted);
}
.prompt-template-editor__preview-loading i {
  margin-right: 6px;
}
.prompt-template-editor__preview-output {
  padding: 16px;
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.7;
  color: #1a1d23;
  color: var(--text-primary);
  white-space: pre-wrap;
  word-break: break-word;
  min-height: 200px;
  margin: 0;
}
.prompt-template-editor__preview-output--error {
  color: #dc2626;
  color: var(--red);
}
.prompt-template-editor__right {
  width: 280px;
  flex-shrink: 0;
  position: sticky;
  top: 16px;
}
.prompt-template-editor__actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.var-panel {
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 10px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f8fafc;
  background: var(--bg-900);
}
.var-panel__header {
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #5a6274;
  color: var(--text-secondary);
  background: #f1f5f9;
  background: var(--bg-800);
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 6px;
}
.var-panel__header i {
  color: #1d4ed8;
  color: var(--accent);
}
.var-panel__search {
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
  border-bottom: 1px solid var(--border);
}
.var-panel__search-input {
  width: 100%;
  padding: 6px 10px;
  font-size: 12px;
  background: #f1f5f9;
  background: var(--bg-800);
  border: 1px solid #e2e8f0;
  border: 1px solid var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
  color: #1a1d23;
  color: var(--text-primary);
  outline: none;
  box-sizing: border-box;
}
.var-panel__search-input:focus {
  border-color: #1d4ed8;
  border-color: var(--accent);
}
.var-panel__search-input::-moz-placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.var-panel__search-input::placeholder {
  color: #5b6577;
  color: var(--text-muted);
}
.var-panel__list {
  max-height: 480px;
  overflow-y: auto;
  padding: 6px 0;
}
.var-item {
  padding: 10px 14px;
  cursor: pointer;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background var(--transition);
  border-bottom: 1px solid #f1f5f9;
  border-bottom: 1px solid var(--border-light);
}
.var-item:last-child {
  border-bottom: none;
}
.var-item:hover {
  background: #f1f5f9;
  background: var(--bg-800);
}
.var-item__header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.var-item__name {
  font-family: "JetBrains Mono", monospace;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  color: #1d4ed8;
  color: var(--accent);
  background: rgba(29, 78, 216, 0.15);
  background: var(--accent-glow);
  padding: 1px 6px;
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
.var-item__type {
  font-size: 10px;
}
.var-item__desc {
  font-size: 11px;
  color: #5b6577;
  color: var(--text-muted);
  margin: 0 0 6px;
  line-height: 1.5;
}
.var-item__stages {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.var-item__stage {
  font-size: 10px;
  padding: 1px 5px;
}
.org-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.org-section-header__title {
  font-family: "DM Sans", sans-serif;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1a1d23;
  color: var(--text-primary);
  margin: 0;
}
.org-panel {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
}
.org-panel__list {
  width: 320px;
  flex-shrink: 0;
}
.org-panel__detail {
  flex: 1 1;
  min-width: 0;
}
.config-view__content .resource-list {
  background: #f1f5f9;
  background: var(--bg-800);
  border-color: #e2e8f0;
  border-color: var(--border);
  border-radius: 6px;
  border-radius: var(--radius-sm);
}
html.dark .config-view__content .resource-list {
  background: #f1f5f9;
  background: var(--bg-800);
  border-color: #e2e8f0;
  border-color: var(--border);
}
.config-view__content .resource-list__header {
  background: #e2e8f0;
  background: var(--bg-700);
  border-color: #e2e8f0;
  border-color: var(--border);
  color: #5a6274;
  color: var(--text-secondary);
}
.config-view__content .resource-list__empty-state {
  padding: 24px 16px;
  text-align: center;
  color: #5b6577;
  color: var(--text-muted);
  font-size: 14px;
}
@media (max-width: 768px) {
  .org-panel {
    flex-direction: column;
  }
  .org-panel__list {
    width: 100%;
  }
}
.side-nav.column {
  flex: 0 0 15rem;
}
html,
body {
  min-height: 100%;
  margin: 0;
}
/* Resource card styles moved to app/components/ui/resource_list.scss */
.resource-form{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 48rem;
}
.resource-form__card{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__card{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.resource-form__content{
  padding: 24px;
}
.resource-form__actions{
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.resource-form__actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(16px * 0);
  margin-right: calc(16px * var(--tw-space-x-reverse));
  margin-left: calc(16px * calc(1 - 0));
  margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
.resource-form__actions{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 1);
  padding-top: 16px;
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__actions{
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}
.resource-form__actions__cancel{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__actions__cancel{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.resource-form__actions__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.resource-form__actions__cancel:hover{
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
}
nav.pagy_nav{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
nav.pagy_nav .page{
  margin-left: 2px;
  margin-right: 2px;
  padding: 0px;
}
nav.pagy_nav .page.current, nav.pagy_nav .page.next.disabled{
  background-color: #f3f4f6;
  background-color: var(--twin-sun-gray-100);
  cursor: not-allowed;
  font-weight: 500;
  outline-width: 0px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
nav.pagy_nav .page a,
nav.pagy_nav .page span{
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.field{
  margin-bottom: 16px;
}
.field label{
  margin-bottom: 4px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.field label{
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
}
.field input:not([type=checkbox]):not([type=radio]),
.field select,
.field textarea{
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: rgb(0 0 0 / 0)){
.field input:not([type=checkbox]):not([type=radio]),
.field select,
.field textarea{
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}
.field input:not([type=checkbox]):not([type=radio]):focus,
.field select:focus,
.field textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / 1);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
@supports (color: rgb(0 0 0 / 0)){
.field input:not([type=checkbox]):not([type=radio]):focus,
.field select:focus,
.field textarea:focus{
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 640px){
  .field input:not([type=checkbox]):not([type=radio]),
.field select,
.field textarea{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.field input[type=checkbox],
.field input[type=radio]{
  height: 16px;
  width: 16px;
}
.field .control{
  margin-top: 4px;
}
.dark .field label,
.dark .field .label{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field label,
.dark .field .label{
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
}
.dark .field input:not([type=checkbox]):not([type=radio]),
.dark .field select,
.dark .field textarea{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field input:not([type=checkbox]):not([type=radio]),
.dark .field select,
.dark .field textarea{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark .field input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .dark .field select::-moz-placeholder, .dark .field textarea::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .dark .field select::-moz-placeholder, .dark .field textarea::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .field input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .dark .field select::-moz-placeholder, .dark .field textarea::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark .field input:not([type=checkbox]):not([type=radio])::placeholder,
.dark .field select::placeholder,
.dark .field textarea::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .dark .field select::-moz-placeholder, .dark .field textarea::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark .field input:not([type=checkbox]):not([type=radio])::placeholder,
.dark .field select::placeholder,
.dark .field textarea::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark .field input:not([type=checkbox]):not([type=radio]):focus,
.dark .field select:focus,
.dark .field textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: var(--twin-sun-gray-900);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field input:not([type=checkbox]):not([type=radio]):focus,
.dark .field select:focus,
.dark .field textarea:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.dark .field input[type=checkbox],
.dark .field input[type=radio]{
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .field input[type=checkbox],
.dark .field input[type=radio]{
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__card{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark .resource-form__actions{
  border-color: #2e3a4d;
  border-color: var(--twin-sun-gray-700);
}
.dark .resource-form__actions__cancel{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__actions__cancel{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark .resource-form__actions__cancel:hover{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark .resource-form__actions__cancel:hover{
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark nav.pagy_nav .page.current, .dark nav.pagy_nav .page.next.disabled{
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark nav.pagy_nav .page.current, .dark nav.pagy_nav .page.next.disabled{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark nav.pagy_nav .page a{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark nav.pagy_nav .page a{
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-gray-50:hover{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
}
.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-indigo-700:hover{
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
  }
}
.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.focus\:border-blue-500:focus{
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:border-gray-700:is(.dark *){
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
}
.dark\:border-twin-sun-gray-600:is(.dark *){
  border-color: #4b5563;
  border-color: var(--twin-sun-gray-600);
}
.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-gray-800:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
}
.dark\:bg-twin-sun-gray-700:is(.dark *){
  background-color: #2e3a4d;
  background-color: var(--twin-sun-gray-700);
}
.dark\:bg-twin-sun-gray-800:is(.dark *){
  background-color: #202c3d;
  background-color: var(--twin-sun-gray-800);
}
.dark\:bg-twin-sun-gray-900:is(.dark *){
  background-color: #141d30;
  background-color: var(--twin-sun-gray-900);
}
.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-100:is(.dark *){
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }
}
.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-300:is(.dark *){
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}
.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-500:is(.dark *){
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
.dark\:placeholder-gray-500:is(.dark *)::placeholder{
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
  }
}
@media (min-width: 768px){
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}