.te-graph-title-con,
.tf-graph-title-con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0 1rem 0;
}
.te-graph-title-con h2,
.tf-graph-title-con h2 {
  font-weight: 700;
  font-weight: 600;
  margin: 0;
  font-size: 1.25rem;
  letter-spacing: 0.1px;
}

.te-graph-title-con {
  margin: 1.5rem 0 0.5rem 0;
}

#tag-hist-graph,
#tag-hist-graph-a,
#p1-g1 {
  box-shadow: inset 0px 0px 8px -3px rgba(0, 0, 0, 0.1), 0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.34), 1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color)/0.34), 2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color)/0.34), 4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color)/0.34), 7.1px 14.3px 18px -1.4px hsl(var(--shadow-color)/0.34), 11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color)/0.34), 17px 33.9px 42.7px -2.1px hsl(var(--shadow-color)/0.34), 25px 50px 62.9px -2.5px hsl(var(--shadow-color)/0.34);
  box-shadow: 0px 0.1px 0.1px hsl(var(--shadow-color)/0.34), 0px 0.7px 0.8px -0.4px hsl(var(--shadow-color)/0.34), 0px 1.3px 1.5px -0.7px hsl(var(--shadow-color)/0.34), -0.1px 2.2px 2.5px -1.1px hsl(var(--shadow-color)/0.34), -0.1px 3.5px 3.9px -1.4px hsl(var(--shadow-color)/0.34), -0.2px 5.5px 6.2px -1.8px hsl(var(--shadow-color)/0.34), -0.3px 8.4px 9.5px -2.1px hsl(var(--shadow-color)/0.34), -0.5px 12.4px 14px -2.5px hsl(var(--shadow-color)/0.34);
  border: 2px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  padding: 1rem;
  /* filter: drop-shadow(0px 0px 3px #ddd); */
  margin: 0 0 2rem 0;
}
#tag-hist-graph .modebar-group,
#tag-hist-graph-a .modebar-group,
#p1-g1 .modebar-group {
  background-color: transparent !important;
}
#tag-hist-graph .modebar-btn .icon path,
#tag-hist-graph-a .modebar-btn .icon path,
#p1-g1 .modebar-btn .icon path {
  fill: #777 !important;
}

.tag-title-con {
  margin-top: 2rem;
  display: flex;
}
.tag-title-con .material-symbols-outlined {
  color: #f95d6a;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
  vertical-align: middle;
  margin-right: 0.3rem;
}

.tag-size-info-con {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.tag-size-info-con .material-symbols-outlined {
  color: #e7aa27;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
  vertical-align: middle;
  margin-right: 0.3rem;
}

#graph-tag-title,
#graph-tag-title__p1 {
  margin-bottom: 0;
  margin-top: 1em;
  font-weight: 400;
  font-weight: 500;
}

#display-checklist-con {
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
  align-items: center;
}

#display-checklist label,
#display-radioitems label {
  margin-right: 0.8em;
}

#display-checklist label input,
#display-radioitems label input {
  margin-right: 0.3em;
  accent-color: #ef5c8d;
}

#display-checklist label:nth-child(2) input {
  accent-color: #ef8251;
  accent-color: #000;
}

#display-checklist label:nth-child(3) input {
  accent-color: #ebb53e;
}

#display-checklist label:nth-child(4) input {
  accent-color: #c1d731;
}

#display-checklist label:nth-child(5) input {
  accent-color: #5eb458;
}

.vid-thumb-div {
  position: relative;
}

.vid-thumb-div span {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 4px;
  padding: 3px 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.35px;
  color: #fff;
}

button.accordion-button:focus {
  box-shadow: none;
}

.new-badge {
  background: #198754;
  color: #fff;
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  margin-right: 0.3em;
}

#metric_choice_con {
  width: 100%;
  padding: 0.7rem 1.4rem;
  line-height: 1.7;
  background: rgb(247.05, 247.05, 247.05);
  color: #333;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
