@media (hover: hover) {}

.scrollable-y::-webkit-scrollbar {
  display: none;
}
.scrollable-y {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: hidden;
  overflow-y: auto;
}

/* DARK THEME */

[data-theme="dark"] {

}

/* MEDIA QUERY */

@media (min-width: 1280px) {

}

.reset {
  all: unset;
}

.button {
  all: unset;
  background-color: var(--color-highlight);
  text-transform: uppercase;
  padding: .15em 1em .1em 1.1em;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  font-weight: var(--font-weight-button);
  color: var(--color-text);
  display: inline-block;
  transition: color 200ms, background-color 200ms;
  cursor: pointer;
  text-align: left;
}
.button.has-arrow::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: calc(1em * (9 / 14));
  margin-left: .5em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33333 0C9.33333 0.432833 9.76092 1.07917 10.1937 1.62167C10.7502 2.32167 11.4152 2.93242 12.1777 3.3985C12.7493 3.74792 13.4423 4.08333 14 4.08333M14 4.08333C13.4423 4.08333 12.7487 4.41875 12.1777 4.76817C11.4152 5.23483 10.7502 5.84558 10.1937 6.54442C9.76092 7.0875 9.33333 7.735 9.33333 8.16667M14 4.08333H0' stroke='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33333 0C9.33333 0.432833 9.76092 1.07917 10.1937 1.62167C10.7502 2.32167 11.4152 2.93242 12.1777 3.3985C12.7493 3.74792 13.4423 4.08333 14 4.08333M14 4.08333C13.4423 4.08333 12.7487 4.41875 12.1777 4.76817C11.4152 5.23483 10.7502 5.84558 10.1937 6.54442C9.76092 7.0875 9.33333 7.735 9.33333 8.16667M14 4.08333H0' stroke='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin-top: -.1em;
}
.button.active {
  color: white;
  background-color: var(--color-text);
}
@media (hover: hover) {
  .button:hover,
  a:hover span.button {
    color: white;
    background-color: var(--color-text);
  }
}

/* Blur button: move indent from .block padding onto the wrapper as margin,
   so the full-width flex button actually narrows when indent is set. */
.block-type-button {
  padding-left: 0;
  padding-right: 0;
}
.block-type-button > .blur {
  margin-left: calc(var(--indent-left, 0) / var(--col-span, 12) * 150%);
  margin-right: calc(var(--indent-right, 0) / var(--col-span, 12) * 150%);
}

/* Blur button style — matches the pages-toggle look */
.blur .button {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(3em + 2px);
  padding: 0 1.2em;
  line-height: 1.1;
  backdrop-filter: var(--blur);
  border-radius: 9999px;
  background-color: var(--color-header);
  border: 1px solid rgba(255,255,255,.3);
  color: rgba(0, 0, 0, .45);
  font-weight: var(--font-weight-bold);
  text-transform: none;
  text-align: center;
}
.blur .button::before {
  content: '';
  position: absolute;
  inset: .15em;
  border-radius: 9999px;
  background-color: var(--button-active-color, var(--color-text));
  opacity: 0;
  transition: opacity 200ms;
  z-index: -1;
}
@media (max-width: 1924px) {
  .blur .button {
    font-size: var(--font-size-regular);
    line-height: var(--line-height-regular);
  }
}
@media (max-width: 720px) {
  .blur .button {
    font-size: var(--font-size);
  }
}
@media (hover: hover) {
  .blur .button:hover,
  .blur a:hover span.button {
    color: white;
    background-color: var(--color-header);
  }
  .blur .button:hover::before,
  .blur a:hover span.button::before {
    opacity: 1;
  }
}


hr {
  border: none;
  height: var(--regular-border-width);
  background-color: var(--color);
  margin: 0;
  opacity: var(--border-opacity);
}

.arrow {
  display: inline-block;
  width: 1em;
  height: calc(1em * (9 / 14));
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33333 0C9.33333 0.432833 9.76092 1.07917 10.1937 1.62167C10.7502 2.32167 11.4152 2.93242 12.1777 3.3985C12.7493 3.74792 13.4423 4.08333 14 4.08333M14 4.08333C13.4423 4.08333 12.7487 4.41875 12.1777 4.76817C11.4152 5.23483 10.7502 5.84558 10.1937 6.54442C9.76092 7.0875 9.33333 7.735 9.33333 8.16667M14 4.08333H0' stroke='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33333 0C9.33333 0.432833 9.76092 1.07917 10.1937 1.62167C10.7502 2.32167 11.4152 2.93242 12.1777 3.3985C12.7493 3.74792 13.4423 4.08333 14 4.08333M14 4.08333C13.4423 4.08333 12.7487 4.41875 12.1777 4.76817C11.4152 5.23483 10.7502 5.84558 10.1937 6.54442C9.76092 7.0875 9.33333 7.735 9.33333 8.16667M14 4.08333H0' stroke='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.arrow-right {
  transform: rotate(0);
}
.arrow-left {
  transform: rotate(180deg);
}

.caption,
.lightbox-caption-inner {
  font-family: "SpaceMono";
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  text-transform: uppercase;
  font-weight: 400;
  margin-top: .5em;
  color: var(--color);
}