*,
*::after,
*::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  li {
    margin: 0;
    padding: 0;
  }
}
.error_404 {
  text-align: center;
  padding: var(--padding-m) 0;
}

/* wp_content */
.wp_content {
  > .gallery:nth-child(1 of :not(style)) {
    margin-top: 0;
  }

  > .gallery:nth-last-child(1 of :not(style)) {
    margin-bottom: 0;
  }

  > *:not(.button, .subheading) {
    margin-top: 0;
    margin-bottom: var(--gap-s);
  }

  > .subheading {
    margin-bottom: calc(var(--gap-s) / 2);
  }

  > :last-child {
    margin-bottom: 0;
  }

  .minus-margin {
    margin-bottom: 0;

    + * {
      margin-top: var(--gap-xxs);
    }
  }

  *[style*="text-align: right"] {
    text-align: center !important;
  }

  hr {
    border-color: var(--color-grey);
  }

  a.phone_number,
  a.email_address {
    display: block;
    margin-bottom: calc(var(--gap-s) / 2);
    text-decoration: none;
    display: flex;
    gap: var(--gap-xs);
    align-items: center;

    &:before {
      content: "";
      display: block;
      width: var(--gap-s);
      aspect-ratio: 1;
      color: var(--color-green);
      background-color: currentColor;
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-width='2' d='M7.32 3.063a2 2 0 0 0-2.484-.593l-1.72.847A2 2 0 0 0 2 5.111v.328C2 14.572 9.428 22 18.56 22h.329c.762 0 1.458-.433 1.795-1.116l.846-1.72a2 2 0 0 0-.594-2.484l-3.163-2.373a2 2 0 0 0-2.4 0l-1.598 1.197a5.34 5.34 0 0 1-3.717-1.563 5.34 5.34 0 0 1-1.562-3.718l1.196-1.596a2 2 0 0 0 0-2.4z'/%3E%3C/svg%3E");
    }

    &:last-of-type {
      margin-bottom: 0;
    }
  }

  a.email_address {
    &:before {
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='22' height='16' x='1' y='4' stroke='%23b1001c' stroke-width='2' rx='1'/%3E%3Cpath stroke='%23b1001c' stroke-linejoin='round' stroke-width='2' d='M.75 3.75 12 12l11.25-8.25'/%3E%3Cpath stroke='%23b1001c' stroke-linecap='round' stroke-width='2' d='m1.5 19.5 6-6M22.5 19.5l-6-6'/%3E%3C/svg%3E");
    }
  }

  /* responsive */
  @media (width >= 576px) {
    *[style*="text-align: right"] {
      text-align: right !important;
    }
  }
}
.single-job .wp_content {
  > *:not(.button, .subheading) {
    margin-bottom: var(--gap-m);
  }
}

/* widths */
.padding_full {
  padding-left: var(--width-full);
  padding-right: var(--width-full);
}
.padding_xl {
  padding-left: var(--width-xl);
  padding-right: var(--width-xl);
}
.padding_l {
  padding-left: var(--width-l);
  padding-right: var(--width-l);
}
.padding_m {
  padding-left: var(--width-m);
  padding-right: var(--width-m);
}
.padding_s {
  padding-left: var(--width-s);
  padding-right: var(--width-s);
}

/* paddings */
.padding_top_xl {
  padding-top: var(--padding-xl);
}
.padding_top_l {
  padding-top: var(--padding-l);
}
.padding_top_m {
  padding-top: var(--padding-m);
}
.padding_top_s {
  padding-top: var(--padding-s);
}
.padding_top_xs {
  padding-top: var(--padding-xs);
}
.padding_top_xxs {
  padding-top: var(--padding-xxs);
}
.padding_top_none {
  padding-top: 0;
}
.padding_bottom_xl {
  padding-bottom: var(--padding-xl);
}
.padding_bottom_l {
  padding-bottom: var(--padding-l);
}
.padding_bottom_m {
  padding-bottom: var(--padding-m);
}
.padding_bottom_s {
  padding-bottom: var(--padding-s);
}
.padding_bottom_xs {
  padding-bottom: var(--padding-xs);
}
.padding_bottom_xxs {
  padding-bottom: var(--padding-xxs);
}
.padding_bottom_none {
  padding-bottom: 0;
}