#metric_choice_con .select-metric-label {
  width: 130px;
}

#show-growth-vids-btn {
  margin: 1.4rem auto 0 auto;
  padding: 0.4rem 1.6rem;
  border-radius: 100px;
  background: rgb(242.28, 242.28, 242.28);
  border: 1px solid rgb(226.38, 226.38, 226.38);
  font-size: 0.9rem;
  display: block;
}
#show-growth-vids-btn:hover {
  background: rgb(226.38, 226.38, 226.38);
}

.show-growth-vids-btn-msg {
  color: #616161;
  font-size: 0.8em;
  margin: 0.3em 0 1.4rem 0;
  text-align: center;
}

#growth-vids-table {
  margin-top: 1rem;
}

.filter-con-con-te {
  border-bottom: 1px solid rgb(207.3, 207.3, 207.3);
  width: 96.8%;
  background: rgb(251.82, 251.82, 251.82);
  padding: 1rem 2rem;
}

.filter-con-te {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0;
}
.filter-con-te .btn {
  font-size: 0.9rem;
}

.filter-con .filter-dd-con {
  display: flex;
  width: 40%;
  align-items: center;
}
.filter-con .filter-dd-con > *:last-child {
  width: 100%;
}
.filter-con .filter-dd-con > *:last-child .Select-value {
  color: #606060;
  background-color: rgb(247.05, 247.05, 247.05);
  border-color: rgb(223.2, 223.2, 223.2);
}
.filter-con .filter-dd-con > *:last-child .VirtualizedSelectFocusedOption {
  background-color: rgb(247.05, 247.05, 247.05);
}
.filter-con .filter-dd-con > *:first-child {
  margin-right: 0.5rem;
  color: #666666;
}
.filter-con > .filter-apply-btn-con {
  align-self: center;
  position: relative;
}
.filter-con > .filter-apply-btn-con #filter-apply-btn {
  transition: background 0.9s ease-in-out;
}
.filter-con > .filter-apply-btn-con #filter-apply-btn-msg {
  display: none;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9em;
  color: #777;
  letter-spacing: -0.5px;
}

#tf-graph-tooltip {
  padding: 0;
  z-index: 51231;
  box-shadow: var(--shadow-elevation-medium);
  border-radius: 5px;
}
#tf-graph-tooltip .gtooltip-stats {
  padding: 1em 2em;
}
#tf-graph-tooltip .gtooltip-stats p {
  margin-bottom: 0.4em;
}
#tf-graph-tooltip p.gtooltip-tag {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 1em 2em 0.7em 2em;
  margin-bottom: 0;
  font-weight: bold;
  background: rgb(250.23, 250.23, 250.23);
  border-bottom: rgb(220.02, 220.02, 220.02) 1px solid;
}
#tf-graph-tooltip p.gtooltip-tag .gtooltip-tag-lvl {
  font-family: monospace;
  vertical-align: top;
}
#tf-graph-tooltip .guidex,
#tf-graph-tooltip .guidey,
#tf-graph-tooltip .guideb {
  margin-right: 0.5rem;
  font-size: 18px;
  vertical-align: middle;
  background: whitesmoke;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 200, "opsz" 48;
}
#tf-graph-tooltip .guidex {
  color: #88A61B;
}
#tf-graph-tooltip .guidey {
  color: #F29F05;
}
#tf-graph-tooltip .guideb {
  color: #F25C05;
}

#graph-select-con__p1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1.5rem;
}
#graph-select-con__p1 .graph-select-dd-con {
  width: 28%;
  min-width: 12rem;
}
#graph-select-con__p1 button {
  width: 10%;
  min-width: 80px;
  height: 38px;
}

