:root {
  --color-black: #131313;
  --color-white: #e2e2e2;
  --color-gray: #787878;
}

html[data-type=website] {
  --headerH: 5rem !important;
  --headerBH: 4.5rem;
  --cntr: 1.25rem;
  font-size: calc(0.35vw + 10px) !important;
}
@media (max-width: 1194px) {
  html[data-type=website] {
    font-size: 16px !important;
    --headerH: 2.5rem !important;
    --headerBH: 2.5rem;
    --cntr: 0.625rem;
  }
}
html[data-type=website] body {
  overflow-y: auto;
}
html[data-type=website] button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.h-screen {
  height: 100vh;
}

.min-h-screen {
  min-height: 100vh;
}

.a11y {
  display: none;
}

body #kor,
body #eng {
  transition: opacity 0.3s ease-in-out;
}
body.kor #website-inner-wrap #eng {
  opacity: 0.3;
}
body.eng #website-inner-wrap #kor {
  opacity: 0.3;
}

#website-inner-wrap ul,
#website-inner-wrap li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#website-inner-wrap .page-container * {
  color: var(--color-black);
}
#website-inner-wrap .content-wrap {
  position: relative;
  z-index: 2;
  padding-top: var(--headerH);
  padding-bottom: var(--headerBH);
  background-color: #fff;
  margin-bottom: 100vh;
}
#website-inner-wrap .content-container {
  padding: 0 1.25rem;
  padding: 0 var(--cntr);
}
#website-inner-wrap .no-posts {
  text-align: center;
}
#website-inner-wrap .round-button,
#website-inner-wrap .facetwp-load-more {
  display: inline-block;
  font-size: 1.8125rem;
  padding: 0.625rem 1rem;
  border-radius: 1rem;
  text-transform: capitalize;
  border: none;
  background-color: var(--color-white);
  color: var(--color-black);
}
#website-inner-wrap .facetwp-type-pager {
  text-align: center;
}
#website-inner-wrap .facetwp-type-pager .facetwp-hidden {
  display: none;
}
#website-inner-wrap .facetwp-type-pager .facetwp-load-more:not(.facetwp-hidden) {
  margin-top: 5rem;
}
#website-inner-wrap .facetwp-facet {
  margin-bottom: 0;
}
@media (max-width: 1194px) {
  #website-inner-wrap .round-button,
  #website-inner-wrap .facetwp-load-more {
    font-size: 1.25rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.625rem;
  }
  #website-inner-wrap .facetwp-type-pager .facetwp-load-more:not(.facetwp-hidden) {
    margin-top: 6.25rem;
  }
}
#website-inner-wrap .header-container {
  height: var(--headerH);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}
