._111754c1 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/list-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/list-bold.svg);
}
._1a391330 {
  color: var(--color-base-9);
  letter-spacing: var(--tracking-loose);
}
._1ad85491 {
  view-transition-name: photographs;
}
._1b7a7f76 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
._211df331 {
  display: var(--display-when-menu-folded);
  &:popover-open {
    display: var(--display-when-menu-folded);
  }
}
._2bafe85 {
  background-color: var(--color-base-4);
  aspect-ratio: 1 / 1;
  object-fit: contain;
  width: 100%;
}
._2ebae008 {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}
._39d1eff9 {
  font-size: var(--font-size-sm);
  margin-top: 2rem;
  text-align: center;
}
._45ed12b9 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: end;
  text-align: right;
  height: var(--bar-height);
  margin: 0 auto;
  width: var(--page-width);
  background-color: var(--color-base-2);
  color: var(--color-base-6);
}
._541c6a4d {
  view-transition-name: sketches;
}
._5bcbfdce {
  background-color: var(--color-base-8);
  view-transition-name: picture;
  margin: 0 auto;
  width: 100%;
  @media (width >= 35rem) {
    width: var(--page-width);
  }
}
._6005e65e {
  white-space: nowrap;
  :has(.dropdown-menu) > & {
    display: var(--hide-when-menu-folded);
  }
}
._644b8e9f {
  letter-spacing: var(--tracking-regular);
}
._66a2922e {
  font-weight: bold;
  view-transition-name: sketches;
}
._677319b7 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/arrow-u-left-up-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/arrow-u-left-up-bold.svg);
}
._705afb90 {
  margin: 1rem auto 0 auto;
  width: var(--page-width);
}
._754fdafa {
  width: 100%;
}
._7d30a6f7 {
  overflow: auto;
  position: relative;
  min-height: 100%;
  padding-bottom: 5rem;
  width: 100%;
  &::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 100%;
    left: calc(50vw - (var(--page-width) / 2));
    margin: 0 auto;
    width: var(--page-width);
    background-color: var(--color-base-2);
  }
}
._7f728088 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/tag-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/tag-bold.svg);
}
._7fffffff8084f6ed {
  view-transition-name: all;
}
._7fffffff8316d112 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/rss-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/rss-bold.svg);
}
._7fffffff922d087b {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  height: var(--bar-height);
  margin: 0 auto;
  padding-left: var(--page-side-padding);
  padding-right: var(--page-side-padding);
  width: 100%;
  background-color: var(--color-base-1);
  @media (width >= 35rem) {
    width: var(--page-width);
    padding-left: 0;
    padding-right: 0;
  }
}
._7fffffff9d8ac1f0 {
  background-color: var(--color-base-8);
  display: grid;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  @media (width >= 25rem) {
    grid-template-columns: repeat(4, 1fr);
  }
  @media (width >= 35rem) {
    width: var(--page-width);
    grid-template-columns: repeat(5, 1fr);
  }
  @media (width >= 45rem) {
    grid-template-columns: repeat(6, 1fr);
  }
}
._7fffffffa649cfe2 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/arrow-fat-left-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/arrow-fat-left-bold.svg);
}
._7fffffffaec604b9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: auto;
  text-align: left;
}
._7fffffffaff2fa97 {
  background-color: currentColor;
  display: inline-block;
  font-size: 1.2em;
  height: 1em;
  vertical-align: middle;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url(/image/phosphor-icon/bold/arrow-fat-right-bold.svg);
  mask-image: url(/image/phosphor-icon/bold/arrow-fat-right-bold.svg);
}
._7fffffffb49f70cb {
  font-style: italic;
}
._7fffffffb9621e3d {
  display: inline;
}
._7fffffffbd6e2a65 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-base-6);
}
._7fffffffd0fd5bac {
  font-weight: bold;
  view-transition-name: all;
}
._7fffffffd10d5435 {
  font-weight: bold;
  view-transition-name: graphics;
}
._7fffffffd507db82 {
  color: var(--color-base-6);
}
._7fffffffd579caec {
  margin: 0 auto;
  max-width: 100%;
}
._7fffffffda6ee8a6 {
  margin-top: var(--bar-height);
}
._7fffffffec39fbf2 {
  inset: auto;
  right: var(--page-side-padding);
  border: none;
  padding: 1rem 0 1rem 1rem;
  position-area: bottom span-left;
  background-color: var(--color-base-1);
  @supports (position-area: bottom span-left) {
    right: 0;
  }
}
._7ffffffff0157908 {
  cursor: pointer;
  display: flex;
  padding: 0.25rem;
}
._7ffffffffc43f6f7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: var(--picture-info-width);
}
._7fffffffff403d42 {
  display: inline;
  font-weight: bold;
}
._b3b2337 {
  font-weight: bold;
  view-transition-name: photographs;
}
._d3ca5e0 {
  view-transition-name: graphics;
}