.gr-sel-row {
  display: flex;
}
.gr-sel-row:not(#gr-sel-update-con):not(#gr-sel-time-con) {
  border-bottom: 1px solid #eee;
  padding: 0.6rem 0;
}
.gr-sel-row#gr-sel-update-con {
  align-items: center;
  padding-top: 1rem;
}
.gr-sel-row .gr-sel-row-label {
  width: 15%;
  display: flex;
  align-items: center;
}
.gr-sel-row .gr-sel-row-label .material-symbols-outlined {
  margin-right: 0.25rem;
  font-size: 1rem;
}
.gr-sel-row .gr-sel-time-radioitems {
  width: 60%;
  display: flex;
  align-items: center;
}
.gr-sel-row .gr-sel-m-radioitems {
  width: 45%;
  display: flex;
  align-items: center;
}
.gr-sel-row .gr-sel-dd-con {
  width: 20%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gr-sel-row .gr-sel-dd-con .gr-sel-dd {
  width: 100%;
}
.gr-sel-row .gr-sel-dd-con .metric-info-icon {
  font-size: 1.1rem;
  color: #666;
  cursor: help;
  transition: color 0.2s ease;
}
.gr-sel-row .gr-sel-dd-con .metric-info-icon:hover {
  color: #333;
}
.gr-sel-row .gr-sel-gt-filter {
  width: 12%;
  margin-left: auto;
}
.gr-sel-row .gr-sel-gt-filter input {
  --bs-focus-ring-width: 0;
  font-size: 0.8rem;
  line-height: 2;
}
.gr-sel-row .gr-sel-gt-filter input::-moz-placeholder {
  color: #aaa;
}
.gr-sel-row .gr-sel-gt-filter input::placeholder {
  color: #aaa;
}
.gr-sel-row .Select-control {
  background: rgb(251.82, 251.82, 251.82);
}

#metric-type-tooltip {
  padding: 0.6rem 0.9rem;
  border-radius: 4px;
  z-index: 11;
  max-width: 287px;
  display: none;
  background: #fff;
  border: 1px solid #000;
  font-size: 0.8rem;
}
#metric-type-tooltip p {
  margin: 0;
  margin-bottom: 0.2rem;
}
#metric-type-tooltip .emph {
  font-weight: bold;
}

.gr-sel-update-msg {
  color: #A3A3A3;
  font-size: 0.9em;
  font-style: italic;
  margin-left: 0.5rem;
}

#metric-select-accordion-item #gr-sel-time-radioitems .metric-selection-rd-checked-input {
  background-color: #ef8251;
  border-color: #ef8251;
}
#metric-select-accordion-item #gr-sel-x-m-radioitems .metric-selection-rd-checked-input {
  background-color: #ebb53e;
  border-color: #ebb53e;
}
#metric-select-accordion-item #gr-sel-y-m-radioitems .metric-selection-rd-checked-input {
  background-color: #ebb53e;
  border-color: #ebb53e;
}
#metric-select-accordion-item #gr-sel-bs-m-radioitems .metric-selection-rd-checked-input {
  background-color: #6c74b5;
  border-color: #6c74b5;
}
.tf-disp-options {
  display: block;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  z-index: 100;
  right: 0;
  top: 2.7rem;
  color: #636466;
}

.option-inputs-con {
  padding: 0.5rem 2rem;
  padding-bottom: 0.9rem;
}
.option-inputs-con label {
  margin-right: 0.3rem;
  margin-bottom: 0.2rem;
}
.option-inputs-con input {
  width: 170px;
  padding: 0.2em 0.4em;
  line-height: 1;
}

.option-checklist .option-checklist-label {
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 2rem;
}
.option-checklist .option-checklist-label:hover {
  background: #eee;
}
.option-checklist .option-checklist-label:has(> input[type=checkbox]:checked) {
  background: #ddd;
}
.option-checklist .option-checklist-input {
  margin-right: 0.6rem;
}

.form-control {
  font-size: 1em;
}

.tf-settings-btn {
  color: #606060;
  line-height: 1;
  background: transparent;
  border: none;
}
.tf-settings-btn .material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
}