/* backgrounds */
.bg_white {
  background-color: var(--color-white);
}

.bg_grey {
  background-color: var(--color-grey);
}

.bg_black {
  --color-headings: var(--color-white);
  --color-text: var(--color-white);
  background-color: var(--color-black);
  color: var(--color-text);

  a {
    &:is(:hover, :focus) {
      --color-text: hsl(from var(--color-white) h s l / 0.7);
      color: var(--color-text);
    }
  }

  a.phone_number,
  a.email_address {
    &:before {
      color: var(--color-white);
    }
  }

  /* bullet points */
  /* default */
  .wp_content {
    ul,
    ol {
      li {
        color: var(--color-white);
      }
    }
  }

  /* block link */
  .block_link {
    /* style */
    &.overlay {
      &:hover {
        .content {
          background-color: var(--color-green);
        }
      }
    }
  }
}

/* background shape fill */
.main_container {
  /* grey */
  &:has(> div:nth-of-type(2).bg_grey) .fc_banner {
    --shape-fill: var(--color-grey);
  }
  &:has(> div:nth-of-type(1).bg_grey) .fc_simple_content {
    --shape-fill: var(--color-grey);
  }
  &:has(> div:last-of-type.bg_grey) + #footer {
    --shape-fill: var(--color-grey);
  }

  /* black */
  &:has(> div:nth-of-type(2).bg_black) .fc_banner {
    --shape-fill: var(--color-black);
  }
  &:has(> div:nth-of-type(1).bg_black) .fc_simple_content {
    --shape-fill: var(--color-black);
  }
  &:has(> div:last-of-type.bg_black) + #footer {
    --shape-fill: var(--color-black);
  }
}

/* news_project_header */
.news_project_header {
  .single_tag {
    display: inline-block;
    background-color: var(--color-green);
    color: var(--color-black);
    font-weight: 900;
    letter-spacing: -0.9px;
    padding: 6px 12px;
    border-radius: var(--border-radius-s);
  }

  .single_details {
    &:after {
      content: "";
      display: block;
      margin-top: var(--gap-s);
      width: 100px;
      height: 1px;
      background-color: var(--color-grey-dark);
    }
  }
}

/* job_header */
.job_header {
  .subheading {
    color: var(--color-green);
  }

  .job_details {
    --color-text: #333;
    margin-bottom: 0 !important;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: var(--gap-xxs) var(--gap-xs);
  }

  /* responsive */
  @media (width >= 576px) {
    .job_details {
      flex-direction: row;
    }
  }
}

