@charset "UTF-8";
.u_debug,
.u_debug-plain {
  outline: 1px solid rgba(192, 192, 192, 0.5);
}
.u_debug *,
.u_debug-plain * {
  outline: 1px dotted rgba(192, 192, 192, 0.5);
}
.u_debug svg *,
.u_debug-plain svg * {
  outline: none;
}

.u_debug--breakpoint {
  position: absolute;
  display: none;
  width: 0px;
  top: 0;
  z-index: 101;
  bottom: 0;
  outline: none;
}
.u_debug--breakpoint span {
  outline: none;
  font-size: xx-small;
  transform: rotateZ(90deg);
  transform-origin: bottom left;
  display: block;
}
@media (min-width: 380px) {
  .u_debug--breakpoint.mobile {
    display: block;
    left: 380px;
    border-left: 1px dotted var(--red-500);
    color: var(--red-500);
  }
}
@media (min-width: 720px) {
  .u_debug--breakpoint.small {
    display: block;
    left: 720px;
    border-left: 1px dotted var(--yellow-500);
    color: var(--yellow-500);
  }
}
@media (min-width: 960px) {
  .u_debug--breakpoint.medium {
    display: block;
    left: 960px;
    border-left: 1px dotted var(--green-500);
    color: var(--green-500);
  }
}
@media (min-width: 72rem) {
  .u_debug--breakpoint.desktop {
    display: block;
    left: 72rem;
    border-left: 1px dotted var(--blue-500);
    color: var(--blue-500);
  }
}
.u_debug--info {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  font-size: 0.5rem;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.has--image-omitted .u_debug--info {
  color: currentcolor;
}
.u_debug--info.raised {
  margin-top: var(--base-unit--neg);
}
.u_debug--info.static {
  position: static;
}

*:has(> .u_debug--info) {
  position: relative;
}

body:has(> .u_debug--info) .o_header:hover,
*:hover > .u_debug--info {
  opacity: 0.75;
  z-index: 10;
}

summary {
  cursor: pointer;
  list-style-type: none;
  display: flex;
  align-content: baseline;
}
summary svg {
  width: 1em;
}
summary:focus {
  outline: none;
}
summary::-webkit-details-marker, summary::marker {
  display: none;
}
summary[plain]:before {
  display: none;
}

.a_image {
  position: relative;
  display: block;
}
.a_image figcaption p {
  margin-bottom: 0;
  max-width: 100%;
}
.a_image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.a_image--contain img {
  object-fit: contain;
  height: auto;
  width: 100%;
}
.a_image--has-caption img {
  height: max-content;
}
.a_image--pan {
  overflow: hidden;
}
.a_image--hide-caption figcaption {
  display: none;
}
@media screen and (min-width: 720px) {
  .a_image--inline {
    width: calc(50% - var(--base-unit--s));
    float: right;
    clear: right;
    margin-left: var(--base-unit);
  }
  .a_image--inline.large {
    width: 66%;
  }
}

.a_image--pan {
  position: relative;
  overflow: hidden;
}

ken-burns-carousel {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.a_ratio--1x1 {
  aspect-ratio: 1/1;
}
.a_ratio--2x1 {
  aspect-ratio: 2/1;
}
.a_ratio--1x2 {
  aspect-ratio: 1/2;
}
@media (orientation: landscape) {
  .a_ratio--2x1\@landscape {
    aspect-ratio: 2/1;
  }
}
.a_ratio--3x2 {
  aspect-ratio: 3/2;
}
.a_ratio--2x3 {
  aspect-ratio: 2/3;
}
.a_ratio--gm {
  aspect-ratio: 1618/1000;
}
.a_ratio--video {
  aspect-ratio: 16/9;
}

.l_beam {
  display: flex;
  gap: var(--gap);
  align-items: baseline;
  flex-wrap: wrap;
}
.l_beam--nowrap {
  flex-wrap: nowrap;
}
.l_beam.middle {
  justify-content: center;
}
.l_beam.right {
  justify-content: flex-end;
}
.l_beam.space-between {
  justify-content: space-between;
}
.l_beam.space-around {
  justify-content: space-around;
}
.l_beam.space-evenly {
  justify-content: space-evenly;
}
.l_beam.middlev {
  align-items: center;
}
.l_beam.bottom {
  align-items: flex-end;
}

.l_column {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: baseline;
  flex-wrap: wrap;
}
.l_column.top {
  justify-content: flex-start;
}
.l_column.middlev {
  justify-content: center;
}
.l_column.bottom {
  justify-content: flex-end;
}
.l_column.space-between {
  justify-content: space-between;
}
.l_column.space-round {
  justify-content: space-around;
}
.l_column.middle {
  align-items: center;
}
.l_column.right {
  align-items: flex-end;
}

.u_m {
  margin: var(--base-unit);
}
.u_m--t {
  margin-top: var(--base-unit);
}
.u_m--tt {
  margin-top: var(--base-unit--b);
}
.u_m--t- {
  margin-top: var(--base-unit--s);
}
.u_m--b {
  margin-bottom: var(--base-unit);
}
.u_m--bb {
  margin-bottom: var(--base-unit--b);
}
.u_m--b- {
  margin-bottom: var(--base-unit--s);
}
.u_m--l {
  margin-left: var(--base-unit);
}
.u_m--ll {
  margin-left: var(--base-unit--b);
}
.u_m--l- {
  margin-left: var(--base-unit--s);
}
.u_m--r {
  margin-right: var(--base-unit);
}
.u_m--rr {
  margin-right: var(--base-unit--b);
}
.u_m--r- {
  margin-right: var(--base-unit--s);
}

.u_p {
  padding: var(--base-unit);
}
.u_p--t {
  padding-top: var(--base-unit);
}
.u_p--tt {
  padding-top: var(--base-unit--b);
}
.u_p--t- {
  padding-top: var(--base-unit--s);
}
.u_p--b {
  padding-bottom: var(--base-unit);
}
.u_p--bb {
  padding-bottom: var(--base-unit--b);
}
.u_p--b- {
  padding-bottom: var(--base-unit--s);
}
.u_p--l {
  padding-left: var(--base-unit);
}
.u_p--ll {
  padding-left: var(--base-unit--b);
}
.u_p--l- {
  padding-left: var(--base-unit--s);
}
.u_p--r {
  padding-right: var(--base-unit);
}
.u_p--rr {
  padding-right: var(--base-unit--b);
}
.u_p--r- {
  padding-right: var(--base-unit--s);
}

.l_gap {
  gap: var(--base-unit);
}
.l_gap--small {
  gap: var(--base-unit--s) !important;
}
.l_gap--large {
  gap: var(--base-unit--b) !important;
}

.l_grid {
  display: grid;
  width: 100%;
  gap: var(--base-unit);
}
@media (max-width: 380px) {
  .l_grid {
    width: 100%;
  }
}
.l_grid--twin {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 380px) {
  .l_grid--twin\@mobile {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 720px) {
  .l_grid--twin\@small {
    grid-template-columns: 1fr 1fr;
  }
}
.l_grid--tri {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 720px) {
  .l_grid--tri\@small {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 960px) {
  .l_grid--tri\@medium {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.l_grid--auto {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.l_grid--parent-rules {
  display: grid;
  grid-template-rows: subgrid;
  grid-gap: 0;
  grid-row: span 2;
}
.l_grid.staggered {
  grid-auto-flow: dense;
}
.l_grid.staggered .landscape {
  grid-column: span 2;
}
@media (min-width: 72rem) {
  .l_grid.staggered .landscape {
    grid-row: span 2;
  }
}
.l_grid.staggered .landscape:nth-of-type(even) {
  grid-column-end: -1;
}
.l_grid.top {
  align-items: start;
}
.l_grid.middlev {
  align-items: center;
  align-content: center;
}
.l_grid.bottom {
  align-items: end;
  align-content: end;
}
.l_grid.space-between {
  justify-content: space-between;
}
.l_grid.left {
  justify-content: start;
}
.l_grid.middle {
  justify-content: center;
}
.l_grid.right {
  justify-content: end;
}

.l_height-limited {
  height: 50vh;
}

.l_superimposed {
  position: relative;
  height: max-content;
}
.l_superimposed--fullscreen {
  width: 100%;
  height: 100vh;
}
.l_superimposed--fixed {
  position: fixed;
}
.l_superimposed__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--white);
}
.l_superimposed__inner.bg-gradient {
  background: var(--superimposed-bg);
}
.l_superimposed figure {
  height: 100%;
  width: 100%;
}

.u_hide {
  display: none;
}
@media screen and (max-width: 720px) {
  .u_hide--to-small {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .u_hide--from-small {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .u_hide--to-medium {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .u_hide--from-medium {
    display: none;
  }
}
@media screen and (max-width: 72rem) {
  .u_hide--to-desktop {
    display: none;
  }
}
@media screen and (min-width: 72rem) {
  .u_hide--from-desktop {
    display: none;
  }
}
.u_hide--always {
  display: none;
}

/* scss/7-utilities/_u_edit-in-txp.scss */
.u_edit-in-txp {
  position: absolute;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
}
.u_edit-in-txp.static {
  position: static;
  display: inline-block;
  margin-top: -0.5em;
}
.u_edit-in-txp img {
  object-fit: contain;
  position: relative;
  top: var(--base-unit--ss);
}
.u_edit-in-txp:hover {
  filter: invert(100%);
}

.u_edit-in-txp--image {
  top: calc(var(--base-unit) / 3);
  right: var(--base-unit--s);
}
.u_edit-in-txp--image:hover {
  filter: invert(100%);
}

.u_clamp {
  overflow: hidden;
  display: -webkit-box;
  box-orient: vertical;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.u_clamp > p {
  margin-bottom: 0;
}
.u_clamp > *:not(:first-child) {
  display: none;
}
.u_clamp--2 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.u_clamp--3 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.u_contents {
  display: contents;
}

@media (min-height: 960px) {
  .nav-container {
    position: sticky;
    top: 6rem;
    z-index: 10;
    background-color: var(--clr-bkgd);
  }
}
.site-header {
  width: 100%;
  max-width: 100%;
  background-color: var(--clr-bkgd);
}
.site-header > div {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: baseline;
  width: 90%;
  max-width: 72rem;
  margin-inline: auto;
}
@media (min-height: 960px) {
  .site-header {
    position: sticky;
    z-index: 10;
    top: -3rem;
    padding-top: clamp(0.5rem, 5vh, 3rem);
    background-color: var(--clr-bkgd);
  }
}

.masthead25 {
  font-weight: 400;
}
.masthead25 a {
  text-decoration: none;
}

#site-navigation {
  font-family: var(--font-serif);
}
#site-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  width: 90%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#site-navigation a {
  display: block;
  color: var(--clr-text);
  font-size: 1.375em;
  font-weight: 400;
  text-wrap: nowrap;
}
#site-navigation a:hover {
  text-decoration: none;
  position: relative;
}
#site-navigation a:hover:after {
  content: "";
  position: absolute;
  background-color: white;
  left: 0;
  right: 0;
  top: 2cap;
  border-bottom: var(--clr-text) 0.25rem solid;
}
#site-navigation a:focus {
  background-color: var(--clr-nav-interact);
}
#site-navigation .active a {
  font-weight: 600;
}
#site-navigation .active a:hover:after {
  display: none;
}
@media (prefers-color-scheme: dark) {
  #site-navigation ul {
    background-color: var(--clr-bkgd);
  }
}
.hammer-chisel {
  display: inline-block;
  margin-right: 1rem;
  height: 3rem;
  vertical-align: middle;
}
.hammer-chisel .hammer,
.hammer-chisel .chisel {
  transition: transform 0.6s ease-in-out;
  transform-origin: center center;
}
.hammer-chisel:hover .hammer {
  transform: rotateZ(90deg);
}
.hammer-chisel:hover .chisel {
  transform: rotateZ(-90deg);
}

.search-form {
  position: static;
}
@media (max-width: 480px) {
  .search-form:has([type=search]:focus) {
    position: absolute;
    right: 0;
    left: 3.5rem;
    top: 2rem;
  }
  .search-form:has([type=search]:focus) [type=search] {
    height: 2.5rem;
  }
}
.search-form [type=search] {
  height: initial;
  border-color: var(--clr-bkgd);
  cursor: pointer;
}
.search-form [type=search]:focus {
  cursor: initial;
  width: max-content;
  transition: width 0.2s ease-in-out;
  border-color: var(--clr-focus);
}

button,
[type=button],
[type=reset],
[type=submit],
.button {
  display: grid;
  place-items: center;
  padding-inline: 1rem;
  height: 2rem;
  border-radius: 1rem;
  background-color: var(--yellow);
  position: relative;
  transition: filter ease-out 0.3s;
}
button.accessibility,
[type=button].accessibility,
[type=reset].accessibility,
[type=submit].accessibility,
.button.accessibility {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
}
button:after,
[type=button]:after,
[type=reset]:after,
[type=submit]:after,
.button:after {
  transition: transform 0.3s ease-out;
  transform: scale(0.9);
}
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
.button:hover {
  text-decoration: none;
  color: var(--clr-text);
}
button:hover:after,
[type=button]:hover:after,
[type=reset]:hover:after,
[type=submit]:hover:after,
.button:hover:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  z-index: 1;
  border: 2px solid var(--clr-text);
  border-radius: calc(1rem + 4px);
  transform: scale(1);
}

