/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */.location-catch-img { width: 100%; height: auto; margin-right: auto; margin-left: auto; }

@media (62rem <= width) { .location-catch-img { width: 49.875rem; } }
.usage-list_inner { display: grid; grid-template-columns: 8.75rem auto; align-items: start; justify-content: start; }

@media (48rem <= width) { .usage-list_inner { align-items: center; } }
.location-category { display: grid; place-content: center; place-items: center; width: 8.75rem; max-height: 1.625rem; padding: var(--gap-s1) var(--gap-s3); border-radius: var(--radius-s); background: var(--white); font-size: var(--font-text-s); font-weight: var(--font-weight-bold); line-height: var(--line-height-m); }
.usage-list_inner .usage-detail { display: grid; grid-template-columns: 2em auto; }
.location-yellow { color: var(--original); border: 2px solid var(--original); }
.location-blue { color: var(--alpha); border: 2px solid var(--alpha); }
.location-navy { color: var(--infinity); border: 2px solid var(--infinity); }
.location-card-detail { display: grid; gap: var(--gap1); text-align: left; }
.location-name { display: grid; font-size: var(--font-title-m); font-weight: var(--font-weight-bold); gap: var(--gap1); line-height: var(--line-height-m); }

@media (48rem <= width) {
  .location-name { display: flex; font-size: var(--font-title-l); gap: 0; }
  .location-name .location-category { margin-left: var(--gap1); }
}
.node--type--kbc-location-page .link-card-img-area { display: flex; align-items: center; justify-content: center; min-height: 16.875rem; text-align: center; }

@media (48rem <= width) { .node--type--kbc-location-page .link-card-img-area { min-height: 15rem; } }
.node--type--kbc-location-page .link-card-img-area img { width: auto; max-height: 14rem; margin: auto; }
.node--type--kbc-location-page .link-card-detail { padding: var(--p-space-8); }

@media (48rem <= width) { .node--type--kbc-location-page .link-card-detail { padding: var(--p-space-6); } }
.node--type--kbc-location .event-info { overflow-x: hidden; overflow-y: auto; }