/* block links */
.fc_block_links,
.fc_work_with_us {
  .links_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--gap-s);
  }

  .block_link {
    aspect-ratio: 1;
    display: flex;
    position: relative;
    isolation: isolate;
    border-radius: var(--border-radius-m);
    box-shadow: var(--box-shadow-light);
    text-decoration: none;
    overflow: hidden;

    &::before,
    &::after {
      content: "";
      position: absolute;
    }

    &.standard::after {
      inset: 0;
      z-index: -1;
      background: linear-gradient(
        180deg,
        hsl(from var(--color-black) h s l / 0) 0%,
        var(--color-black) 100%
      );
    }

    &.overlay::after {
      inset: 0;
      z-index: -1;
      background: linear-gradient(
        180deg,
        hsl(from var(--color-black) h s l / 0) 0%,
        hsl(from var(--color-black) h s l / 0.5) 75.3%
      );
    }

    .content {
      width: 100%;

      .title {
        font-weight: 700;
      }
    }

    /* style */
    &.standard {
      --color-headings: var(--color-white);
      align-items: flex-end;

      &::before {
        z-index: 0;
        top: var(--gap-s);
        right: var(--gap-s);
        display: block;
        width: 42px;
        height: 40px;
        background: center / contain no-repeat
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='40' fill='none' viewBox='0 0 42 40'%3E%3Cpath fill='%23fff' d='M10.664 1.606c0-.887.744-1.606 1.664-1.606H39.82q.067 0 .134.006c.03.001.056.007.083.01l.078.012q.046.009.089.02l.069.017q.042.012.082.028c.023.009.048.014.071.026q.037.015.075.033l.073.033q.033.018.067.04.038.02.073.042t.07.048l.063.044a2 2 0 0 1 .12.106l.022.022q.046.046.088.094c.017.02.035.045.05.065l.046.061q.026.037.048.076l.036.06q.021.039.039.077l.03.065q.017.038.03.076l.026.072.021.078.02.074.013.09q.006.034.01.066.01.087.01.166v26.499c0 .887-.746 1.605-1.665 1.605-.92 0-1.664-.718-1.664-1.605V5.483L2.841 39.53a1.7 1.7 0 0 1-1.177.47 1.7 1.7 0 0 1-1.176-.47 1.564 1.564 0 0 1 0-2.27L35.772 3.21H12.328c-.92 0-1.664-.718-1.664-1.605'/%3E%3C/svg%3E");
        opacity: 0;
        transition: opacity 0.4s ease;
      }

      .content {
        padding: var(--gap-s);
      }

      &:hover {
        &::before {
          opacity: 1;
        }
      }
    }

    &.overlay {
      align-items: flex-start;

      .content {
        --color-headings: var(--color-black);
        padding: var(--gap-s) var(--gap-s) calc(var(--gap-s) * 2) var(--gap-s);
        background-color: var(--color-white);
        display: flex;
        flex-direction: column;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,100 Q50,50 0,100 Z' fill='black'/%3E%3C/svg%3E")
          center / 100% 100% no-repeat;
        transition: background-color 0.4s ease;
      }

      &:hover {
        .content {
          --color-headings: var(--color-black);
          background-color: var(--color-black);

          .title {
            color: var(--color-white);
          }
        }
      }
    }
  }

  /* responsive */
  @media (width >= 640px) {
    .links_container {
      grid-template-columns: repeat(2, 1fr);

      .block_link {
        flex-basis: calc(50% - var(--gap-s) / 2);
      }
    }
  }

  @media (width >= 1200px) {
    .links_container {
      &.col_2 {
        grid-template-columns: repeat(2, 1fr);
      }
      &.col_3 {
        grid-template-columns: repeat(3, 1fr);
      }
    }
  }

  @media (width >= 768px) {
    .block_link {
      &.overlay {
        .content {
          padding: var(--gap-s) var(--gap-s) calc(var(--gap-s) * 3) var(--gap-s);
          transition: background-color 0.4s ease;
        }
      }
    }
  }
}

/* fc_column_content */
.fc_column_content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);

  /* alignment */
  &.top {
    align-items: flex-start;
  }
  &.center {
    align-items: center;
  }
  &.bottom {
    align-items: flex-end;
  }
  &.stretch {
    align-items: stretch;
  }
  .mobile_left {
    text-align: left;
  }
  .mobile_centre {
    text-align: center;
  }
  .mobile_right {
    text-align: right;
  }

  > .left,
  > .right {
    width: 100%;
  }

  /* responsive */
  @media (width >= 992px) {
    flex-direction: row;

    /* ratio */
    &[class*="ratio_"] {
      --left: 50%;
      --right: 50%;
    }
    &.ratio_30_70 {
      --left: 30%;
      --right: 70%;
    }
    &.ratio_70_30 {
      --left: 70%;
      --right: 30%;
    }
    &.ratio_40_60 {
      --left: 40%;
      --right: 60%;
    }
    &.ratio_60_40 {
      --left: 60%;
      --right: 40%;
    }

    > .left {
      flex: 0 1 var(--left);
    }
    > .right {
      flex: 0 1 var(--right);
    }

    /* alignment */
    .desktop_left {
      text-align: left;
    }
    .desktop_centre {
      text-align: center;
      justify-content: center;

      .button_container {
        justify-content: center;
      }
    }
    .desktop_right {
      text-align: right;
      justify-content: flex-end;

      .button_container {
        justify-content: flex-end;
      }
    }
  }
}