#metric-select-accordion-item {
  margin-bottom: 1rem;
}
#metric-select-accordion-item .accordion-button {
  background: rgb(251.82, 251.82, 251.82);
}
#metric-select-accordion-item .accordion-button:not(.collapsed) {
  background: rgb(242.28, 242.28, 242.28);
  color: #333;
}
#metric-select-accordion-item .accordion-body {
  background: rgb(251.82, 251.82, 251.82);
}

#metric-filter-tooltip {
  padding: 0.6rem 0.9rem;
  border-radius: 4px;
  z-index: 11;
  max-width: 287px;
  display: none;
  background: #fff;
  border: 1px solid #000;
  font-size: 0.8rem;
}

.tf-ginfo-num-traces-p {
  margin-left: 2.5rem;
  margin-top: 2rem;
  border-top: 1px solid #ddd;
  padding-top: 0.6rem;
  width: -moz-fit-content;
  width: fit-content;
}
.tf-ginfo-num-traces-p.tfgntte {
  margin-top: 0.7rem;
}
.tf-ginfo-num-traces-p #tf-ginfo-num-traces,
.tf-ginfo-num-traces-p #te-ginfo-num-traces {
  /* vertical-align: baseline; */
  font-weight: 700;
  background: #2C2C2A;
  background: linear-gradient(90deg, #a05195, #bf508f, #da5184, #f05774, #ff6460, #ff7749, #ff8d2f, #ffa600);
  letter-spacing: 0.4px;
  border-radius: 3px;
  color: hsl(48, 68%, 66%);
  color: #f0f0f0;
  padding: 0px 5px;
  line-height: 1;
  text-shadow: 0 0 18px hsla(48, 81%, 66%, 0.8);
  text-shadow: 1px 1px 0px #222;
  transition: filter 0.5s ease-in-out;
  filter: grayscale(1);
  cursor: none;
  /* font-family: monospace; */
}
.tf-ginfo-num-traces-p #tf-ginfo-num-traces:hover,
.tf-ginfo-num-traces-p #te-ginfo-num-traces:hover {
  filter: grayscale(0);
}

#te-sel-tags-table,
#tf-sel-tags-table {
  --ag-border-color: #ddd;
  --ag-secondary-border-color: transparent;
  --ag-row-border-color: transparent;
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-header-cell-hover-background-color: transparent;
  --ag-background-color: transparent;
  --ag-header-background-color: transparent;
  --ag-cell-horizontal-padding: 1.2rem;
}
#te-sel-tags-table div[col-id=remove],
#te-sel-tags-table div[col-id=tag_color],
#tf-sel-tags-table div[col-id=remove],
#tf-sel-tags-table div[col-id=tag_color] {
  --ag-cell-horizontal-padding: 0;
}
#te-sel-tags-table div[col-id=tag_name],
#tf-sel-tags-table div[col-id=tag_name] {
  padding-left: 0.6rem;
}

#te-nothing-selected-msg,
#tf-nothing-selected-msg {
  width: 100%;
  height: 125%;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  z-index: 99;
  padding: 1.7rem 1.618rem;
}

.te-sel-tags-tbl-title,
.tf-sel-tags-tbl-title {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

#tag-hist-graph-a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
#tag-hist-graph-a .x-axis .tick text {
  fill: initial;
}
#tag-hist-graph-a .x-axis .tick line {
  stroke: initial;
}
#tag-hist-graph-a .x-axis.tr .tick text {
  fill: transparent;
}
#tag-hist-graph-a .x-axis.tr .tick line {
  stroke: transparent;
}

#tag-hist-graph-a svg {
  opacity: 1;
  transition: opacity 1s ease;
}

#tag-hist-graph[data-dash-is-loading=true] ~ #tag-hist-graph-a {
  position: relative;
  box-shadow: none;
  border: none;
}
#tag-hist-graph[data-dash-is-loading=true] ~ #tag-hist-graph-a svg {
  opacity: 0.5 !important;
}