#website-inner-wrap header * {
  font-size: 2.625rem;
}
#website-inner-wrap header a {
  display: block;
  transition: 0.15s;
}
#website-inner-wrap header .header__home {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  mix-blend-mode: difference;
  padding: 0 var(--cntr);
  display: flex;
  height: var(--headerH);
  align-items: center;
}
#website-inner-wrap header .header__menu nav ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#website-inner-wrap header .header__menu ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.5625rem;
  padding: 0 var(--cntr);
}
#website-inner-wrap header .header__menu li {
  position: relative;
  text-transform: capitalize;
}
#website-inner-wrap header .header__menu li .header-count-number {
  position: absolute;
  top: 3rem;
  right: 0;
  line-height: 1;
  color: #3CDBFF;
}
#website-inner-wrap header .header__menu a {
  padding: var(--ep-margin-s) var(--ep-margin);
  padding: 0 1.25rem;
  padding: 0;
}
#website-inner-wrap header .header__menu .header__menu-nav,
#website-inner-wrap header .header__menu .header__menu-ghost {
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  height: var(--headerH);
  display: flex;
  align-items: center;
}
#website-inner-wrap header .header__menu .header__menu-nav {
  mix-blend-mode: difference;
}
#website-inner-wrap header .header__menu .header__menu-nav .header-count-number {
  opacity: 0;
  pointer-events: none;
}
#website-inner-wrap header .header__menu .header__menu-ghost {
  z-index: 19;
}
#website-inner-wrap header .header__menu .header__menu-ghost a {
  opacity: 0;
  pointer-events: none;
}
#website-inner-wrap header .header__menu-mobile-trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  width: var(--headerH);
  height: var(--headerH);
  transition: transform 0.3s;
  cursor: pointer;
  mix-blend-mode: difference;
}
#website-inner-wrap header .header__menu-mobile-trigger::after, #website-inner-wrap header .header__menu-mobile-trigger::before {
  content: "";
  position: absolute;
  transition: all ease-in-out 0.1333333333s;
  width: 18px;
  height: 1px;
  left: 50%;
  top: 50%;
  background-color: var(--color-white);
  transform: translateX(-50%);
  transform-origin: 0;
}
#website-inner-wrap header .header__menu-mobile-trigger::before {
  transform: rotate(90deg) translateX(-50%) !important;
}
@media (max-width: 1194px) {
  #website-inner-wrap header * {
    font-size: 1.25rem;
  }
  #website-inner-wrap header .header__menu {
    display: none;
  }
  #website-inner-wrap header .header__menu-mobile-trigger {
    display: block;
  }
  #website-inner-wrap header .header-info {
    display: none;
  }
  #website-inner-wrap header .header-language {
    left: auto;
    right: 0;
    transform: translateX(0);
  }
}
#website-inner-wrap .header-count-number {
  font-size: 1.0625rem;
  color: #3CDBFF;
}
#website-inner-wrap .header-return {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 500;
  border-radius: 0.4375rem;
  background-color: #42FF00;
  color: var(--color-black);
  padding: 0.1875rem 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4375rem;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1194px) {
  #website-inner-wrap .header-return {
    font-size: 0.875rem;
    padding: 0.1875rem 0.375rem;
    gap: 0.3125rem;
  }
}
#website-inner-wrap .header-return-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 20;
  padding: 0 var(--cntr);
  height: var(--headerBH);
  display: flex;
  align-items: center;
}
#website-inner-wrap .header-language {
  position: fixed;
  left: 40%;
  transform: translateX(-50%);
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  height: var(--headerBH);
  z-index: 20;
  padding: 0 var(--cntr);
  mix-blend-mode: difference;
}
#website-inner-wrap .header-info {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: var(--headerBH);
  mix-blend-mode: difference;
  padding: 0 var(--cntr);
  display: flex;
  align-items: center;
  gap: 2rem;
}
#website-inner-wrap .header-instagram {
  display: block;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("./assets/images/icon-instagram.svg");
}
#website-inner-wrap .header-expand {
  position: fixed;
  top: 0;
  right: 100%;
  width: calc(100% - var(--headerH));
  height: 100vh;
  background-color: #fff;
  transition: right 0.3s ease-in-out;
  z-index: 100;
}
#website-inner-wrap .header-expand a {
  color: var(--color-black);
}
#website-inner-wrap .header-expand .header-expand__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.625rem;
  padding: var(--cntr);
}
#website-inner-wrap .header-expand .header-expand__menu {
  flex: 1;
  overflow-y: auto;
}
#website-inner-wrap .header-expand .header-expand__menu nav ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--ep-margin);
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 20px;
}
#website-inner-wrap .header-expand .header-expand__menu nav li {
  display: flex;
  text-transform: capitalize;
}
#website-inner-wrap .header-expand .header-expand__info {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#website-inner-wrap .header-expand .header-expand__info .header-instagram {
  filter: invert(1);
  width: 1.125rem;
  height: 1.125rem;
}
#website-inner-wrap .header-expand .header-count-number {
  font-size: 20px;
  margin-left: 4px;
}
#website-inner-wrap .header-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
#website-inner-wrap.mobile-open .header-expand {
  right: var(--headerH);
}
#website-inner-wrap.mobile-open .header-bg {
  opacity: 1;
  pointer-events: auto;
}
#website-inner-wrap.mobile-open .header__menu-mobile-trigger {
  transform: rotate(135deg);
}
#website-inner-wrap.website-main .content-wrap {
  padding-top: 0;
}
#website-inner-wrap.website-main .project-result {
  padding-top: 1.25rem;
}
#website-inner-wrap.website-main .main-container {
  background-color: #eee;
  aspect-ratio: 16/9;
  width: 100%;
  position: relative;
}
#website-inner-wrap.website-main .main-container .main-container__iframe {
  width: 100%;
  height: 100%;
}
#website-inner-wrap.website-main .project-more {
  padding-top: 8.125rem;
  padding-bottom: 33.75rem;
  text-align: center;
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-main .project-result {
    padding-top: 0.625rem;
  }
  #website-inner-wrap.website-main .project-more {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