/* job / sector lists */
a.single_job,
a.single_sector {
  text-decoration: none;
  border-radius: var(--border-radius-s);
  box-shadow: var(--box-shadow-light);
  padding: var(--gap-s) var(--gap-m);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--gap-s) / 2);
  margin-bottom: calc(var(--gap-s) / 2);
  background-color: hsl(from var(--color-white) h s l / 0.1);
  transition: all 0.4s ease;

  .job_detail {
    .subheading {
      color: var(--color-white);
    }
    .title {
      color: var(--color-white);
    }
    > * {
      margin-bottom: var(--gap-xxs);

      &:last-of-type {
        margin-bottom: 0;
      }
    }
  }

  &::after {
    content: "";
    display: block;
    width: clamp(21px, 1.716vw + 11.118px, 42px);
    aspect-ratio: 1;
    background: center / contain no-repeat
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='40' fill='none' viewBox='0 0 42 40'%3E%3Cpath fill='%23fff' d='M10.664 1.606c0-.887.744-1.606 1.664-1.606H39.82q.067 0 .134.006c.03.001.056.007.083.01l.078.012q.046.009.089.02l.069.017q.042.012.082.028c.023.009.048.014.071.026q.037.015.075.033l.073.033q.033.018.067.04.038.02.073.042t.07.048l.063.044a2 2 0 0 1 .12.106l.022.022q.046.046.088.094c.017.02.035.045.05.065l.046.061q.026.037.048.076l.036.06q.021.039.039.077l.03.065q.017.038.03.076l.026.072.021.078.02.074.013.09q.006.034.01.066.01.087.01.166v26.499c0 .887-.746 1.605-1.665 1.605-.92 0-1.664-.718-1.664-1.605V5.483L2.841 39.53a1.7 1.7 0 0 1-1.177.47 1.7 1.7 0 0 1-1.176-.47 1.564 1.564 0 0 1 0-2.27L35.772 3.21H12.328c-.92 0-1.664-.718-1.664-1.605'/%3E%3C/svg%3E");
  }

  &:is(:hover, :focus) {
    --color-text: var(--color-black);
    background-color: var(--color-grey);
    color: var(--color-text);

    &::after {
      background: center / contain no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='40' fill='none' viewBox='0 0 42 40'%3E%3Cpath fill='%23000' d='M10.664 1.606c0-.887.744-1.606 1.664-1.606H39.82q.067 0 .134.006c.03.001.056.007.083.01l.078.012q.046.009.089.02l.069.017q.042.012.082.028c.023.009.048.014.071.026q.037.015.075.033l.073.033q.033.018.067.04.038.02.073.042t.07.048l.063.044a2 2 0 0 1 .12.106l.022.022q.046.046.088.094c.017.02.035.045.05.065l.046.061q.026.037.048.076l.036.06q.021.039.039.077l.03.065q.017.038.03.076l.026.072.021.078.02.074.013.09q.006.034.01.066.01.087.01.166v26.499c0 .887-.746 1.605-1.665 1.605-.92 0-1.664-.718-1.664-1.605V5.483L2.841 39.53a1.7 1.7 0 0 1-1.177.47 1.7 1.7 0 0 1-1.176-.47 1.564 1.564 0 0 1 0-2.27L35.772 3.21H12.328c-.92 0-1.664-.718-1.664-1.605'/%3E%3C/svg%3E");
    }
  }

  &:last-of-type {
    margin-bottom: 0;
  }
}

/* pagination */
#pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: var(--padding-s);
}
#pagination a,
#pagination > span {
  display: inline-block;
  padding: calc(var(--gap-s) / 2) var(--gap-s);
  font-size: 20px;
  color: var(--color-black);
  background-color: var(--color-grey);
  margin: 0 calc(var(--gap-s) / 2);
  text-decoration: none;
  font-weight: 400;
  border-radius: var(--border-radius-s);
  transition:
    background-color 0.4s ease,
    color 0.4s ease;
  &:hover {
    color: var(--color-white);
    background-color: var(--color-green);
  }
}
#pagination > span {
  color: var(--color-white);
  background-color: var(--color-green);
  font-weight: 700;
}