.homepage {
  --yellow: #f5c400;
  --gap: 1rem;
}
.homepage .downloads {
  width: 90%;
  max-width: 72rem;
  margin-inline: auto;
}
.homepage .p-style {
  font-size: 1.375rem;
  font-weight: 400;
}

.l_width-limited {
  margin-inline: auto;
  max-width: 72rem;
}

.bg--yellow {
  background-color: var(--yellow);
}

span:has(meta:only-child) {
  display: none;
}

a {
  color: var(--clr-text);
}
a:hover {
  color: inherit;
}

.h25-main {
  padding: 10vh 1rem;
  display: grid;
  grid-template-columns: 2rem 75vw 1fr;
  gap: calc(var(--gap) * 2);
  position: relative;
}
@media (min-width: 92rem) {
  .h25-main {
    gap: calc(var(--gap) * 3);
    grid-template-columns: 1fr 72rem 1fr;
  }
}
.h25-main__side {
  position: relative;
}
.h25-main__side svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
}

.h25-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--gap) * 3);
}

.h25-current {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: calc(var(--gap) * 3);
}

.h25-feature__heading {
  font-size: clamp(2rem, 8vw, 3rem);
  font-weight: 400;
  line-height: 1.5cap;
}
.h25-feature__heading.large {
  font-size: clamp(4rem, 12vw, 6rem);
  line-height: 1cap;
  margin-top: 0;
}
.h25-feature__copy {
  font-size: 1.5rem;
}