#website-inner-wrap .project-result .portfolio-grid,
#website-inner-wrap .project-result .facetwp-template {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem 1.25rem;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-title,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-title {
  color: var(--color-black);
  margin-bottom: 0.75rem;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-image,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-image {
  width: 100%;
  aspect-ratio: 560/410;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-image img,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-title,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-title {
  font-size: 1.875rem;
  color: var(--color-black);
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-categories,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-categories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  gap: calc(var(--ep-margin) / 4);
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item {
  background-color: rgb(106, 106, 106);
  padding: 0.1em 0.5em;
  margin: 1.5px 3px 1.5px 0;
  font-size: 0.875rem;
  color: var(--color-black);
  opacity: 1;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.type,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.type {
  background-color: #42ff00;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.area,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.area {
  background-color: #d8baff;
}
#website-inner-wrap .project-result .portfolio-grid .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.purpose,
#website-inner-wrap .project-result .facetwp-template .portfolio-item .portfolio-content .portfolio-info .portfolio-categories .category-item.purpose {
  background-color: #7ceeff;
}
@media (max-width: 1194px) {
  #website-inner-wrap .project-result .portfolio-grid,
  #website-inner-wrap .project-result .facetwp-template {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 0.625rem;
  }
}
@media (max-width: 720px) {
  #website-inner-wrap .project-result .portfolio-grid,
  #website-inner-wrap .project-result .facetwp-template {
    grid-template-columns: repeat(1, 1fr);
  }
}
#website-inner-wrap.website-project .content-wrap {
  padding-bottom: 9.375rem;
}
#website-inner-wrap.website-project .project-tag-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.625rem;
  padding-top: 8rem;
  padding-bottom: 5.9375rem;
}
#website-inner-wrap.website-project .project-tag-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
#website-inner-wrap.website-project .project-tag-list,
#website-inner-wrap.website-project .facetwp-type-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio {
  font-size: 2rem;
  padding-left: 0;
  padding: 0.375rem 0.8125rem;
  border-radius: 1.125rem;
  text-transform: capitalize;
  border: none;
  margin-bottom: 0;
  transition: background-color 0.3s ease;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:not(.disabled):not(.checked):hover,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:not(.disabled):not(.checked):hover {
  background-color: #ccc;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:not([data-value=""]).checked {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:not([data-value=""]).checked:after,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:not([data-value=""]).checked:after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-image: url("./assets/images/icon-filter-checked.svg");
  background-image: url("./assets/images/icon-filter-close.svg");
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+1):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+1):not([data-value=""]).checked {
  background-color: #3CDBFF;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+2):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+2):not([data-value=""]).checked {
  background-color: #42FF00;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+3):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+3):not([data-value=""]).checked {
  background-color: #BD8AFF;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+4):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+4):not([data-value=""]).checked {
  background-color: #FF6F6F;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+5):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+5):not([data-value=""]).checked {
  background-color: #FF5CD1;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio:nth-child(6n+6):not([data-value=""]).checked,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:nth-child(6n+6):not([data-value=""]).checked {
  background-color: #FFEB3A;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio {
  background: none;
  background-color: var(--color-white);
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio .facetwp-display-value,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio .facetwp-display-value {
  padding-right: 0;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio .facetwp-counter,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio .facetwp-counter {
  display: none;
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio[data-value=""],
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio[data-value=""] {
  background-color: var(--color-black);
  color: var(--color-white);
}
#website-inner-wrap.website-project .project-tag-list .facetwp-radio,
#website-inner-wrap.website-project .project-tag-list .facetwp-radio *,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio,
#website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio * {
  color: var(--color-black);
}
#website-inner-wrap.website-project .facetwp-facet-web_reset_filter {
  width: 2rem;
  height: 2rem;
}
#website-inner-wrap.website-project .facetwp-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("./assets/images/icon-reset.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  padding: 0;
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-project .content-wrap {
    padding-bottom: 7.5rem;
  }
  #website-inner-wrap.website-project .project-tag-filter {
    padding-top: 5rem;
    padding-bottom: 3.75rem;
  }
  #website-inner-wrap.website-project .project-tag-wrap {
    gap: 0.5rem;
  }
  #website-inner-wrap.website-project .project-tag-list,
  #website-inner-wrap.website-project .facetwp-type-radio {
    gap: 0.5rem;
  }
  #website-inner-wrap.website-project .project-tag-list .facetwp-radio,
  #website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio {
    font-size: 1.25rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.625rem;
  }
  #website-inner-wrap.website-project .project-tag-list .facetwp-radio:not([data-value=""]).checked:after,
  #website-inner-wrap.website-project .facetwp-type-radio .facetwp-radio:not([data-value=""]).checked:after {
    width: 0.875rem;
    height: 0.875rem;
  }
  #website-inner-wrap.website-project .facetwp-facet-web_reset_filter {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 720px) {
  #website-inner-wrap.website-project .content-wrap {
    padding-bottom: 6.25rem;
  }
  #website-inner-wrap.website-project .facetwp-type-pager .facetwp-load-more:not(.facetwp-hidden) {
    margin-top: 6.25rem;
  }
}
#website-inner-wrap.website-playground {
  background-color: #000;
}
#website-inner-wrap.website-playground .header-bottom-container {
  display: none;
}
#website-inner-wrap.website-playground .playground-post-button-wrap {
  position: fixed;
  top: calc(var(--headerH) + 2.5rem);
  left: var(--cntr);
  display: flex;
  flex-direction: column;
  align-items: start;
  z-index: 20;
}
#website-inner-wrap.website-playground .playground-post-list {
  --fab-orbit-step: 4.0625rem;
  --playground-inactive-count: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#website-inner-wrap.website-playground .playground-post-list-orbit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
