/* Generated from the K13 HTML build by tools/split_css.py. */
/* from main.css */
@media screen and (max-width: 767px) {
  .k13-flick {
    padding-top: calc(var(--section-padding) * 1.5);
  }
  .k13-flick-group {
    grid-column-gap: .5em;
      grid-row-gap: .5em;
  }
  .k13-relative-object {
    width: 27.5em;
  }
  .k13-flick-card {
    border-width: .25em;
      width: 14em;
  }
  .k13-flick-card__tag {
    top: 1em;
      left: 1em;
      right: 1em;
  }
  .k13-flick-group__blob-back-svg {
    width: 20em;
      top: 30%;
      left: 70%;
  }
  .k13-flick-group__blob-scribble-svg {
    width: 3.5em;
      top: -8%;
      left: 22%;
      transform: translate(-50%, -50%)rotate(25deg);
  }
  .k13-flick-group__type {
    top: 22.5%;
  }
  .k13-flick-group__info-collection {
    width: 18em;
  }
  .k13-flick-group__sticker {
    width: 4em;
  }
  .work-card__border, .k13-flick-card__border {
    border-width: .25em;
  }
}
[data-flick-cards-item-status] .k13-flick-card__tag .k13-tag {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(25%, 100%) rotate(10deg);
  transform-origin: right bottom;
}
[data-flick-cards-item-status="active"] .k13-flick-card__tag .k13-tag {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}
.k13-flick-card__video-loading {
  pointer-events: none;
  color: var(--color-light);
  background-color: #20493C4D;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}
.k13-flick {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  background-color: var(--color-dark);
  color: var(--color-light);
  overflow: hidden;
}
.k13-flick-group {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
  position: relative;
}
.k13-flick-group__collection {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.k13-flick-group__list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.k13-flick-group__item {
  position: absolute;
}
.k13-relative-object {
  opacity: 0;
  pointer-events: none;
  width: 47em;
  position: relative;
}
.k13-flick-card {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  background-color: var(--color-dark);
  -webkit-user-select: none;
  user-select: none;
  width: 23.75em;
  position: relative;
}
.k13-flick-card__before {
  padding-top: 150%;
}
.k13-relative-object__before {
  padding-top: 75%;
}
.k13-flick__row-slider {
  justify-content: center;
  display: flex;
}
.k13-flick-group__dragger {
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.k13-flick-card__tag {
  text-align: center;
  justify-content: flex-start;
  display: flex;
  position: absolute;
  top: 1.5em;
  left: 1.5em;
  right: 1.5em;
}
.k13-flick-card__tag.is--k13-big {
  justify-content: center;
  top: auto;
  bottom: 0%;
  transform: translateY(50%);
}
.k13-flick-card__media {
  border-radius: var(--border-radius-l);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.k13-flick-group__blob-back-svg {
  pointer-events: none;
  width: 28.125em;
  position: absolute;
  top: 72%;
  left: 79%;
  transform: translate(-50%, -50%);
}
.k13-flick-group__blob-scribble-svg {
  pointer-events: none;
  width: 6.75em;
  position: absolute;
  top: 19%;
  left: -7%;
  transform: translate(-50%, -50%);
}
.k13-flick-group__type {
  display: flex;
  position: absolute;
  top: 17.5%;
  left: 100%;
  transform: translate(-50%, -50%);
}
.k13-flick-group__top {
  position: relative;
}
.k13-flick-group__bottom {
  justify-content: center;
  display: flex;
}
.k13-flick-group__info-collection {
  width: 20em;
  height: 9em;
  position: relative;
}
.k13-flick-group__info-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.k13-flick-group__info-item {
  transform-origin: bottom;
  width: 100%;
  position: absolute;
}
.k13-flick-info-item {
  color: unset;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}
.k13-flick-info-item__top {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 5em;
  display: flex;
}
.k13-flick-info-item__h3 {
  text-wrap: balance;
}
.k13-flick-info-item__bottom {
  flex: none;
}
.k13-flick-group__sticker {
  width: 6.25em;
  position: absolute;
  top: 75%;
  left: 3%;
  transform: translate(-50%, -50%)rotate(-10deg);
}
.k13-card-sticker__svg {
  width: 100%;
  max-width: none;
  display: block;
  position: relative;
}
.k13-card-sticker {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}
.k13-flick-card__video {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.k13-flick-card__video-before {
  width: 100%;
  padding-top: 150%;
  display: block;
}
.k13-flick-card__video-iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}
.k13-flick-card__border {
  border-top-style: solid;
  border-top-width: .375em;
  border-top-color: var(--color-light);
  border-right-style: solid;
  border-right-width: .375em;
  border-right-color: var(--color-light);
  border-bottom-style: solid;
  border-bottom-width: .375em;
  border-bottom-color: var(--color-light);
  border-left-style: solid;
  border-left-width: .375em;
  border-left-color: var(--color-light);
  border-top-left-radius: var(--border-radius-l);
  border-top-right-radius: var(--border-radius-l);
  border-bottom-left-radius: var(--border-radius-l);
  border-bottom-right-radius: var(--border-radius-l);
  pointer-events: none;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
}
@media screen and (max-width: 767px) {
  .k13-flick {
    padding-top: calc(var(--section-padding) * 1.5);
  }
  .k13-flick-group {
    grid-column-gap: .5em;
      grid-row-gap: .5em;
  }
  .k13-relative-object {
    width: 27.5em;
  }
  .k13-flick-card {
    border-width: .25em;
      width: 14em;
  }
  .k13-flick-card__tag {
    top: 1em;
      left: 1em;
      right: 1em;
  }
  .k13-flick-group__blob-back-svg {
    width: 20em;
      top: 30%;
      left: 70%;
  }
  .k13-flick-group__blob-scribble-svg {
    width: 3.5em;
      top: -8%;
      left: 22%;
      transform: translate(-50%, -50%)rotate(25deg);
  }
  .k13-flick-group__type {
    top: 22.5%;
  }
  .k13-flick-group__info-collection {
    width: 18em;
  }
  .k13-flick-group__sticker {
    width: 4em;
  }
}
.work-card__border, .k13-flick-card__border {
  border-width: .25em;
}
body [data-gsap-slider-list-status="grab"]:hover, body [data-gsap-slider-list-status="grab"] *:hover, body [data-flick-drag-status="grab"], body [data-flick-drag-status="grab"] .k13-flick-group__top {
  cursor: url("https://cdn.prod.website-files.com/683703490bc01e1b8c052e06/68384fb014875f192dfcef4b_cursor-drag.svg") 12 0, text;
}
body [data-flick-drag-status="grabbing"], body [data-flick-drag-status="grabbing"] .k13-flick-group__top, body [data-gsap-slider-list-status="grabbing"]:hover, body [data-gsap-slider-list-status="grabbing"] *:hover {
  cursor: url("https://cdn.prod.website-files.com/683703490bc01e1b8c052e06/68384fb13cff138fa04d162c_cursor-dragging.svg") 12 0, text;
}
.k13-card-sticker[data-width="90"] .k13-card-sticker__svg {
  width: 90%;
}
.k13-card-sticker[data-width="100"] .k13-card-sticker__svg {
  width: 100%;
}
.k13-card-sticker[data-width="110"] .k13-card-sticker__svg {
  width: 110%;
}
.k13-card-sticker[data-width="120"] .k13-card-sticker__svg {
  width: 120%;
}
.k13-card-sticker[data-width="130"] .k13-card-sticker__svg {
  width: 130%;
}
.k13-card-sticker[data-width="140"] .k13-card-sticker__svg {
  width: 140%;
}
.k13-card-sticker[data-width="150"] .k13-card-sticker__svg {
  width: 150%;
}
.k13-card-sticker[data-width="160"] .k13-card-sticker__svg {
  width: 160%;
}
.k13-card-sticker[data-width="170"] .k13-card-sticker__svg {
  width: 170%;
}
.k13-card-sticker[data-width="180"] .k13-card-sticker__svg {
  width: 180%;
}
[data-flick-cards-item-status] .k13-flick-card__media {
  transition: opacity var(--animation-ease);
  opacity: 0.5;
}
[data-flick-cards-item-status="3-before"] .k13-flick-card__media, [data-flick-cards-item-status="3-after"] .k13-flick-card__media {
  transition: opacity var(--animation-ease);
  opacity: 0.35;
}
[data-flick-cards-item-status="active"] .k13-flick-card__media {
  opacity: 1;
}
[data-flick-cards-item-status] .k13-flick-card__tag .k13-tag {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(25%, 100%) rotate(10deg);
  transform-origin: right bottom;
}
[data-flick-cards-item-status="active"] .k13-flick-card__tag .k13-tag {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}
[data-flick-cards-item-status] .k13-flick-group__type .k13-type {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(-50%, 25%) rotate(-15deg);
  transform-origin: left top;
}
[data-flick-cards-item-status="active"] .k13-flick-group__type .k13-type {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}
[data-flick-cards-item-status] .k13-flick-group__sticker .k13-card-sticker {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(0%, 25%) scale(0) rotate(15deg);
}
[data-flick-cards-item-status="active"] .k13-flick-group__sticker .k13-card-sticker {
  opacity: 1;
  transform: translate(0%, 0%) scale(1) rotate(0.001deg);
}
.k13-flick-card__video {
  transition: opacity var(--animation-ease);
}
[data-flick-cards-item-status="active"] .k13-flick-card__video {
  opacity: 1;
}
.k13-flick-card__video-loading, [data-flick-cards-video-status="active"] .k13-flick-card__video-iframe {
  transition: opacity var(--animation-ease);
  opacity: 1;
}
[data-flick-cards-video-status="active"] .k13-flick-card__video-loading, .k13-flick-card__video-iframe {
  transition: opacity var(--animation-ease);
  opacity: 0;
}
.k13-flick-card__video:has(.k13-flick-card__video-iframe[src=""]) {
  display: none;
}
.k13-card-sticker__svg.is--koala {
  width: 118%;
  filter: drop-shadow(0 0.35rem 0.65rem rgba(32, 73, 60, 0.18));
}