.h25-faq {
  min-height: 175vh;
  display: grid;
  align-content: start;
}

details figure {
  display: none;
}

summary .h25-details__icon {
  margin-inline-end: var(--gap);
}
summary:hover .h25-details__icon circle {
  fill: var(--yellow);
}

details[open] summary .h25-details__icon path:nth-of-type(2) {
  fill: none;
}
details[open] summary .h25-details__icon circle {
  fill: var(--yellow);
}
details[open] p {
  margin-inline-start: calc(var(--gap) * 2);
}
details[open] figure {
  display: block;
  height: 50%;
  border-radius: 50%;
  position: absolute;
  right: calc(100% + var(--gap) * 3);
  bottom: 0;
}
details[open] figure:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0.75rem solid var(--clr-text);
  background: oklch(from var(--yellow) l c h/0.5);
  backdrop-filter: saturate(100%);
  border-radius: 50%;
}

.h25-showcase {
  margin-right: var(--gap);
  width: 18vw;
  font-size: smaller;
}
.h25-showcase figure {
  margin-block: 0;
}

.h25-forum {
  min-height: 100vh;
}
.h25-forum li {
  margin-bottom: var(--gap);
}

.h25-ads {
  gap: var(--gap);
  font-size: smaller;
  padding: 10vh 0;
}
.h25-ads img {
  max-width: 256px;
  filter: grayscale(100%);
  transition: filter 0.6s ease;
}
.h25-ads:hover img {
  filter: none;
}