#website-inner-wrap.website-playground .playground-post-list-links-scroll {
  width: 100%;
  max-height: calc(100vh - var(--headerH) - 12.5rem);
  margin-top: 0.25rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
#website-inner-wrap.website-playground .playground-post-list-links-stage {
  position: relative;
  width: 100%;
  min-height: calc(var(--playground-inactive-count) * var(--fab-orbit-step) + 2.5rem);
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  font: inherit;
  text-align: center;
  text-decoration: none;
  color: inherit;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-inner {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  max-width: min(26.25rem, 85vw);
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--color-black);
  background-color: rgba(232, 232, 232, 0.75);
  backdrop-filter: blur(0.125rem);
  -webkit-backdrop-filter: blur(0.125rem);
  -moz-backdrop-filter: blur(0.125rem);
  padding: 0.375rem 0.8125rem;
  border-radius: 1.125rem;
  text-transform: capitalize;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#website-inner-wrap.website-playground .playground-post-list .playground-post-list-trigger {
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::after, #website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::before {
  content: "";
  display: block;
  width: 0.5625rem;
  height: auto;
  aspect-ratio: 8/9;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::after {
  background-image: url("./assets/images/icon-arrow-bottom.svg");
}
#website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::before {
  background-image: url("./assets/images/icon-arrow-top.svg");
}
#website-inner-wrap.website-playground .playground-post-list .playground-post-list-link {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 0);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.32, 1.33);
  transition-delay: calc(var(--orbit-index, 0) * 0.05s);
}
#website-inner-wrap.website-playground .playground-post-list.is-open .playground-content-title-trigger-icon {
  gap: 0.1875rem;
}
#website-inner-wrap.website-playground .playground-post-list.is-open .playground-content-title-trigger-icon::after {
  transform: rotate(180deg);
}
#website-inner-wrap.website-playground .playground-post-list.is-open .playground-content-title-trigger-icon::before {
  transform: rotate(180deg);
}
#website-inner-wrap.website-playground .playground-post-list.is-open .playground-post-list-link {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, calc((var(--orbit-index) + 1) * var(--fab-orbit-step)));
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-playground .playground-post-list {
    --fab-orbit-step: 2.625rem;
  }
  #website-inner-wrap.website-playground .playground-post-list .playground-content-title-inner {
    font-size: 1.125rem;
    border-radius: 0.5625rem;
    padding: 0.25rem 0.625rem;
  }
  #website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::after, #website-inner-wrap.website-playground .playground-post-list .playground-content-title-trigger-icon::before {
    width: 0.3125rem;
  }
  #website-inner-wrap.website-playground .playground-post-list-links-scroll {
    max-height: calc(100vh - var(--headerH) - 10rem);
  }
}
#website-inner-wrap.website-playground .iframe-container {
  width: 100%;
  height: 100vh;
  position: relative;
}
#website-inner-wrap.website-playground .iframe-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#website-inner-wrap.website-playground .iframe-container.loaded iframe {
  opacity: 1;
}
#website-inner-wrap.website-playground .bg-transition {
  width: 100%;
  height: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  transition: height 0.5s ease-in-out;
}
#website-inner-wrap.website-playground .bg-transition.active {
  height: 100vh;
}
#website-inner-wrap.website-playground .bg-transition.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#website-inner-wrap.website-playground .bg-transition.no-transition {
  transition: none !important;
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-playground .playground-post-button-wrap {
    top: calc(var(--headerH) + 1.5rem);
  }
}
#website-inner-wrap.website-technote .content-wrap {
  padding-bottom: 12.5rem;
}
#website-inner-wrap.website-technote .tech-note-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-top: 7.5rem;
  width: 80%;
  margin: 0 auto;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+1) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+1) .tech-note-item-mobile div {
  background-color: #3CDBFF;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+2) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+2) .tech-note-item-mobile div {
  background-color: #42FF00;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+3) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+3) .tech-note-item-mobile div {
  background-color: #BD8AFF;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+4) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+4) .tech-note-item-mobile div {
  background-color: #FF6F6F;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+5) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+5) .tech-note-item-mobile div {
  background-color: #FF5CD1;
}
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+6) .tech-note-item div,
#website-inner-wrap.website-technote .fwpl-result:nth-child(6n+6) .tech-note-item-mobile div {
  background-color: #FFEB3A;
}
#website-inner-wrap.website-technote .tech-note-item-wrap .post-link,
#website-inner-wrap.website-technote .tech-note-item-wrap .title {
  display: none;
}
#website-inner-wrap.website-technote .tech-note-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#website-inner-wrap.website-technote .tech-note-item div {
  font-size: 3.5rem;
  font-weight: 500;
  border-radius: 2.25rem;
  padding: 0.75rem 1.625rem;
  background-color: #3CDBFF;
  color: var(--color-black);
}
#website-inner-wrap.website-technote .tech-note-item div:not(:first-child) {
  margin-top: -0.5rem;
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-technote .tech-note-list {
    padding-top: 5rem;
    gap: 1rem;
  }
  #website-inner-wrap.website-technote .tech-note-item div {
    font-size: 2rem;
    border-radius: 1rem;
    padding: 0.25rem 0.75rem;
  }
}
@media (max-width: 720px) {
  #website-inner-wrap.website-technote .tech-note-list {
    padding-top: 2.5rem;
  }
}
#website-inner-wrap.website-technote-single .tech-note-content-title-1 div {
  background-color: #3CDBFF !important;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-2 div {
  background-color: #42FF00 !important;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-3 div {
  background-color: #BD8AFF !important;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-4 div {
  background-color: #FF6F6F !important;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-5 div {
  background-color: #FF5CD1 !important;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-6 div {
  background-color: #FFEB3A !important;
}
#website-inner-wrap.website-technote-single .content-wrap {
  padding-bottom: 9.375rem;
}
#website-inner-wrap.website-technote-single .tech-note-content {
  width: 50%;
  max-width: 37.5rem;
  margin: 0 auto;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-wrap {
  padding: 7.5rem 0;
  text-align: center;
}
#website-inner-wrap.website-technote-single .tech-note-content-title-wrap.loading {
  opacity: 0;
}
#website-inner-wrap.website-technote-single .tech-note-post-list {
  --fab-orbit-prev-near: 4.0625rem;
  --fab-orbit-prev-far: 8.125rem;
  --fab-orbit-next-near: 4.0625rem;
  --fab-orbit-next-far: 8.125rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-orbit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  text-decoration: none;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-text div {
  display: inline-block;
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--color-black);
  background-color: rgba(232, 232, 232, 0.75);
  backdrop-filter: blur(0.125rem);
  -webkit-backdrop-filter: blur(0.125rem);
  -moz-backdrop-filter: blur(0.125rem);
  padding: 0.375rem 0.8125rem;
  border-radius: 1.125rem;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-text div:not(:first-child) {
  margin-top: -0.5rem;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-button {
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-button .tech-note-content-title-text > div {
  display: flex;
  gap: 0.625rem;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  gap: 0.375rem;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::after, #website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::before {
  content: "";
  display: block;
  width: 0.5625rem;
  height: 0.75rem;
  background-size: 100% auto;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  height: auto;
  aspect-ratio: 8/9;
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::after {
  background-image: url("./assets/images/icon-arrow-bottom.svg");
}
#website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::before {
  background-image: url("./assets/images/icon-arrow-top.svg");
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link {
  position: absolute;
  left: 50%;
  z-index: 1;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 0);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.32, 1.33);
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-left-far {
  transition-delay: 0.05s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-left-near {
  transition-delay: 0.1s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-right-near {
  transition-delay: 0.15s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-right-far {
  transition-delay: 0.2s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-left-orbit-1 {
  transition-delay: 0.05s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list-link-slot-left-orbit-2 {
  transition-delay: 0.08s;
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-content-title-trigger-icon {
  gap: 0.1875rem;
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-content-title-trigger-icon::after {
  transform: rotate(180deg);
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-content-title-trigger-icon::before {
  transform: rotate(180deg);
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-post-list-link {
  opacity: 1;
  pointer-events: auto;
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-post-list-link-slot-left-far {
  transform: translate(-50%, calc(-1 * var(--fab-orbit-prev-far)));
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-post-list-link-slot-left-near {
  transform: translate(-50%, calc(-1 * var(--fab-orbit-prev-near)));
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-post-list-link-slot-right-near {
  transform: translate(-50%, var(--fab-orbit-next-near));
}
#website-inner-wrap.website-technote-single .tech-note-post-list.is-open .tech-note-post-list-link-slot-right-far {
  transform: translate(-50%, var(--fab-orbit-next-far));
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-technote-single .tech-note-post-list {
    --fab-orbit-prev-near: 2.625rem;
    --fab-orbit-prev-far: 5.25rem;
    --fab-orbit-next-near: 2.625rem;
    --fab-orbit-next-far: 5.25rem;
  }
}
#website-inner-wrap.website-technote-single .tech-note-content-body {
  font-size: 1rem;
}
#website-inner-wrap.website-technote-single .tech-note-content-body * {
  font-size: 1rem;
}
@media (max-width: 1194px) {
  #website-inner-wrap.website-technote-single .content-wrap {
    padding-bottom: 5rem;
  }
  #website-inner-wrap.website-technote-single .tech-note-content {
    width: 100%;
  }
  #website-inner-wrap.website-technote-single .tech-note-content-title-wrap {
    padding: 4rem 0;
  }
  #website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-text div {
    font-size: 1.125rem;
    border-radius: 0.5625rem;
    padding: 0.25rem 0.625rem;
  }
  #website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::after, #website-inner-wrap.website-technote-single .tech-note-post-list .tech-note-content-title-trigger-icon::before {
    width: 0.3125rem;
  }
}
#website-inner-wrap .footer-gap-container {
  height: calc(var(--vh) * 100);
}
#website-inner-wrap .footer-container {
  height: calc(var(--vh) * 100);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black);
}
#website-inner-wrap .footer-container .project-inquiry-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  background: linear-gradient(92deg, #3CDBFF -0.1%, var(--Color-2, #42FF00) 50%, var(--Color-4, #BD8AFF) 75.05%, var(--Color-6, #FF5CD1) 100.1%);
}
#website-inner-wrap .footer-container .project-inquiry-link:after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("./assets/images/icon-arrow-right.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#website-inner-wrap .footer-form-bg {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
#website-inner-wrap .footer-form {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 37.5rem;
  height: calc(100vh - var(--headerH) - var(--headerBH));
  max-height: 50rem;
  overflow-y: auto;
  background-color: var(--color-black);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
  pointer-events: none;
}
#website-inner-wrap .footer-form * {
  color: var(--color-white);
}
#website-inner-wrap .footer-form .gform_header {
  position: sticky;
  top: 0;
  background-color: var(--color-black);
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  padding: var(--cntr);
}
#website-inner-wrap .footer-form h2.gform_title {
  margin-top: 0;
  margin-bottom: 0;
}
#website-inner-wrap .footer-form .gform_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  transform: rotate(135deg);
  transition: transform 0.3s;
  cursor: pointer;
}
#website-inner-wrap .footer-form .gform_close::after, #website-inner-wrap .footer-form .gform_close::before {
  content: "";
  position: absolute;
  transition: all ease-in-out 0.1333333333s;
  width: 18px;
  height: 1px;
  left: 50%;
  top: 50%;
  background-color: var(--color-white);
  transform: translateX(-50%);
  transform-origin: 0;
}
#website-inner-wrap .footer-form .gform_close::before {
  transform: rotate(90deg) translateX(-50%) !important;
}
#website-inner-wrap .footer-form .gform_wrapper {
  padding: var(--cntr);
}
#website-inner-wrap .footer-form .gform_wrapper .gform_validation_errors h2.gform_submission_error {
  color: red;
  margin-bottom: 20px !important;
  font-size: 1rem !important;
}
#website-inner-wrap .footer-form .gform_wrapper .gform_heading {
  border-bottom: 1px solid var(--color-gray);
  margin-bottom: var(--ep-margin);
}
#website-inner-wrap .footer-form .gform_wrapper .gform_heading h2 {
  font-size: 1.333333333rem !important;
  margin: 0.45em 0 !important;
}
#website-inner-wrap .footer-form .gform_wrapper .gform_heading p {
  display: none;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield {
  display: block;
  margin-top: calc(var(--ep-margin) * 2);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .gfield_label {
  font-size: 0.866666667rem;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .gfield_label .gfield_required {
  display: none;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .gfield_description {
  color: var(--color-gray);
  font-size: 0.866666667rem;
  padding-top: var(--ep-margin-s);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .gfield_description.validation_message {
  color: red;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=text],
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=email],
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=tel],
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=url],
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea {
  width: 100%;
  border: 0;
  padding: var(--ep-margin) 0;
  margin-top: var(--ep-margin);
  font-size: 1.1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--color-gray);
  transition: 0.1s;
  border-radius: 0;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=text]:focus-visible,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=email]:focus-visible,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=tel]:focus-visible,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=url]:focus-visible,
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea:focus-visible {
  outline-offset: unset;
  outline: none;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=text]:-internal-autofill-selected,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=email]:-internal-autofill-selected,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=tel]:-internal-autofill-selected,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=url]:-internal-autofill-selected,
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea:-internal-autofill-selected {
  background-color: transparent;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=text]:focus,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=email]:focus,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=tel]:focus,
