/* =========================================
   Variables
   ========================================= */
/* =========================================
   Utility
   ========================================= */
/* Accessible-friendly way to make entire cards clickable.
 * Links with this style should also have aria-hidden="true"
 * and tabindex="-1"
 */
.LinkOverlay {
  color: transparent !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.Hidden {
  display: none !important;
}

/* =========================================
   Component: Small Quicklinks
   ========================================= */
.SmallQuicklink {
  background: #f9f9f9;
  border-radius: 0.25rem;
  display: inline-flex;
  font-size: 0.875rem;
  gap: 0.375em;
  line-height: 1.4;
  padding: 0.5em 0.75em;
  /* --- Icon Variants --- */
}
[class*="SmallQuicklink--"]::before {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  height: 1em;
  margin: 0.125em 0;
  width: 1em;
}
.SmallQuicklink:hover {
  background: #f2f2f2;
  text-decoration: underline;
}
.SmallQuicklink:link, .SmallQuicklink:visited {
  color: #000000;
}
.SmallQuicklink:focus {
  box-shadow: 0 0 0 3px #ffffff;
  outline-color: #043F8D;
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: 0;
}
.SmallQuicklinkContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}
.SmallQuicklinkContainer li {
  list-style-type: none;
  margin: 0;
}
.SmallQuicklink--Category::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0c-1.58,0-3.13.47-4.44,1.35-1.32.88-2.34,2.13-2.95,3.59s-.76,3.07-.46,4.62c.31,1.55,1.07,2.98,2.19,4.1,1.12,1.12,2.54,1.88,4.1,2.19,1.55.31,3.16.15,4.62-.46,1.46-.61,2.71-1.63,3.59-2.95.88-1.32,1.35-2.86,1.35-4.44,0-2.12-.84-4.16-2.34-5.66-1.5-1.5-3.54-2.34-5.66-2.34ZM14.31,5h-2.74c-.34-1.31-.87-2.56-1.57-3.71.94.28,1.81.76,2.55,1.4.74.64,1.34,1.43,1.76,2.31ZM8.62,1c.9,1.2,1.58,2.56,2,4h-5.2c.41-1.45,1.09-2.8,2-4h1.2ZM10.82,10h-5.65c-.25-1.32-.25-2.68,0-4h5.64c.26,1.32.26,2.68,0,4ZM6,1.29c-.7,1.15-1.24,2.4-1.58,3.71H1.69c.42-.89,1.02-1.67,1.76-2.31.74-.64,1.61-1.12,2.55-1.4ZM1.29,6h2.91c-.23,1.32-.23,2.68,0,4H1.29c-.39-1.31-.39-2.7,0-4ZM1.69,11h2.7c.34,1.31.89,2.56,1.61,3.71-.94-.28-1.81-.76-2.55-1.4-.74-.64-1.34-1.43-1.76-2.31ZM7.4,15c-.89-1.21-1.57-2.56-2-4h5.17c-.43,1.44-1.1,2.8-2,4-.19,0-.38,0-.57,0h-.6ZM10,14.71c.72-1.14,1.26-2.4,1.6-3.71h2.71c-.42.89-1.02,1.67-1.76,2.31-.74.64-1.61,1.12-2.55,1.4ZM14.71,10h-2.89c.23-1.32.23-2.68,0-4h2.92c.39,1.3.39,2.69,0,4h-.03Z'/%3E%3C/svg%3E");
}
.SmallQuicklink--Document::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M5.3,0L0,5.3v10.7h12V0s-6.7,0-6.7,0ZM5,1.7v3.3H1.7l3.3-3.3ZM11,15H1V6h5V1h5v14Z'/%3E%3Cpath class='cls-1' d='M3,8h6v1H3v-1ZM3,11h3v1h-3v-1Z'/%3E%3C/svg%3E");
}

/* =========================================
   Component: Category Spotlights
   ========================================= */
.Spotlights {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.Spotlights .SpotlightCard {
  border-radius: 0.25rem;
  list-style-type: none;
  margin: 0 auto 0.5rem;
  max-width: 175px;
  padding: 0.5rem;
  position: relative;
  width: 100%;
}
.Spotlights .SpotlightCard:focus-within {
  box-shadow: 0 0 0 3px #FFFFFF;
  outline-color: #043F8D;
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: 0;
}
.Spotlights .SpotlightCard:hover .SpotlightCard__Title,
.Spotlights .SpotlightCard:hover .SpotlightCard__Details {
  color: #043F8D;
  text-decoration: underline;
}
.Spotlights .SpotlightCard__Details {
  color: #666666;
  display: block;
  font-size: var(--Font-XSmall);
}
.Spotlights .SpotlightCard__Image {
  aspect-ratio: 1;
  border: 1px solid #E3E3E3;
  border-radius: 0.25rem;
  margin: 0 auto;
  max-width: 150px;
  width: 100%;
}
.Spotlights .SpotlightCard__Text {
  font-size: var(--Font-Small);
  line-height: 1.4;
  margin-top: 0.625em;
  text-align: center;
  overflow-wrap: break-word;
}
.Spotlights .SpotlightCard__Title a {
  color: #0660d7;
  text-decoration: none;
}
.Spotlights .SpotlightCard__Title a:focus {
  box-shadow: none !important;
  outline: 0;
}

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