/* social media */
.social_links_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  .social_icon {
    min-width: 32px;
    min-height: 32px;
    background-color: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    margin-right: var(--gap-s);
    transition: color 0.4s ease;

    &:hover {
      color: hsl(from var(--color-white) h s l / 0.7);
    }

    &:last-child {
      margin-right: 0;
    }

    /* icons */
    &.x {
      mask-size: 32px 29px;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='29' fill='none' viewBox='0 0 32 29'%3E%3Cpath fill='currentColor' d='M25.2 0h4.909L19.386 12.283 32 29h-9.874l-7.74-10.136L5.543 29H.626l11.466-13.14L0 0h10.124l6.989 9.265zm-1.725 26.058h2.719L8.644 2.788H5.722z'/%3E%3C/svg%3E");
    }

    &.linkedin {
      mask-size: 32px 32px;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M7.164 32H.53V10.636h6.635zM3.843 7.721C1.72 7.721 0 5.964 0 3.843 0 2.82.407 1.85 1.129 1.129A3.85 3.85 0 0 1 3.843 0c1.014 0 1.993.407 2.714 1.129a3.85 3.85 0 0 1 1.129 2.714c0 2.121-1.722 3.878-3.843 3.878M31.993 32H25.37V21.6c0-2.479-.05-5.657-3.45-5.657-3.45 0-3.978 2.693-3.978 5.478V32h-6.629V10.636h6.365v2.914h.092c.886-1.679 3.05-3.45 6.279-3.45 6.714 0 7.95 4.421 7.95 10.164V32z'/%3E%3C/svg%3E");
    }

    &.instagram {
      mask-size: 32px 32px;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M16.004 7.796c-4.534-.015-8.217 3.655-8.232 8.19-.014 4.534 3.656 8.218 8.189 8.233 4.533.014 8.217-3.656 8.23-8.19.015-4.535-3.654-8.22-8.187-8.233m-.043 2.884a5.326 5.326 0 0 1 5.347 5.306 5.326 5.326 0 1 1-5.347-5.306m6.667-3.22a1.914 1.914 0 1 1 3.828 0 1.914 1.914 0 0 1-3.828 0m9.26 1.942c-.122-2.563-.707-4.834-2.585-6.705C27.433.827 25.163.241 22.6.112c-2.642-.15-10.559-.15-13.2 0C6.844.234 4.574.82 2.697 2.69S.24 6.832.112 9.395c-.15 2.642-.15 10.56 0 13.203.122 2.563.707 4.834 2.585 6.705 1.877 1.87 4.14 2.456 6.703 2.584 2.641.15 10.559.15 13.2 0 2.563-.12 4.833-.706 6.703-2.584 1.87-1.871 2.456-4.142 2.585-6.705.15-2.642.15-10.554 0-13.196m-3.413 16.03a5.4 5.4 0 0 1-3.041 3.042c-2.106.836-7.103.643-9.43.643s-7.332.186-9.43-.643a5.4 5.4 0 0 1-3.042-3.041c-.835-2.107-.643-7.105-.643-9.433s-.185-7.333.643-9.433a5.4 5.4 0 0 1 3.041-3.041c2.106-.836 7.103-.643 9.43-.643s7.332-.186 9.431.643a5.4 5.4 0 0 1 3.041 3.041c.835 2.107.643 7.105.643 9.433s.192 7.333-.643 9.433'/%3E%3C/svg%3E");
    }

    &.youtube {
      mask-size: 32px 22px;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='22' fill='none' viewBox='0 0 32 22'%3E%3Cpath fill='currentColor' d='M31.326 3.443c-.363-1.358-1.453-2.423-2.83-2.784C26.007 0 16 0 16 0S5.993 0 3.498.659a3.97 3.97 0 0 0-2.83 2.784C0 5.901 0 11.023 0 11.023s0 5.122.668 7.58c.369 1.352 1.453 2.377 2.83 2.738C5.993 22 16 22 16 22s10.007 0 12.502-.659c1.377-.36 2.461-1.386 2.83-2.738.668-2.458.668-7.58.668-7.58s0-5.122-.668-7.58zM12.725 15.675V6.371l8.36 4.652z'/%3E%3C/svg%3E");
    }
  }
}