#website-inner-wrap .footer-form .gform_wrapper form .gfield input[type=url]:focus,
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea:focus {
  background-color: #222222;
  padding-left: var(--ep-margin-s);
  padding-right: var(--ep-margin-s);
  transition: 0.1s;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea {
  height: 150px;
  background-color: #1c1c1c;
  padding-left: var(--ep-margin-s);
  padding-right: var(--ep-margin-s);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield textarea:focus {
  padding-left: var(--ep-margin);
  padding-right: var(--ep-margin);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload {
  margin-top: var(--ep-margin);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload .gfield_description {
  padding-top: 0;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload .gform_fileupload_multifile {
  border: 1px solid var(--color-gray);
  padding: 1px;
  margin-right: var(--ep-margin);
  text-align: center;
  display: inline-block;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload .gform_fileupload_multifile span.gform_drop_instructions {
  display: none;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload .gform_fileupload_multifile button {
  color: var(--color-gray);
  font-size: 0.866666667rem;
  padding: 0 3px;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload ul.validation_message--hidden-on-empty {
  list-style: none;
  padding: 0;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_container_fileupload ul.validation_message--hidden-on-empty li {
  color: red;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_preview_list .ginput_preview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  margin-bottom: -1px;
  padding: var(--ep-margin-s) 0;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_preview_list .ginput_preview .gfield_fileupload_filesize,
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_preview_list .ginput_preview .gfield_fileupload_progress {
  color: var(--color-gray);
  font-size: 0.866666667rem;
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield .ginput_preview_list .ginput_preview span.dashicons.dashicons-trash {
  opacity: 0.3;
  font-size: 18px;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield {
  border: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio {
  margin-top: var(--ep-margin);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 1px 2px;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice {
  margin: 0 4px 4px 0;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice input[type=radio],
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice input[type=checkbox],
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice input[type=radio],
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice input[type=checkbox] {
  display: none;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice label.gform-field-label,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice label.gform-field-label {
  border: 1px solid var(--color-gray);
  padding: 0.1em 0.3em;
  color: var(--color-gray);
  cursor: pointer;
  display: inline-block;
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice label.gform-field-label:hover,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice label.gform-field-label:hover {
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice input[type=radio]:checked + label.gform-field-label,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_checkbox .gchoice input[type=checkbox]:checked + label.gform-field-label,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice input[type=radio]:checked + label.gform-field-label,
#website-inner-wrap .footer-form .gform_wrapper form fieldset.gfield .gfield_radio .gchoice input[type=checkbox]:checked + label.gform-field-label {
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
#website-inner-wrap .footer-form .gform_wrapper form .gfield.gfield--type-honeypot.gform_validation_container {
  opacity: 0;
  height: 0;
}
#website-inner-wrap .footer-form .gform_wrapper form .gform_footer input[type=submit] {
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-white);
  font-size: 17px;
  padding: 0.5em 0.5em;
  line-height: 1;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
}
#website-inner-wrap .footer-form .gform_wrapper form .gform_footer input[type=submit]:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
#website-inner-wrap .footer-form-wrap.active .footer-form {
  opacity: 1;
  z-index: 101;
  pointer-events: auto;
}
#website-inner-wrap .footer-form-wrap.active .footer-form-bg {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 720px) {
  #website-inner-wrap .footer-form {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}

body.single-website #inner-wrap-website .container-main .wrapper-content {
  overflow-y: auto;
  height: 100%;
}
body.single-website #inner-wrap-website .container-main .wrapper-content .post-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
body.single-website #inner-wrap-website .container-main .wrapper-content .post-content figure {
  pointer-events: none;
}
body.single-website #inner-wrap-website .container-main .wrapper-content .post-content figure img, body.single-website #inner-wrap-website .container-main .wrapper-content .post-content figure iframe {
  width: 100%;
  aspect-ratio: 1/1;
}