@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

#quarto-appendix { 
  display:none;
}
.responsive-svg {
    width: 880px;
    max-width: 880px;
    margin: 0 auto;
}

#title {
    font-family: "Atkinson Hyperlegible";
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0;
}

#subtitle {
    font-family: "Atkinson Hyperlegible";
    color: #848687FF;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin: 5px 0;
}

#date-filter {
    font-family: "Atkinson Hyperlegible";
    font-size: 20px;
    margin: 25px auto;
    display: flex;
    /* Enables flexbox layout */
    justify-content: center;
    /* Centers items horizontally */
    align-items: center;
    /* Centers items vertically */
    flex-wrap: wrap;
    /* Allows items to wrap to the next line if needed */
}

#date-select, #date-select option {
    font-family: "Atkinson Hyperlegible";
    color: black;
    border: none;
    /* Optional: Adds a border */
    padding: 5px;
    /* Optional: Adds some padding */
    border-radius: 0px;
    /* Optional: Rounds the corners */
}

body.quarto-dark { 
  #date-select {
  color: white;
  /* Sets the text color to black for contrast */
    border-bottom: 2px solid white;
}


}
body.quarto-dark  text.team-name,
body.quarto-dark  text.team-rk {
  fill: white;
}


body.quarto-light { 
  #date-select {
  color: #111111;
  /* Sets the text color to black for contrast */
  border-bottom: 2px solid #111111;
}

.team-name,.team-rk { 
  color: #111111;
}
}
#filters {
    display: flex;
    /* Enables flexbox layout */
    justify-content: center;
    /* Centers items horizontally */
    align-items: center;
    /* Centers items vertically */
    flex-wrap: wrap;
    /* Allows items to wrap to the next line if needed */
    margin-bottom: 15px;
    
}

.filter {
  border-radius: 6px !important;
  margin: 4px 12px;
  cursor: pointer;
  transition: background-color 0.3s ease; 
}

.filter:hover,
.filter.active {
    background-color: #111111;
    /* Light gray background on hover */
    color: white;
    transition: background-color 0.3s ease, transform 0.3s ease;

}

/* Axis */
.top-axis path.domain {
    stroke: none;
}

.top-axis text {
    font-family: "Azeret mono", monospace;
    font-size: 0.60rem;
}

.tooltip_text {
    font-family: "Atkinson Hyperlegible", monospace;
}

.bold_tooltip {
    font-weight: bold;
}

.team-name, .team-rk { 
  font-size:15px !important;
}

body.quarto-light rect.all_rect { 
  stroke: #111111;
}

body.quarto-dark rect.all_rect { 
  stroke: white;
  stroke-opacity: 0.85;
}

#caption {
  width: 880px;
  max-width: 880px;
  margin: 20px auto;
}

#caption a {
  text-decoration: none;
  transition: box-shadow 0.2s ease-out;
  padding: 2px;
}

#caption a:hover, #caption a:focus {
  transition-timing-function: ease-in;
  paddind: 2px;
}

body.quarto-light #caption a {
  color: #111111;
  box-shadow: inset 0 -5px 0 0 rgba(17, 17, 17, 0.95);
}

body.quarto-light #caption a:hover,body.quarto-light #caption a:focus {
  color: #FFFFFF;
  box-shadow: inset 0 -25px 0 0 rgba(17, 17, 17, 0.95);
}

body.quarto-dark #caption a {
  color: #FFFFFF;
  box-shadow: inset 0 -5px 0 0 #FFFFFF;
}

body.quarto-dark #caption a:hover,body.quarto-dark #caption a:focus {
  color: #111111;
  box-shadow: inset 0 -25px 0 0 #FFFFFF;
}