.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
html, body {
  height: 100%;
  margin: 0px;
}

.react-root {
  height: 100%;
}

.disable-select {
  user-select: none; /* supported by Chrome and Opera */
 -webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
}

:root {
  --alto: rgba(218, 218, 218, 1);
  --azure-radiance: rgba(0, 122, 255, 1);
  --azure-radiance-2: rgba(0, 122, 255, 0.13);
  --bittersweet-2: rgba(237, 115, 111, 1);
  --black: rgba(0, 0, 0, 1);
  --black-2: rgba(0, 0, 0, 0.04);
  --chelsea-cucumber: rgba(149, 182, 91, 1);
  --chicago: rgba(93, 93, 93, 1);
  --cinnabar: rgba(229, 54, 49, 1);
  --cultured-pearl: rgba(245, 245, 245, 1);
  --ecru-white: rgba(238, 243, 229, 1);
  --iron: rgba(212, 213, 213, 1);
  --link-water: rgba(221, 221, 248, 1);
  --picton-blue: rgba(69, 195, 235, 1);
  --pink-flamingo: rgba(251, 52, 255, 1);
  --pippin: rgba(251, 224, 223, 1);
  --royal-blue: rgba(96, 96, 223, 1);
  --shark: rgba(39, 36, 36, 1);
  --stack: rgba(141, 141, 141, 1);
  --sunshade: rgba(255, 143, 39, 1);
  --white: rgba(255, 255, 255, 1);

  --font-size-l2: 14px;
  --font-size-m2: 12px;
  --font-size-s2: 11px;
  --font-size-xl2: 15px;
  --font-size-xxl2: 17px;
  --font-size-xxxl: 28px;

  --font-family-sf_pro_text-bold: "SF Pro Text-Bold", Helvetica;
  --font-family-sf_pro_text-regular: "SF Pro Text-Regular", Helvetica;
  --font-family-sf_pro_text-semibold: "SF Pro Text-Semibold", Helvetica;
}

.grab {cursor: -webkit-grab; cursor: grab;}

.sfprotext-normal-azure-radiance-14px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-black-11px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-s2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-stack-12px {
  color: var(--stack);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-shark-17px {
  color: var(--shark);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-azure-radiance-15px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-azure-radiance-14px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-chicago-15px {
  color: var(--chicago);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-shark-11px {
  color: var(--shark);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-s2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-azure-radiance-12px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-azure-radiance-11px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-s2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-bold-azure-radiance-28px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}
.sfprotext-normal-stack-14px {
  color: var(--stack);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-white-14px-2 {
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-cinnabar-15px {
  color: var(--cinnabar);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-royal-blue-15px {
  color: var(--royal-blue);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-chelsea-cucumber-15px {
  color: var(--chelsea-cucumber);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-normal-chicago-15px {
  color: var(--chicago);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}
.sfprotext-regular-normal-azure-radiance-12px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-regular);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 400;
}
.border-1px-iron {
  border: 1px solid var(--iron);
}
.border-0-5px-black-2 {
  border: 0.5px solid var(--black-2);
}
.border-1px-chelsea-cucumber {
  border: 1px solid var(--chelsea-cucumber);
}
.border-1px-alto {
  border: 1px solid var(--alto);
}
.border-1px-azure-radiance {
  border: 1px solid var(--azure-radiance);
}
.sfprotext-normal-azure-radiance-17px {
  color: var(--azure-radiance);
  font-family: var(--font-family-sf_pro_text-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

@-webkit-keyframes LOGO-PRE {
  0%   { height: 1%; }
  100% { height: 15%; }
}
@-moz-keyframes LOGO-PRE {
  0%   { height: 1%; }
  100% { height: 15%; }
}
@-o-keyframes LOGO-PRE {
  0%   { height: 1%; }
  100% { height: 15%; }
}
@keyframes LOGO-PRE {
  0%   { height: 1%; }
  100% { height: 15%; }
}

.loading-logo-transition {
  animation: LOGO-PRE 1s forwards;
}

.loading-logo-transition-after {
  opacity: 0
}

/* 
  ******************** component styles 
*/


/* cals view */
.cals-group2 {
  align-items: flex-start;
  display: flex;
  min-width: 397px;
}
.cals-overlap-group2 {
  border-radius: 5px;
  height: 124px;
  position: relative;
  width: 395px;
}
.cals-rectangle3 {
  height: 40px;
  left: 355px;
  position: absolute;
  top: 0px;
  width: 40px;
}

/* graph view */


/* feedfast */
.feedfast-group57 {
  align-items: flex-start;
  display: flex;
  border-radius: 5px;
  border: 1px solid rgba(218, 218, 218, 1);

}
.feedfast-overlapgroup6 {
  border-radius: 5px;
  height: 40px;
  position: relative;
  width: 578px;
}
.feedfast-rectangle2135 {
  height: 40px;
  position: absolute;
  top: 0px;
  width: 40px;
  left: 538px;

}

.feedfast-icon1 {
  height: 17px;
  position: absolute;
  top: 12px;
  width: 17px;
  left: 550px;
}

/* camps */
.camp-card {
  min-height: 55px;
}