#tag-hist-graph[data-dash-is-loading=true] ~ #tag-hist-graph-a::before {
  content: "";
  visibility: visible;
  position: absolute;
  left: calc(50% - 14px);
  top: 2rem;
  width: 28px;
  height: 28px;
  border: 6px solid #EF5C8D;
  border-radius: 50%;
  transform: rotate(45deg);
  box-sizing: border-box;
}

#tag-hist-graph[data-dash-is-loading=true] ~ #tag-hist-graph-a::after {
  content: "";
  visibility: visible;
  position: absolute;
  left: calc(50% - 14px);
  top: 2rem;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 6px solid #EBB53E;
  transform: rotate(45deg);
  animation: prixClipFix 2s infinite linear;
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
#tag-hist-graph-a-brush {
  margin-top: 1.7rem;
}
#tag-hist-graph-a-brush .tick text {
  fill: gray;
}

#te-graph-title[data-dash-is-loading=true] {
  visibility: hidden;
}

#te-sel-tags-con[data-dash-is-loading=true] {
  visibility: hidden;
}

.country-lang-f-inst {
  color: #555;
}

.te-g-tooltip {
  z-index: 1000;
  font-size: 12px;
}
.te-g-tooltip .toolTipCircle {
  fill: #333333;
  filter: drop-shadow(0px 0px 2px red);
  z-index: 800;
}
.te-g-tooltip .tett-tag {
  font-weight: bold;
}
/* TE policy note (under title) spacing */
.te-note {
  font-size: 0.85rem;
  color: #666;
  font-style: italic;
  margin-top: 0.25rem;
  margin-bottom: 1.7rem;
}

/* TE metric row and policy switch layout */
.te-metric-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.te-metric-row #metric_choice_con {
  flex: 1;
}
.te-metric-row .te-policy-switch-con {
  white-space: nowrap;
  margin-left: auto;
}
.te-metric-row .te-policy-switch-con .form-check {
  margin-bottom: 0;
}
.te-metric-row .te-policy-switch-con .form-check-label {
  font-size: 0.9rem;
}
.te-metric-row .te-policy-switch-con .form-check-input:checked {
  background-color: #ef5c8d;
  border-color: #ef5c8d;
}
.te-metric-row .te-policy-switch-con .form-check-input:focus {
  border-color: #ef5c8d;
  box-shadow: 0 0 0 0.25rem rgba(239, 92, 141, 0.25);
}
.te-metric-row .te-policy-switch-con .form-check-input:checked:focus {
  border-color: #ef5c8d;
  box-shadow: 0 0 0 0.25rem rgba(239, 92, 141, 0.25);
}

@media (min-width: 1100px) {
  .te-metric-row {
    flex-wrap: nowrap;
  }
}
/* Policy marker styles */
#tag-hist-graph-a .policy-line {
  stroke: #888;
  stroke-dasharray: 4 3;
  opacity: 0.85;
}
#tag-hist-graph-a .te-policy-label {
  fill: #555;
  font-size: 11px;
}
#tag-hist-graph-a .te-policy-label-bg {
  fill: #fff;
  opacity: 0.85;
}

/* Linked note highlight for hover linking */
.linked-note--highlight {
  background: #fff9db; /* soft yellow */
  box-shadow: 0 0 0 2px #f6e27f inset;
}

.tbl-tag-color {
  width: 10px;
  height: 10px;
}