.h25-footer {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  font-size: smaller;
  padding: 10vh 0;
  color: white;
}
.h25-footer section {
  gap: 0;
}
.h25-footer a:not(.button) {
  color: inherit;
}
.h25-footer li {
  margin-bottom: calc(var(--gap) / 2);
}

.clickEffect {
  pointer-events: none;
  margin-left: -0.25rem;
  margin-top: -0.25rem;
  animation: clickEffect 0.4s ease-out;
  z-index: 99999;
}
.clickEffect:before, .clickEffect:after {
  content: "";
}
.clickEffect:before {
  animation: clickEffectLeft 0.4s ease-out;
}
.clickEffect:after {
  animation: clickEffectRight 0.4s ease-out;
}

.clickEffect,
.clickEffect:before,
.clickEffect:after {
  position: fixed;
  background-color: var(--yellow);
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 1rem;
}

@keyframes clickEffect {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes clickEffectLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1rem);
  }
}
@keyframes clickEffectRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1rem);
  }
}
.h25-hero {
  /* Act 1 motion config (fractions of logo height unless noted) */
  --act1-baseline: 0.75;
  --act1-a-big: 1;
  --act1-a-med: 0.75;
  --act1-a-small: 0.35;
  --act1-a-mini: 0.5;
  /* Act 2 motion config */
  --act2-baseline: 0.25;
  --act2-helix-ampl: .125;
  --act2-helix-cycles: 4;
  --act2-dots-per-strand: 18;
  --act2-stream-duration: 10s;
  --act2-strandB-delay: 0.125;
  /* Act 3 motion config */
  --act3-baseline: .45;
  --act3-forward-duration: 5s;
  --act3-loop-duration: 1s;
  --act3-return-duration: 5s;
  --act3-separation: 48;
  --act3-pulse-radius: 36;
  --act3-loop-radius: .6;
  position: relative;
  width: 90%;
  max-width: 72rem;
  margin-inline: auto;
  display: grid;
  place-items: center;
  min-height: 50vh;
  /* Two fixed overlays aligned to the hero’s on-screen box */
  /* HTML dot styling (CSS controls size per act) */
  /* × final letter height */
}
@media (min-width: 72rem) {
  .h25-hero {
    --act2-dots-per-strand: 24;
  }
}
.h25-hero .logo,
.h25-hero svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (prefers-color-scheme: dark) {
  .h25-hero .logo path,
  .h25-hero svg path {
    fill: white;
  }
}
.h25-hero .logo {
  position: relative;
  z-index: 1;
}
.h25-hero #dots-back {
  z-index: 0;
}
.h25-hero #dots-front {
  z-index: 2;
}
.h25-hero .dots-layer {
  position: fixed;
  left: 0;
  width: 100vw;
  height: 1px;
  top: 0;
  pointer-events: none;
  overflow: visible;
  contain: layout paint;
}
.h25-hero .dot {
  position: absolute;
  width: var(--dot-size, 12px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--dot-color, var(--yellow));
  transform: translate3d(-9999px, -9999px, 0);
  will-change: transform;
}
.h25-hero.act1 .dot {
  width: var(--dot-size-act1, 4vw);
}
.h25-hero.act2 .dot {
  width: var(--dot-size-act2, 3vw);
}
@media (min-width: 72rem) {
  .h25-hero.act1 .dot {
    width: var(--dot-size-act1, 4rem);
  }
  .h25-hero.act2 .dot {
    width: var(--dot-size-act2, 3rem);
  }
}
.h25-hero.act3 .dot {
  width: var(--dot-size-act3, 4vw);
}
@media (min-width: 72rem) {
  .h25-hero.act3 .dot {
    width: var(--dot-size-act3, 4rem);
  }
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.carousel {
  height: 100%;
}

.gallery-cell {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-right: var(--base-unit);
}

/* cell number */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: var(--gap);
  height: var(--gap);
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  text-align: center;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: var(--clr-text);
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

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