/* Posts Listings */
.single_post_list,
.single_project_list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--padding-xxs) var(--gap-s);

  .single_post,
  .single_project {
    width: 100%;
    font-weight: 400;
  }

  /* responsive */
  @media (width >= 576px) {
    .single_post,
    .single_project {
      width: calc(50% - (var(--gap-s) * 1) / 2);
    }
  }

  @media (width >= 992px) {
    .single_post,
    .single_project {
      width: calc(33.333% - (var(--gap-s) * 2) / 3);
    }
  }
}

.image,
.image-switch {
  background: center / cover no-repeat;
}

@media (max-width: 640px) {
  .header-right {
    display: flex;
    justify-content: space-between;
  }
}

/* Unity Cookie Overlay */
#unity_cookie_overlay,
#unity_cookie_view_settings {
  width: 448px;
  background: var(--color-white);
  border: 1px solid var(--color-grey);
  border-left: 4px solid var(--color-green);
  padding: var(--gap-s);
  position: fixed;
  bottom: var(--padding-xs);
  right: var(--padding-xs);
  z-index: 2147483646;
  box-shadow: var(--box-shadow-light);
  opacity: 1;
  transition: 0.4s;
}
#unity_cookie_view_settings {
  width: 472px;
}
.unity_cookie_setting_link {
  color: #999;
  display: inline-block;
  padding: calc(var(--gap-s) / 2) var(--gap-s);
  cursor: pointer;
}
.unity_cookie_setting_link:hover {
  color: var(--color-grey-dark);
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
  width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
  border-left: 12px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #aaaaaa;
}
#unity_cookie_overlay.unity_cookie_hide,
#unity_cookie_view_settings.unity_cookie_hide {
  opacity: 0;
  right: -555px;
}
#unity_cookie_view_settings > .wp_content {
  margin-bottom: var(--gap-s);
  max-height: 400px;
  overflow-y: auto;
}
.unity_cookie_info {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  margin: var(--gap-s) 0;
}
.unity_cookie_info > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 9px;
  background: center / 15px 9px
    url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E")
    no-repeat;
  margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
  color: #999;
}
.unity_cookie_info .wp_content {
  border-top: 1px solid #e3e3e3;
  padding: 16px 8px 16px 32px;
  display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
  display: block;
}
.unity_cookie_text_small {
  font-size: 0.8em;
}
body.menu_open #unity_cookie_overlay,
body.menu_open #unity_cookie_view_settings {
  right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay,
body.menu_open.show_menu_close #unity_cookie_view_settings {
  right: 50px;
}
@media (max-width: 576px) {
  body.menu_open #unity_cookie_overlay,
  body.menu_open #unity_cookie_view_settings {
    right: min(90vw, 480px);
  }
  body.menu_open.show_menu_close #unity_cookie_overlay,
  body.menu_open.show_menu_close #unity_cookie_view_settings {
    right: 0px;
  }
  #unity_cookie_overlay,
  #unity_cookie_view_settings {
    width: 100%;
    right: 0;
    border-right: none;
    border-left: none;
  }
}
@media (max-width: 576px) {
  #unity_cookie_overlay,
  #unity_cookie_view_settings {
    padding: var(--gap-s);
  }
  #unity_cookie_overlay .button,
  #unity_cookie_view_settings .button {
    margin-bottom: calc(var(--gap-s) / 2);
  }
  .unity_cookie_setting_link {
    display: block;
    text-align: center;
  }
}
.cookie_overlay_strong #unity_cookie_overlay {
  inset: 30% auto auto 50%;
  transform: translate(-195px, 0);
  padding: 35px;
  border: none;
}
.cookie_overlay_strong #unity_cookie_no_click {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.4s;
  z-index: 2147483646;
}
.cookie_overlay_strong #unity_cookie_no_click.unity_cookie_hide {
  opacity: 0;
}
@media (max-width: 576px) {
  .cookie_overlay_strong #unity_cookie_overlay {
    inset: auto 0 0 0;
    transform: translate(0, 0);
    width: auto;
  }
}