.date-range-picker-container {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--bs-gray-100);
  border-radius: 0.375rem;
}
.date-range-picker-container .date-range-label {
  font-size: 0.875rem;
  color: var(--bs-gray-700);
  margin-bottom: 0.5rem;
  display: block;
}
.date-range-picker-container .date-picker {
  width: 100%;
}
.date-range-picker-container .date-picker .SingleDatePickerInput {
  width: 100%;
  background: transparent;
}
.date-range-picker-container .date-picker .SingleDatePickerInput .DateInput {
  width: 100%;
  background: transparent;
}
.date-range-picker-container .date-picker .SingleDatePickerInput .DateInput .DateInput_input {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.25rem;
  background: white;
}
.date-range-picker-container .date-picker .SingleDatePickerInput .DateInput .DateInput_input:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.date-range-picker-container .date-picker .SingleDatePickerInput .DateInput .DateInput_input.DateInput_input__focused {
  border-color: var(--bs-primary);
}

.gr-sel-time-container {
  width: 100%;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.gr-sel-time-container .date-range-validation {
  font-size: 0.85rem;
}
.gr-sel-time-container .date-range-validation.valid {
  color: #61AC57;
}
.gr-sel-time-container .date-range-validation.invalid {
  color: #B52212;
}
.gr-sel-time-container .date-range-validation .date-range-duration {
  color: #666;
  margin-left: 0.5rem;
}
.gr-sel-time-container .date-range-validation .date-range-duration.invalid {
  color: var(--bs-danger);
}

#comparison-range-container {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bs-gray-200);
}

.month-range-slider-container {
  padding: 1rem 0rem 0.5rem;
}
.month-range-slider-container .slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7rem;
}
.month-range-slider-container .slider-header .slider-label-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.month-range-slider-container .slider-header .slider-label-container .material-symbols-outlined {
  font-size: 1.1rem;
  color: var(--bs-gray-600);
}
.month-range-slider-container .month-range-slider .rc-slider-rail {
  background-color: #c7c9cb;
}
.month-range-slider-container .month-range-slider .rc-slider-track {
  background-color: #ef5c8d;
}
.month-range-slider-container .month-range-slider .rc-slider-handle {
  border: solid 2px rgb(243.5586592179, 138.4413407821, 173.4804469274);
  background-color: white;
  width: 18px;
  height: 18px;
  margin-top: -7px;
}
.month-range-slider-container .month-range-slider .rc-slider-handle:hover {
  border-color: #ef5c8d;
}
.month-range-slider-container .month-range-slider .rc-slider-handle:active {
  border-color: #ef5c8d;
  box-shadow: 0 0 5px rgba(239, 92, 141, 0.5);
}
.month-range-slider-container .month-range-slider .rc-slider-handle-dragging {
  border-color: rgb(248.1173184358, 184.8826815642, 205.9608938547);
  box-shadow: 0 0 0 5px rgb(252.6759776536, 231.3240223464, 238.4413407821);
}
.month-range-slider-container .month-range-slider .rc-slider-dot {
  border: 2px solid #e9e9e9;
  background-color: #fff;
}
.month-range-slider-container .month-range-slider .rc-slider-dot-active {
  border-color: rgb(243.5586592179, 138.4413407821, 173.4804469274);
}
.month-range-slider-container .month-range-slider .rc-slider-mark-text {
  color: #888;
  font-size: 0.7rem;
}
.month-range-slider-container .month-range-slider .rc-slider-mark-text-active {
  color: #333;
}

#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-track {
  background-color: #ef8251;
}
#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-handle {
  border: solid 2px rgb(243.2947368421, 163.5526315789, 127.7052631579);
}
#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-handle:hover {
  border-color: #ef8251;
}
#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-handle:active {
  border-color: rgb(243.2947368421, 163.5526315789, 127.7052631579);
  box-shadow: 0 0 0 5px rgb(251.8842105263, 230.6578947368, 221.1157894737);
}
#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-handle-dragging {
  border-color: #ef8251;
  box-shadow: 0 0 0 5px rgb(251.8842105263, 230.6578947368, 221.1157894737);
}
#comparison-range-container .month-range-slider-container .month-range-slider .rc-slider-dot-active {
  border-color: rgb(243.2947368421, 163.5526315789, 127.7052631579);
}/*# sourceMappingURL=te_tf.css.map */