@charset "UTF-8";
body,
html {
  width: 100%;
  min-height: 100%;
  font-family: "Poppins", "Noto Sans", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
  color: #fff;
  background: linear-gradient(0deg, #0b0b0b 0%, #0b0b0b 100%), #fff;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  word-break: keep-all;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

:lang(jp) body,
:lang(jp) html {
  font-family: "Noto Sans", "Noto Sans JP", -apple-system, "Apple SD Gothic Neo", sans-serif;
}

body a,
body button,
body [type=button],
body input[type=reset],
body input[type=submit],
body [role=button],
::-webkit-search-cancel-button,
::-webkit-search-decoration,
::-webkit-scrollbar-button,
::-webkit-file-upload-button {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
}

a,
a:link,
a:visited {
  text-decoration: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

dl,
ol,
ul {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
}

button {
  border: none;
  outline: 0;
  cursor: pointer;
}

img {
  max-width: 100%;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:lang(jp) body,
:lang(jp) html,
:lang(jp) a {
  font-family: "Noto Sans", "Noto Sans JP", -apple-system, "Apple SD Gothic Neo", sans-serif;
  word-break: break-all;
}

:root {
  --font-size-12: 0.63vw;
  --font-size-13: 0.68vw;
  --font-size-14: 0.73vw;
  --font-size-15: 0.78vw;
  --font-size-16: 0.83vw;
  --font-size-18: 0.94vw;
  --font-size-20: 1.04vw;
  --font-size-24: 1.25vw;
  --font-size-28: 1.46vw;
  --font-size-32: 1.67vw;
  --font-size-40: 2.08vw;
  --font-size-48: 2.5vw;
  --font-size-60: 3.13vw;
  --font-size-80: 4.17vw;
  --font-size-84: 4.36vw;
  --font-size-100: 5.21vw;
  --font-size-114: 5.94vw;
  --font-size-136: 7.08vw;
  --font-size-180: 9.38vw;
  --color-grey100: #bdc6db;
  --color-grey200: #868b98;
  --color-grey300: #4e5361;
  --color-bsx-red: #ff3033;
  --color-giga-blue: #374bff;
  --color-rrs-green: #aadd00;
  --color-ro-sky: #00a3dd;
  --space-4: 0.21vw;
  --space-8: 0.42vw;
  --space-12: 0.63vw;
  --space-16: 0.83vw;
  --space-20: 1.04vw;
  --space-21: 1.09vw;
  --space-24: 1.25vw;
  --space-28: 1.46vw;
  --space-30: 1.56vw;
  --space-31: 1.61vw;
  --space-32: 1.67vw;
  --space-36: 1.88vw;
  --space-40: 2.08vw;
  --space-48: 2.5vw;
  --space-58: 3.02vw;
  --space-60: 3.13vw;
  --space-64: 3.33vw;
  --space-80: 4.17vw;
  --space-100: 5.21vw;
  --space-120: 6.25vw;
  --space-128: 6.67vw;
  --space-132: 6.88vw;
  --space-148: 7.71vw;
  --space-180: 9.38vw;
  --space-240: 12.5vw;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  box-sizing: border-box;
  transition: all 0.3s linear;
}
.btn:hover {
  color: #000 !important;
  background: #fff !important;
}

html.fix {
  overflow: hidden;
}

/* popup */
.pop-wrap {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition: left 0s 0.35s;
}

.pop-wrap.actived {
  left: 0;
  transition-delay: 0s;
}

.pop-wrap.actived .cover {
  opacity: 1;
}

.pop-wrap.actived .pop-basic-data {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 50ms, opacity 0.25s;
}

.pop-wrap.black .cover {
  background: rgba(26, 23, 23, 0.8);
}

.pop-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
}

.pop-wrap .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(243, 243, 243, 0.8);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-pop-close {
  position: absolute;
  top: 15px;
  right: 22px;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  z-index: 10;
}
.btn-pop-close .icon {
  width: 30px;
  height: 30px;
}

.pop-basic-data {
  position: relative;
  display: inline-block;
  transform: scale(0.3);
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s;
  box-sizing: border-box;
}

.pop-basic-data.full {
  width: 100%;
  height: 100%;
}

.agree-outer,
.agree-wrap {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.agree-wrap {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 48px;
}

.agree-outer {
  position: relative;
  flex: 1;
  max-width: 714px;
  margin: 0 auto;
  flex-direction: column;
  background: #f3f3f3;
  border-radius: 16px;
  overflow: hidden;
}

.agree-header {
  width: 100%;
  height: 76px;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
  color: #1a1717;
}

.agree-body {
  width: 100%;
  height: 100%;
  flex: 1;
  padding: 8px 32px 40px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 11px;
  line-height: 1.5;
  color: #646765;
  text-align: left;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .agree-wrap {
    padding: 40px 25px;
  }
  .agree-header {
    justify-content: flex-start;
    padding: 0 20px;
    font-size: 28px;
    text-align: left;
  }
  .btn-pop-close {
    row-gap: 17px;
    right: 10px;
  }
  .btn-pop-close .icon {
    width: 24px;
    height: 24px;
  }
}
.icon-tele-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-tele-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-tele-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-tele-black {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-black.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-opensea-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-opensea-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-opensea-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-opensea-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-x-grey1-sm {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-x-grey1-sm.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-x-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-x-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-x-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-x-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-x-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-x-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-discord-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-discord-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-discord-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-discord-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-discord-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-discord-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-substack-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-substack-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-substack-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-substack-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-substack-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-substack-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-youtube-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-youtube-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-youtube-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-youtube-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-gitbook-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-gitbook-grey2 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-grey2.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-gitbook-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-libre-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-libre-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-libre-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-libre-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-ap-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-ap-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-ap-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-ap-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-mail-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-mail-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-mail-black {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-mail-black.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-close-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-close-grey1.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-close-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-close-white.svg) 0 0 no-repeat;
  background-size: cover;
}

.icon-arrow-grey1 {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey-right.svg) center no-repeat;
  background-size: cover;
}

.icon-arrow-white {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-white.svg) center no-repeat;
  background-size: cover;
}

.icon-arrow-black {
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-black.svg) center no-repeat;
  background-size: cover;
}

.header-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.17vw;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2000;
  transition: all 0.2s ease-in-out;
}
.header-section.nav-down {
  transform: translateY(0%);
}
.header-section.nav-up {
  transform: translateY(-100%);
}

.header-section::before,
.sub-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(40px);
  z-index: -1;
}

.header-wrap {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 12.5vw;
  box-sizing: border-box;
}
.header-wrap .site-list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  gap: 0.42vw;
}
.header-wrap .site-list .list-item {
  position: relative;
}
.header-wrap .site-list .list-item:hover .item-link {
  color: #fff;
  font-weight: 600;
  border: 1px solid transparent;
  background-image: linear-gradient(#1d1c1c, #1d1c1c), linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  -webkit-border-radius: 1.04vw;
  -moz-border-radius: 1.04vw;
  -ms-border-radius: 1.04vw;
  border-radius: 1.04vw;
}
.header-wrap .site-list .list-item:hover .sub-tab {
  display: block;
}
.header-wrap .site-list .list-item:hover > span {
  cursor: default;
}
.header-wrap .site-list .item-link {
  position: relative;
  display: block;
  padding: 0.31vw 0.63vw;
  color: var(--color-grey100);
  font-size: var(--font-size-18);
  line-height: 150%;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.header-wrap .site-list .item-link:after {
  content: attr(title);
  font-weight: 600;
  visibility: hidden;
  display: block;
  height: 0;
  overflow: hidden;
}
.header-wrap .site-list .sub-tab {
  position: absolute;
  display: none;
  padding-top: 0.73vw;
}
.header-wrap .site-list .sub-list {
  overflow: hidden;
  position: relative;
  padding: 0.83vw;
  background: rgba(255, 255, 255, 0.05);
  -webkit-border-radius: 0.83vw;
  -moz-border-radius: 0.83vw;
  -ms-border-radius: 0.83vw;
  border-radius: 0.83vw;
  box-sizing: border-box;
}
.header-wrap .site-list .sub-list::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  -webkit-border-radius: 0.83vw;
  -moz-border-radius: 0.83vw;
  -ms-border-radius: 0.83vw;
  border-radius: 0.83vw;
  z-index: -1;
}
.header-wrap .site-list .sub-item:hover .icon.default {
  display: none;
}
.header-wrap .site-list .sub-item:hover .icon.hover {
  display: block;
}
.header-wrap .site-list .sub-item:hover .sub-link {
  color: #fff;
}
.header-wrap .site-list .sub-item + .sub-item {
  margin-top: var(--space-8);
}
.header-wrap .site-list .sub-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-8);
  align-items: center;
  color: var(--color-grey100);
  font-size: var(--font-size-16);
  line-height: 150%;
  white-space: nowrap;
}
.header-wrap .site-list .sub-link .icon {
  width: 0.83vw;
  height: 0.83vw;
}
.header-wrap .site-list .sub-link .icon.hover {
  display: none;
}

.header-logo {
  width: 8.23vw;
  height: 1.67vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-text.svg) 0 0 no-repeat;
  background-size: cover;
}
.header-logo .btn-logo {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}

:lang(jp) .wiki-link {
  gap: 0;
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  #header.actived .header-outer {
    transform: translate(0, 0);
  }
  #header.actived .btn-header-toggle-nav {
    background-image: url(https://static.delabs.gg/delabshome/images/renewal/ico-close-grey1.svg);
  }
  #header.actived .btn-app {
    display: none;
  }
  #header.actived .header-top {
    position: relative;
    z-index: 2000;
  }
  .header-outer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(20px);
    z-index: 1600;
    overflow-y: auto;
    transform: translateX(100%);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .header-outer .sns-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100%;
    height: 100%;
    padding: 96px 24px 120px;
    box-sizing: border-box;
  }
  .header-outer .sns-item {
    position: relative;
    padding: 24px 0;
  }
  .header-outer .sns-item:first-of-type > .item-link::before, .header-outer .sns-item:nth-child(2) > .item-link::before {
    content: "";
    position: absolute;
    top: 4px;
    right: 24px;
    width: 30px;
    height: 20px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey-right.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .header-outer .sns-item:last-of-type {
    padding-bottom: 50px;
  }
  .header-outer .sns-item + .sns-item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .header-outer .sns-item > .item-link {
    position: relative;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
  }
  .header-outer .sns-item .sub-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding-top: 20px;
  }
  .header-outer .sns-item .sub-list::before, .header-outer .sns-item .sub-list::after {
    content: none;
  }
  .header-outer .sns-item .sub-item {
    position: relative;
  }
  .header-outer .sns-item .sub-item::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 24px;
    width: 30px;
    height: 20px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey-right.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .header-outer .sns-item .sub-item .item-link {
    position: relative;
    display: block;
    width: 100%;
    color: var(--color-grey100);
    font-size: 16px;
    line-height: 150%;
  }
  .header-outer .sns-item .sub-item .item-link .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .btn-header-toggle-nav {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/ico-ham-mo.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .header-section {
    height: 52px;
    padding: 0 16px;
    box-sizing: border-box;
    transform: translateY(-100%);
  }
  .header-section.open {
    transform: translateY(0%);
  }
  .header-section .logo {
    width: 119px;
    height: 24px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-text.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .header-section .btn-logo {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
  }
  .header-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
  .header-right {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .header-right .btn-app {
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 150%;
    border: 1px solid #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
  }
}
.footer-wrap {
  position: relative;
  width: 100%;
  height: 4.58vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(180deg, rgba(45, 45, 78, 0.7) 0%, rgba(38, 38, 55, 0.7) 100%);
  z-index: 1000;
}
.footer-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.1vw;
  background: radial-gradient(50% 50% at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.footer-wrap .inner {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12.5vw;
}
.footer-wrap .copy {
  color: var(--color-grey200);
  font-size: var(--font-size-15);
  line-height: 150%;
}
.footer-wrap .copy-link {
  color: var(--color-grey200);
  text-decoration: underline;
}
.footer-wrap .sns-list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  gap: 1.25vw;
}
.footer-wrap .sns-list .item-link {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
}
.footer-wrap .sns-list .icon {
  width: 1.25vw;
  height: 1.25vw;
}
.footer-wrap .sns-list .icon.hover {
  display: none;
}
.footer-wrap .sns-list .list-item:hover .icon.default {
  display: none;
}
.footer-wrap .sns-list .list-item:hover .icon.hover {
  display: block;
}

@media screen and (max-width: 1024px) {
  .footer-wrap {
    height: auto;
    overflow: hidden;
    margin-top: -115px;
    background: transparent;
  }
  .footer-wrap::before {
    content: none;
  }
  .footer-wrap .inner {
    padding: 0 16px 22px;
    flex-direction: column;
  }
  .footer-wrap .copy {
    margin-top: 24px;
    order: 2;
    font-size: 15px;
    text-align: center;
  }
  .footer-wrap .sns-list {
    gap: 24px;
  }
  .footer-wrap .sns-list .item-link,
  .footer-wrap .sns-list .icon {
    width: 24px;
    height: 24px;
  }
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-opensea-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-x-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-discord-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-substack-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-youtube-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-grey1.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-mail-black.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-black.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-black.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-libre-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-ap-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-x-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-discord-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-tele-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-substack-white.svg) url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-black.svg);
}

.icon {
  display: inline-flex;
}

.icon-pop-close-black2 {
  width: 24px;
  height: 100%;
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/icon-pop-close-black2.png);
  background-size: cover;
}

.mo-type {
  display: none !important;
}

.ja-lang {
  display: none;
  word-break: auto-phrase;
}

.section {
  position: relative;
}

.section-title {
  font-size: var(--font-size-48);
  line-height: 120%;
  text-transform: uppercase;
}

.header-gnb-ui,
.intro-logo.hide,
.overview .visual,
hr {
  display: none;
}

.intro-logo .item-outer,
.intro-words,
.intro-words-value .value,
.intro .btn-join {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}

.intro-logo .obj,
.spec,
.spec .cover {
  position: absolute;
}

.overview,
.overview .txt-group,
.spec .spec-item {
  padding: 0;
  box-sizing: border-box;
}

.intro .scroll-ui,
.intro-logo .obj {
  transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s;
  opacity: 0;
}

#container.start .intro .scroll-ui,
#container.start .intro-logo .obj,
#container.start .intro .btn-box .btn-join {
  transform: translate(0, 0);
  opacity: 1;
  transition-delay: 1s;
}

.bg-intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg-intro video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro {
  position: relative;
  height: 200vh;
}
.intro::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-intro-bg.png) 0 0 no-repeat;
  background-size: cover;
  z-index: 1;
}
.intro .scroll-ui {
  position: absolute;
  bottom: 3.13vw;
  left: 0;
  width: 100%;
  z-index: 50;
  text-align: center;
  transform: translate(0, 70px);
}
.intro .scroll-ui .items {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.42vw;
  padding-top: 51px;
}
.intro .scroll-ui .item-arrow {
  width: 1.67vw;
  height: 2.5vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-white.svg) 0 0 no-repeat;
  background-size: cover;
  animation: bounce 0.5s linear infinite alternate forwards;
}
.intro .scroll-ui .item-name {
  margin-top: var(--space-8);
  font-size: var(--font-size-12);
  line-height: 1.3;
}
.intro .btn-box {
  margin-top: var(--space-60);
  text-align: center;
}
.intro .btn-join {
  padding: var(--space-12) var(--space-48);
  font-size: var(--font-size-20);
  font-weight: 600;
  line-height: 150%;
  -webkit-border-radius: 1.56vw;
  -moz-border-radius: 1.56vw;
  -ms-border-radius: 1.56vw;
  border-radius: 1.56vw;
  opacity: 0;
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s;
}
.intro .btn-join:after {
  content: "";
  display: inline-block;
  width: var(--space-24);
  height: var(--space-24);
  margin-left: var(--space-16);
  background: url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-white.svg) 0 0 no-repeat;
  background-size: cover;
  vertical-align: top;
}
.intro .btn-join:hover:after {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/ico-gitbook-black.svg);
}

.intro-headline {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
}

.intro-words {
  display: inline-flex;
  align-items: flex-end;
  margin-top: var(--space-20);
}

.intro-words-value {
  position: relative;
  font-size: 0;
  opacity: 0;
  filter: blur(0.21vw);
  transition: filter 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: filter, transform, opacity;
}
.intro-words-value .value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform-origin: 50% 100%;
}
.intro-words-value.word-1 {
  width: 1.88vw;
  height: 2.81vw;
  margin-right: var(--space-28);
  transform: translate(-300%, 0) scale(1.5);
}
.intro-words-value.word-1 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-d.svg);
}
.intro-words-value.word-2 {
  width: 1.72vw;
  height: 1.88vw;
  margin-right: var(--space-28);
  transform: translate(-200%, 0) scale(1.5);
}
.intro-words-value.word-2 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-e.svg);
}
.intro-words-value.word-3 {
  width: 0.56vw;
  height: 2.9vw;
  margin-right: var(--space-28);
  transform: translate(-100%, 0) scale(1.5);
}
.intro-words-value.word-3 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-l.svg);
}
.intro-words-value.word-4, .intro-words-value.word-5 {
  transform-origin: 0% 50%;
}
.intro-words-value.word-4 {
  width: 1.88vw;
  height: 1.88vw;
  margin-right: var(--space-31);
  transform: translate(100%, 0) scale(1.5);
}
.intro-words-value.word-4 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-a.svg);
}
.intro-words-value.word-5 {
  width: 1.88vw;
  height: 2.81vw;
  margin-right: var(--space-21);
  transform: translate(200%, 0) scale(1.5);
}
.intro-words-value.word-5 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-b.svg);
}
.intro-words-value.word-6 {
  width: 1.93vw;
  height: 1.82vw;
  margin-right: 0;
  transform: translate(300%, 0) scale(1.5);
}
.intro-words-value.word-6 .value {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-text-s.svg);
}

.intro-logo {
  position: fixed;
  top: 50%;
  right: 50%;
  width: 8.33vw;
  z-index: 100;
  transform-origin: 67% 10%;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), margin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: auto;
}
.intro-logo.end {
  transform-origin: 50% 50%;
}
.intro-logo .item-outer {
  max-width: 100%;
  margin-left: auto;
  transform-origin: 50% 100%;
}
.intro-logo .item-inner {
  position: relative;
  padding-top: 86.16%;
  transition: transfor m 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}
.intro-logo .obj {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-intro-buggy.png) center center/100% 100% no-repeat;
  background-size: cover;
  transform: translate(-30%, 50%);
}

#container.start .intro-words-value {
  filter: blur(0px);
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
#container.start .intro-words-value.word-1 {
  transition-delay: 0s;
}
#container.start .intro-words-value.word-2 {
  transition-delay: 0.1s;
}
#container.start .intro-words-value.word-3 {
  transition-delay: 0.2s;
}
#container.start .intro-words-value.word-4 {
  transition-delay: 0.3s;
}
#container.start .intro-words-value.word-5 {
  transition-delay: 0.4s;
}
#container.start .intro-words-value.word-6 {
  transition-delay: 0.5s;
}
#container.open .intro .scroll-ui {
  transform: translate(0, 50px);
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0.2s;
}

.sticky-scene {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
}

@keyframes scroll {
  0%, 100% {
    height: 26px;
  }
  25%, 75% {
    height: 36px;
  }
}
@keyframes bounce {
  to {
    transform: translateY(10px);
  }
}
.delabs {
  z-index: 210;
}

.overview {
  height: 300vh;
}
.overview .txt-group {
  margin-left: auto;
  width: 50%;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}
.overview .ja-lang .txt-group {
  word-break: break-all;
}
.overview .ja-lang .txt-group .txt-1 {
  white-space: nowrap;
}
.overview .section-title {
  font-size: var(--font-size-84);
  white-space: nowrap;
}
.overview .section-text {
  margin-top: var(--space-24);
  color: var(--color-grey100);
  font-size: var(--font-size-20);
  line-height: 150%;
}

.number-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-24);
  flex-direction: column;
  margin-top: var(--space-36);
}
.number-group .number-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: var(--space-32);
}
.number-group .number-title {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  min-width: 5.57vw;
  height: 2.24vw;
  padding: 0 var(--space-16);
  font-size: var(--font-size-18);
  line-height: 150%;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  -webkit-border-radius: 1.25vw;
  -moz-border-radius: 1.25vw;
  -ms-border-radius: 1.25vw;
  border-radius: 1.25vw;
}
.number-group .number-text {
  font-size: var(--font-size-24);
  font-weight: 700;
  line-height: 150%;
}

.spec {
  height: 100vh;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 200;
}
.spec .cover {
  overflow: hidden;
  top: 0;
  left: 50%;
  width: 90%;
  height: 100%;
  z-index: 0;
  background: #000;
  border-top-left-radius: 4.17vw;
  border-top-right-radius: 4.17vw;
  transform: translate(-50%, 0);
  transition: width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: width;
}
.spec .cover.actived::before, .spec .cover.actived::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4.32vw;
  border-top-left-radius: 4.17vw;
  border-top-right-radius: 4.17vw;
}
.spec .cover.actived::before {
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
  background-size: cover;
}
.spec .cover.actived:after {
  top: 3px;
  background: #000;
  background-size: cover;
}
.spec .cover.actived .cover-bg {
  display: block;
}
.spec .cover-bg {
  display: none;
  position: absolute;
  top: -2.19vw;
  left: 0;
  width: 100%;
  height: 4.17vw;
  border-radius: 100vw;
  opacity: 0.5;
  background: #bdc6db;
  filter: blur(3.13vw);
  z-index: 1;
}
.spec .content-inner {
  max-width: 100%;
  padding: 0;
}

.content-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.content-outer .content-inner,
.partners-list-cell:first-child,
.spec .cover.actived,
.spec .spec-item .item-icon img {
  width: 100%;
}

.content-inner {
  position: relative;
  max-width: 83.6vw;
  margin: 0 auto;
  padding: 0 2.22vw;
}

.con-title {
  font-size: 2.22vw;
  line-height: 1.2;
  font-weight: 600;
  color: #1a1717;
}

.games {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--space-40);
  width: 100%;
  height: 100vh;
  padding: var(--space-148) var(--space-240) var(--space-100);
  box-sizing: border-box;
  z-index: 1000;
}
.games .section-title {
  font-size: var(--font-size-114);
  white-space: nowrap;
}

.game-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.game-wrap .hover-item {
  position: relative;
  z-index: 1;
}
.game-wrap .hover-item.on {
  z-index: 50;
}
.game-wrap .hover-item.on.bsx, .game-wrap .hover-item.on.ro, .game-wrap .hover-item.on.rrs, .game-wrap .hover-item.on.gcb {
  border: 2px solid #fff;
}
.game-wrap .hover-item.on.bsx .btn-play, .game-wrap .hover-item.on.ro .btn-play, .game-wrap .hover-item.on.rrs .btn-play, .game-wrap .hover-item.on.gcb .btn-play {
  opacity: 1;
  visibility: visible;
}
.game-wrap .hover-item.on.bsx .static-img, .game-wrap .hover-item.on.rrs .static-img {
  display: none;
}
.game-wrap .hover-item.on.bsx .video-item, .game-wrap .hover-item.on.rrs .video-item {
  display: block;
}
.game-wrap .game-item {
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}
.game-wrap .game-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 9.48vw;
  width: 100%;
  z-index: 5;
  pointer-events: none;
}
.game-wrap .game-item.bsx {
  width: 27.34vw;
  flex-shrink: 0;
}
.game-wrap .game-item.bsx::before {
  background: linear-gradient(0deg, #a30a0d 0%, rgba(163, 10, 13, 0) 100%);
}
.game-wrap .game-item.ro::before {
  background: linear-gradient(0deg, #00a3dd 0%, rgba(0, 163, 221, 0) 100%);
}
.game-wrap .game-item.rrs::before {
  background: linear-gradient(0deg, #ad0 0%, rgba(0, 163, 221, 0) 100%);
}
.game-wrap .game-item.gcb {
  width: 17.81vw;
  flex-shrink: 0;
}
.game-wrap .game-item.gcb::before {
  height: 14.95vw;
  background: linear-gradient(0deg, #0016dd 0%, rgba(0, 22, 221, 0) 100%);
}
.game-wrap .game-item .game-title {
  position: absolute;
  left: 1.25vw;
  bottom: 1.25vw;
  font-size: var(--font-size-40);
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  z-index: 10;
}
.game-wrap .game-item .sub-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  height: 100%;
}
.game-wrap .game-item .btn-play {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: absolute;
  right: var(--space-24);
  bottom: var(--space-24);
  padding: var(--space-12) var(--space-24);
  -webkit-border-radius: 0.63vw;
  -moz-border-radius: 0.63vw;
  -ms-border-radius: 0.63vw;
  border-radius: 0.63vw;
  background-color: #fff;
  color: #000;
  font-size: var(--font-size-18);
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  box-sizing: border-box;
  transition: all 0.3s linear;
  z-index: 10;
}
.game-wrap .game-item .btn-play:hover {
  color: #fff !important;
  font-weight: 700;
  background-color: #000 !important;
}
.game-wrap .game-item .btn-play:after {
  content: attr(data-text);
  font-weight: 700;
  visibility: hidden;
  display: block;
  height: 0;
  overflow: hidden;
}
.game-wrap .img-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.game-wrap .img-wrap img,
.game-wrap .img-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game-wrap .video-item {
  display: none;
}
.game-wrap .text-wrap {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.15vw;
  transition: all 0.3s ease;
}

.game-img-wrap {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  gap: var(--space-24);
  height: 100%;
}

.game-title {
  font-size: var(--font-size-48);
  font-weight: 600;
  line-height: 120%;
}

.game-text {
  font-size: var(--font-size-16);
  line-height: 160%;
}

.mask-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 10;
  pointer-events: none;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
}

.game-text-wrap .text-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: absolute;
  width: 27.34vw;
  pointer-events: none;
  z-index: 50;
}
.game-text-wrap .text-item.on {
  opacity: 1;
  visibility: visible;
}
.game-text-wrap .text-item.bsx {
  top: 50%;
  left: 33.59vw;
  transform: translateY(-50%);
}
.game-text-wrap .text-item.bsx .game-logo {
  width: 11.56vw;
  height: 6.25vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-bsx.png) 0 0 no-repeat;
  background-size: cover;
}
.game-text-wrap .text-item.bsx strong {
  color: var(--color-bsx-red);
}
.game-text-wrap .text-item.ro {
  left: 1.04vw;
  top: 7.6vw;
}
.game-text-wrap .text-item.ro .game-logo {
  width: 10.52vw;
  height: 7.4vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-ro.png) 0 0 no-repeat;
  background-size: cover;
}
.game-text-wrap .text-item.ro strong {
  color: var(--color-ro-sky);
}
.game-text-wrap .text-item.rrs {
  top: 0;
  left: 1.04vw;
}
.game-text-wrap .text-item.rrs .game-logo {
  width: 13.18vw;
  height: 6.67vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-rrs.png) 0 0 no-repeat;
  background-size: cover;
}
.game-text-wrap .text-item.rrs strong {
  color: var(--color-rrs-green);
}
.game-text-wrap .text-item.gcb {
  width: 22.19vw;
  bottom: 2.08vw;
  right: 22.92vw;
}
.game-text-wrap .text-item.gcb .game-logo {
  width: 9.17vw;
  height: 5.73vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-gcb.png) 0 0 no-repeat;
  background-size: cover;
}
.game-text-wrap .text-item.gcb strong {
  color: var(--color-giga-blue);
}
.game-text-wrap .text-item strong {
  display: block;
  margin-top: var(--space-40);
  font-size: var(--font-size-32);
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
.game-text-wrap .game-info {
  margin-top: var(--space-8);
  color: var(--color-grey100);
  font-size: var(--font-size-18);
  line-height: 150%;
}

.token {
  height: 100%;
  min-height: 100vh;
  background: #000;
  z-index: 1000;
}
.token .inner {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 var(--space-180) 0 var(--space-240);
  box-sizing: border-box;
}
.token .section-title {
  font-size: var(--font-size-84);
}
.token .section-text {
  color: var(--color-grey100);
  margin-top: var(--space-24);
  font-size: var(--font-size-20);
  line-height: 150%;
}
.token .info-img {
  display: block;
  width: 21.15vw;
  height: 2.81vw;
  margin-top: var(--space-24);
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-token-info.svg) 0 0 no-repeat;
  background-size: cover;
}
.token .btn-learn {
  margin-top: var(--space-36);
  width: 10.89vw;
  height: 2.81vw;
  font-size: var(--font-size-20);
  font-weight: 600;
  -webkit-border-radius: 1.56vw;
  -moz-border-radius: 1.56vw;
  -ms-border-radius: 1.56vw;
  border-radius: 1.56vw;
  border: 1px solid #fff;
}
.token .left-side strong {
  font-size: var(--font-size-48);
  line-height: 120%;
  text-transform: uppercase;
}
.token .right-side .video-wrap {
  width: 48.96vw;
  height: 48.96vw;
}
.token .right-side .video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partners {
  height: 100%;
  background: #000;
  z-index: 1000;
}
.partners .section-title {
  text-align: center;
}
.partners .partner-list {
  overflow: hidden;
  position: relative;
  margin-top: var(--space-80);
}
.partners .partner-list::before, .partners .partner-list::after {
  content: "";
  position: absolute;
  top: 0;
  width: 11.46vw;
  height: 100%;
  mix-blend-mode: multiply;
}
.partners .partner-list::before {
  left: 0;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.partners .partner-list:after {
  right: 0;
  background: linear-gradient(-90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.partners .partner-list .list-item {
  width: 100%;
  height: 5.21vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-partners-top-v2.png);
  background-size: cover;
  animation: left 90s linear 0.5s infinite;
  white-space: nowrap;
}
.partners .partner-list .list-item:last-of-type {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-partners-bottom-v2.png);
  background-size: cover;
  animation: right 90s linear 0.5s infinite;
}
.partners .partner-list .list-item + .list-item {
  margin-top: var(--space-20);
}

@keyframes left {
  100% {
    background-position-x: 188.13vw;
    background-repeat: repeat-x;
  }
}
@keyframes right {
  100% {
    background-position-x: -187.24vw;
    background-repeat: repeat-x;
  }
}
.section-bg {
  overflow: hidden;
  background: #000;
  z-index: 1000;
}

.bg-team {
  position: absolute;
  top: 24.06vw;
  left: 50%;
  margin-left: -48.49vw;
  width: 100vw;
  height: 96.98vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-team2.png) center no-repeat;
  background-size: cover;
  animation: rotate 200s linear infinite forwards;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.join {
  z-index: 1000;
}
.join::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 24.06vw;
  background: #000;
}
.join .inner {
  padding: var(--space-240) 0;
}
.join .section-title {
  text-align: center;
}
.join .section-text {
  margin-top: var(--space-24);
  color: var(--color-grey100);
  font-size: var(--font-size-20);
  line-height: 150%;
  text-align: center;
}
.join .join-list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  gap: var(--space-36);
  width: 62.5vw;
  margin: var(--space-80) auto 0;
  padding: var(--space-64) 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 2.08vw;
  -moz-border-radius: 2.08vw;
  -ms-border-radius: 2.08vw;
  border-radius: 2.08vw;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  box-sizing: border-box;
}
.join .join-list .list-item {
  position: relative;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-ro-white.svg) 50% 0 no-repeat;
  background-size: 5.94vw 4.17vw;
}
.join .join-list .list-item:nth-child(2) {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-discord-white.svg);
  background-size: 4.17vw 4.17vw;
}
.join .join-list .list-item:nth-child(2)::after {
  background: #3056ff;
}
.join .join-list .list-item:nth-child(2) .btn-link::before {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/bg-link-community.svg);
}
.join .join-list .list-item:last-of-type {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-x-white.svg);
  background-size: 4.17vw 4.17vw;
}
.join .join-list .list-item:last-of-type::after {
  background: #cf30ff;
}
.join .join-list .list-item:last-of-type .btn-link::before {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/bg-link-x.svg);
}
.join .join-list .list-item:after {
  content: "";
  position: absolute;
  top: 1.3vw;
  left: 50%;
  transform: translateX(-50%);
  width: 4.58vw;
  height: 4.58vw;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #ff3094;
  opacity: 0.6;
  filter: blur(50px);
  z-index: -1;
}
.join .join-list .btn-link {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  min-width: 16.35vw;
  height: 3.33vw;
  margin-top: var(--space-128);
  font-size: var(--font-size-20);
  font-weight: 600;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-border-radius: 2.19vw;
  -moz-border-radius: 2.19vw;
  -ms-border-radius: 2.19vw;
  border-radius: 2.19vw;
  box-sizing: border-box;
}
.join .join-list .btn-link:before {
  content: "";
  position: absolute;
  top: -0.73vw;
  left: 50%;
  transform: translateX(-50%);
  width: 9.27vw;
  height: 1.35vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/bg-link-bsx.svg) 0 0 no-repeat;
  background-size: cover;
  filter: blur(1.04vw);
}
.join .join-list .btn-link:hover::before {
  content: none;
}

.team {
  padding-bottom: var(--space-240);
  z-index: 1000;
}
.team .section-title {
  text-align: center;
}

.team-james {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 25.63vw;
  padding: 0 var(--space-58) 0 var(--space-60);
  margin: var(--space-80) auto 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 2.08vw;
  -moz-border-radius: 2.08vw;
  -ms-border-radius: 2.08vw;
  border-radius: 2.08vw;
  background: rgb(24, 24, 24);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2.6vw);
  box-sizing: border-box;
  transition: all 0.3s ease-in;
}
.team-james::before {
  content: "";
  position: absolute;
  top: -5.47vw;
  left: 2.08vw;
  width: calc(100% - 4.16vw);
  height: 10.26vw;
  background: url(https://static.delabs.gg/delabshome/images/renewal/bg-team-james-v2.svg) 0 0 no-repeat;
  background-size: cover;
  filter: blur(2.6vw);
  z-index: -1;
  opacity: 0;
  transition: all 0.3s linear;
}
.team-james.on {
  border: 1px solid transparent;
  background-image: linear-gradient(#000, #000), linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.team-james.on::before {
  opacity: 1;
}
.team-james.on .img-wrap {
  mix-blend-mode: normal;
}
.team-james .team-title {
  flex-shrink: 0;
  font-size: var(--font-size-100);
  line-height: 140%;
  text-transform: uppercase;
}
.team-james .img-wrap {
  width: 21.61vw;
  height: 100%;
  margin-left: -5.47vw;
  flex-shrink: 0;
  mix-blend-mode: luminosity;
}
.team-james .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-james .text-wrap {
  width: 32.66vw;
  margin-left: -3.13vw;
}
.team-james .text-wrap strong {
  font-size: var(--font-size-32);
  font-weight: 600;
  line-height: 152%;
}
.team-james .text-wrap .text-1 {
  margin-top: var(--space-8);
  font-size: var(--font-size-20);
  line-height: 140%;
}
.team-james .text-wrap .text-2 {
  height: 8.02vw;
  margin-top: var(--space-24);
  color: var(--color-grey100);
  font-size: var(--font-size-14);
  line-height: 160%;
}

.swiper.team-swiper,
.swiper.advisor-swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.swiper.team-swiper::before,
.swiper.advisor-swiper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(-90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode: multiply;
  z-index: 10;
}

.swiper.team-swiper::before {
  height: 22.4vw;
  width: 8.44vw;
}

.swiper.advisor-swiper::before {
  height: 20.99vw;
  width: 8.44vw;
}

.swiper-slide {
  width: auto !important;
  margin-right: var(--space-24);
}

.swiper-wrapper {
  padding: 0 var(--space-240);
}

.team-wrap {
  position: relative;
  margin-top: var(--space-80);
}
.team-wrap .btn-wrap {
  position: absolute;
  bottom: 9.53vw;
  width: 100%;
  height: 3.33vw;
  z-index: 10;
}
.team-wrap .img-wrap {
  position: relative;
  width: 100%;
  height: 16.15vw;
}
.team-wrap .img-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6.25vw;
  background: linear-gradient(180deg, rgba(19, 19, 21, 0) 0%, #131315 100%);
}
.team-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-wrap .text-wrap {
  position: absolute;
  bottom: var(--space-20);
  left: var(--space-20);
  width: calc(100% - 2.08vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.team-wrap .text-wrap .team-title {
  color: var(--color-grey100);
  font-size: var(--font-size-20);
  font-weight: 700;
  line-height: 120%;
}
.team-wrap .text-wrap strong {
  color: var(--color-grey200);
  font-size: var(--font-size-16);
  font-weight: 700;
  line-height: 120%;
}
.team-wrap .text-wrap .sub-list {
  margin-top: var(--space-8);
}
.team-wrap .text-wrap .sub-item {
  position: relative;
  padding-left: var(--space-12);
  color: var(--color-grey200);
  font-size: var(--font-size-13);
  line-height: 150%;
}
.team-wrap .text-wrap .sub-item::before {
  content: "";
  position: absolute;
  top: var(--space-8);
  left: 0;
  width: 0.21vw;
  height: 0.21vw;
  background-color: var(--color-grey200);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.team-wrap .text-wrap .sub-item + .sub-item {
  margin-top: 0.1vw;
}
.team-wrap .mo-sub-list {
  display: none;
  opacity: 0;
}
.team-wrap .bg-bottom {
  height: 6.25vw;
  margin-top: auto;
  padding: var(--space-20);
  background: linear-gradient(0deg, #24152c 0%, #131315 100%);
  box-sizing: border-box;
}

.team-list {
  position: relative;
  margin-left: var(--space-240);
}
.team-list .list-item {
  position: relative;
  overflow: hidden;
  width: 14.01vw !important;
  height: 22.4vw;
  margin-right: var(--space-24);
  flex-shrink: 0;
  -webkit-border-radius: 1.25vw;
  -moz-border-radius: 1.25vw;
  -ms-border-radius: 1.25vw;
  border-radius: 1.25vw;
}
.team-list .list-item:first-of-type .text-wrap {
  height: auto;
}
.team-list .list-item:last-of-type {
  margin-right: 0;
}

.prevArrow,
.nextArrow {
  position: absolute;
  top: 0;
  width: 3.33vw;
  height: 3.33vw;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  cursor: pointer;
  z-index: 5;
}
.prevArrow:hover,
.nextArrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(0, 0, 0, 0.6);
}

.prevArrow {
  left: 7.5vw;
  background: rgba(0, 0, 0, 0.6) url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey.svg) center no-repeat;
  rotate: -90deg;
}

.nextArrow {
  right: 1.67vw;
  background: rgba(0, 0, 0, 0.6) url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey.svg) center no-repeat;
  rotate: 90deg;
}

.slick-slide {
  height: auto;
}

.slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.advisors {
  padding-bottom: var(--space-240);
  background: #000;
  z-index: 1000;
}
.advisors .section-title {
  text-align: center;
}

.advisors-list {
  position: relative;
  margin-left: var(--space-240);
}
.advisors-list .list-item {
  position: relative;
  overflow: hidden;
  width: 14.01vw !important;
  height: 20.99vw;
  margin: 0 var(--space-12);
  flex-shrink: 0;
  -webkit-border-radius: 1.25vw;
  -moz-border-radius: 1.25vw;
  -ms-border-radius: 1.25vw;
  border-radius: 1.25vw;
}
.advisors-list .list-item:first-of-type {
  margin-left: 0;
}
.advisors-list .img-wrap {
  height: 12.5vw;
}
.advisors-list .img-wrap::before {
  content: none;
}
.advisors-list .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advisors-list .text-wrap {
  position: static;
  width: 100%;
  height: 8.49vw;
  padding: var(--space-16) var(--space-16) var(--space-24);
  background: linear-gradient(180deg, rgba(45, 45, 78, 0.7) 57.26%, rgba(45, 45, 77, 0.7) 100%);
  box-sizing: border-box;
}
.advisors-list .team-text {
  margin-top: var(--space-8);
  color: var(--color-grey200);
  font-size: var(--font-size-13);
  line-height: 130%;
}

.contact {
  padding-bottom: var(--space-80);
  background: #000 url(https://static.delabs.gg/delabshome/images/renewal/img-bg-contact.png) 0 0 no-repeat;
  background-size: cover;
  z-index: 1000;
}
.contact .inner {
  position: relative;
  padding: 0 var(--space-240);
}
.contact .contact-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-132);
  padding: var(--space-80) 0;
}
.contact .btn-list .list-item + .list-item {
  margin-top: var(--space-24);
}
.contact .btn-list .btn-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 21.72vw;
  height: 4.06vw;
  padding: 0 var(--space-32);
  color: var(--color-grey100);
  font-size: var(--font-size-20);
  font-weight: 600;
  line-height: 150%;
  border: 1px solid var(--gray-white, #fff);
  -webkit-border-radius: 2.08vw;
  -moz-border-radius: 2.08vw;
  -ms-border-radius: 2.08vw;
  border-radius: 2.08vw;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2.6vw);
  box-sizing: border-box;
}
.contact .btn-list .btn-link:hover .icon-mail-grey1 {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/ico-mail-black.svg);
}
.contact .btn-list .btn-link:hover .icon-arrow-grey1 {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-black.svg);
}
.contact .btn-list .icon {
  width: var(--space-32);
  height: var(--space-32);
  background-size: contain;
}
.contact .link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-40);
}
.contact .link-list {
  min-width: 12.7vw;
}
.contact .link-list .title {
  margin-bottom: var(--space-16);
  font-size: var(--font-size-24);
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}
.contact .link-list .text-link {
  display: block;
  color: var(--color-grey100);
  font-size: var(--font-size-18);
  line-height: 180%;
  white-space: nowrap;
}
.contact .link-list .text-link:hover {
  color: #fff;
  font-weight: 600;
}

.lang-list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  margin-top: var(--space-80);
  gap: var(--space-24);
}
.lang-list .lang-btn {
  display: block;
  color: var(--color-grey200);
  font-size: var(--font-size-24);
  line-height: 150%;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
}
.lang-list .list-item.on .lang-btn {
  color: #fff;
}

.btn-page-top {
  position: absolute;
  top: 0;
  right: var(--space-240);
  width: 3.33vw;
  height: 3.33vw;
  background: rgba(0, 0, 0, 0.6) url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-grey.svg) center no-repeat;
  background-size: auto 1.67vw;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 150;
  transition: all 0.3s linear;
}
.btn-page-top:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.6);
}

.nfts {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-subpage.png) 0 0 no-repeat;
  background-size: cover;
}

.nft-wrap {
  position: relative;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 33.59vw;
  padding: 3.13vw;
  gap: 7.29vw;
  margin: auto;
  background: rgba(55, 55, 55, 0.3);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5.21vw);
  z-index: 1;
  -webkit-border-radius: 3.13vw;
  -moz-border-radius: 3.13vw;
  -ms-border-radius: 3.13vw;
  border-radius: 3.13vw;
  box-sizing: border-box;
}
.nft-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  -webkit-border-radius: 3.13vw;
  -moz-border-radius: 3.13vw;
  -ms-border-radius: 3.13vw;
  border-radius: 3.13vw;
}
.nft-wrap .video-wrap {
  overflow: hidden;
  width: 27.34vw;
  height: 27.34vw;
  flex-shrink: 0;
  -webkit-border-radius: 1.56vw;
  -moz-border-radius: 1.56vw;
  -ms-border-radius: 1.56vw;
  border-radius: 1.56vw;
}
.nft-wrap .video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nft-wrap .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 29.9vw;
}
.nft-wrap .text-wrap.adpass {
  width: 100%;
}
.nft-wrap .text-wrap .title {
  font-size: var(--font-size-48);
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.nft-wrap .text-wrap .info-text {
  margin-top: var(--space-24);
  color: var(--color-grey100);
  font-size: var(--font-size-20);
  line-height: 150%;
}
.nft-wrap .text-wrap .info-text strong {
  display: block;
  margin-bottom: var(--space-8);
  color: #fff;
  font-size: var(--font-size-24);
  font-weight: 600;
  line-height: 130%;
}
.nft-wrap .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-24);
  margin-top: var(--space-48);
}
.nft-wrap .btn-link {
  position: relative;
  height: 2.92vw;
  padding: 0 4.9vw 0 2.5vw;
  border: 1px solid #fff;
  -webkit-border-radius: 1.56vw;
  -moz-border-radius: 1.56vw;
  -ms-border-radius: 1.56vw;
  border-radius: 1.56vw;
  box-sizing: border-box;
}
.nft-wrap .btn-link span {
  font-size: var(--font-size-20);
}
.nft-wrap .btn-link span::after {
  content: attr(data-text);
  font-weight: 700;
  visibility: hidden;
  display: block;
  height: 0;
  overflow: hidden;
}
.nft-wrap .btn-link:hover span {
  font-weight: 700;
}
.nft-wrap .btn-link:hover .icon-arrow-white {
  background-image: url(https://static.delabs.gg/delabshome/images/renewal/ico-arrow-black.svg);
  rotate: 0deg;
}
.nft-wrap .btn-link .icon {
  position: absolute;
  top: var(--space-12);
  right: var(--space-48);
  width: var(--space-30);
  height: var(--space-30);
  rotate: -90deg;
  background-size: contain;
}

.benefit-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5vw;
  margin-top: var(--space-24);
  padding-top: var(--space-24);
  border-top: 1px solid var(--color-grey300);
}
.benefit-wrap .benefit-title {
  flex-shrink: 0;
  color: var(--color-grey100);
  font-size: var(--font-size-16);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.32px;
}
.benefit-wrap .benefit-list .list-item {
  position: relative;
  padding-left: var(--space-12);
  color: var(--color-grey200);
  font-size: var(--font-size-14);
  line-height: 150%;
}
.benefit-wrap .benefit-list .list-item::before {
  content: "";
  position: absolute;
  top: var(--space-8);
  left: 0;
  width: var(--space-4);
  height: var(--space-4);
  background: var(--color-grey200);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.benefit-wrap .benefit-list .list-item + .list-item {
  margin-top: var(--space-4);
}

@media screen and (min-width: 1024px) {
  .game-thumb .item-inner:hover .item-obj {
    transform: scale(0.98);
  }
  .pc-effect-data {
    transform: translate(0, 100px);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
    will-change: transform;
  }
  .pc-effect-data.actived {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0s;
  }
  #gnb,
  .header-language-menu,
  .header-sns-menu,
  .logo {
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .header-language-menu,
  .logo {
    transform: translate(0, -120px);
  }
  #header.open #gnb,
  #header.open .header-language-menu,
  #header.open .header-sns-menu,
  #header.open .logo,
  .header-sns-menu {
    transform: translate(0, 0);
  }
  #gnb {
    transform: translate(0, 100px);
  }
}
@media screen and (max-width: 768px) {
  .pc-type {
    display: none !important;
  }
  .mo-type {
    display: block !important;
  }
  .section-title {
    font-size: 24px;
  }
  .ja-lang .item-desc {
    word-break: break-all;
    word-wrap: break-all;
  }
  .mo-effect-data {
    transform: translate(0, 100px);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
  }
  .mo-effect-data.actived {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0s;
  }
  .intro {
    height: 100vh;
  }
  .intro .scroll-ui {
    position: fixed;
    bottom: 40px;
  }
  .intro .scroll-ui .item-arrow {
    width: 32px;
    height: 48px;
  }
  .intro .scroll-ui .item-name {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
  }
  .intro::before {
    content: none;
  }
  .intro .bg-intro {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-intro-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .intro .bg-intro img {
    display: none;
  }
  .intro .btn-box {
    margin-top: 32px;
  }
  .intro .btn-join {
    padding: 12px 24px;
    font-size: 18px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
  }
  .intro .btn-join::after {
    margin-left: 8px;
    width: 24px;
    height: 24px;
  }
  .intro-words-value.word-1 {
    width: 24px;
    height: 40px;
    margin-right: 18px;
  }
  .intro-words-value.word-2 {
    width: 20px;
    height: 23px;
    margin-right: 19px;
  }
  .intro-words-value.word-3 {
    width: 4px;
    height: 40px;
    margin-right: 18px;
  }
  .intro-words-value.word-4 {
    width: 24px;
    height: 24px;
    margin-right: 20px;
  }
  .intro-words-value.word-5 {
    width: 24px;
    height: 39px;
    margin-right: 12px;
  }
  .intro-words-value.word-6 {
    width: 24px;
    height: 24px;
    margin-right: 0;
  }
  .intro-logo {
    position: static;
    width: 72px;
    padding-top: 242px;
    margin: auto;
    z-index: 100;
    transform: none;
  }
  .sticky-scene {
    position: static;
    height: auto;
  }
  .intro-headline {
    position: static;
    margin-top: 20px;
  }
  .overview {
    height: auto;
    padding: 120px 0 64px;
  }
  .overview .sticky-scene,
  .overview .spec {
    position: relative;
    height: auto;
  }
  .overview .sticky-scene {
    overflow: visible;
  }
  .overview .txt-group {
    width: 100%;
    padding: 0;
  }
  .overview .ja-lang .txt-group .txt-1 {
    white-space: pre-wrap;
  }
  .overview .visual,
  .spec .content-inner {
    display: block;
  }
  .spec {
    bottom: auto;
    left: auto;
    width: 100%;
    z-index: 200;
    padding: 112px 0 78px;
  }
  .spec .cover {
    display: none;
  }
  .delabs {
    height: 100%;
  }
  .delabs .content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 0 16px;
  }
  .delabs .content-inner .visual {
    width: 120px;
    height: 120px;
  }
  .delabs .content-inner .visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .overview .section-title {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
  }
  .overview .section-text {
    margin-top: 16px;
    font-size: 15px;
    text-align: center;
  }
  .number-group {
    margin-top: 60px;
    gap: 24px;
  }
  .number-group .number-list {
    gap: 8px;
    flex-direction: column;
  }
  .number-group .number-title {
    min-width: 75px;
    height: 34px;
    font-size: 12px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    border-radius: 17px;
  }
  .number-group .number-text {
    font-size: 18px;
  }
  .token .section-title {
    font-size: 32px;
  }
  .token .inner {
    padding: 80px 16px 120px;
    flex-direction: column;
    justify-content: center;
  }
  .token .left-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
  }
  .token .left-side strong {
    margin-top: 6px;
    display: block;
    font-size: 20px;
  }
  .token .info-img {
    width: 276px;
    height: 36px;
  }
  .token .section-text {
    margin-top: 0;
    font-size: 15px;
    text-align: center;
  }
  .token .btn-learn {
    width: 200px;
    height: 53px;
    padding: 16px 48px;
    font-size: 18px;
    border-radius: 30px;
    box-sizing: border-box;
  }
  .token .right-side {
    flex-shrink: 0;
    margin-top: 32px;
    width: 310px;
    height: 310px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-token-mo.png) center no-repeat;
    background-size: cover;
  }
  .token .right-side .video-wrap {
    display: none;
  }
  .partners {
    padding: 40px 0;
  }
  .partners .partner-list::before,
  .partners .partner-list::after {
    content: none;
  }
  .partners .partner-list {
    margin-top: 32px;
  }
  .partners .partner-list .list-item {
    height: 50px;
  }
  @keyframes left {
    100% {
      background-position-x: 3612px;
      background-repeat: repeat-x;
    }
  }
  @keyframes right {
    100% {
      background-position-x: -3595px;
      background-repeat: repeat-x;
    }
  }
  .join .inner {
    padding: 100px 16px;
  }
  .join .section-text {
    margin-top: 16px;
    font-size: 15px;
  }
  .join .join-list {
    width: 100%;
    margin-top: 32px;
    padding: 80px 44px;
    flex-direction: column;
    gap: 60px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
  }
  .join .join-list .list-item {
    width: 100%;
    background-size: 114px 80px;
  }
  .join .join-list .list-item:nth-child(2) {
    background-size: 80px 80px;
  }
  .join .join-list .list-item:last-of-type {
    background-size: 80px 80px;
  }
  .join .join-list .list-item:after {
    width: 88px;
    height: 88px;
  }
  .join .join-list .btn-link {
    overflow: hidden;
    height: 54px;
    margin-top: 128px;
    font-size: 18px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    border-radius: 27px;
  }
  .join .join-list .btn-link:before {
    width: 150px;
    height: 22px;
    top: 0;
    filter: blur(6.875px);
  }
  .bg-team {
    top: 500px;
    margin-left: -387px;
    width: 930px;
    height: 774px;
  }
  .team {
    padding-top: 60px;
  }
  .team-james {
    width: calc(100% - 32px);
    height: 100%;
    margin: 32px 16px 0;
    padding: 20px;
    flex-direction: column;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
  }
  .team-james.on::before {
    width: 100%;
    height: 53px;
    top: -30px;
    filter: blur(10px);
  }
  .team-james::before {
    opacity: 1;
    top: -27px;
  }
  .team-james .team-title {
    width: 100%;
    font-size: 44px;
    line-height: 120%;
  }
  .team-james .text-wrap {
    position: relative;
    width: 100%;
    margin-left: 0;
  }
  .team-james .text-wrap strong {
    font-size: 18px;
    line-height: 120%;
  }
  .team-james .text-wrap .text-1 {
    margin-top: 8px;
    color: var(--color-grey100);
    font-size: 12px;
  }
  .team-james .text-wrap .text-2 {
    height: 100%;
    margin-top: 16px;
    color: var(--color-grey200);
    font-size: 12px;
  }
  .team-james .img-wrap {
    position: absolute;
    top: 28px;
    right: 0;
    width: 199px;
    height: 257px;
    mix-blend-mode: normal;
  }
  .team-wrap {
    margin-top: 32px;
  }
  .team-wrap .img-wrap {
    height: 170px;
  }
  .team-wrap .img-wrap::before {
    height: 64px;
    background: linear-gradient(180deg, rgba(19, 19, 21, 0) 0%, #131315 100%);
  }
  .team-wrap .btn-wrap {
    display: none;
  }
  .team-wrap .text-wrap {
    width: calc(100% - 24px);
    bottom: 12px;
    left: 12px;
    gap: 4px;
  }
  .team-wrap .text-wrap .team-title {
    font-size: 13px;
  }
  .team-wrap .text-wrap strong {
    font-size: 11px;
  }
  .team-wrap .bg-bottom {
    height: 58px;
  }
  .team-wrap .btn-more {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    width: 51px;
    height: 23px;
    margin-top: 8px;
    color: var(--color-grey100);
    font-size: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
  }
  .team-wrap .mo-sub-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-direction: column;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    background: rgba(34, 30, 30, 0.5);
    backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    transition: opacity 0.3s ease;
  }
  .team-wrap .mo-sub-list .sub-item {
    position: relative;
    padding-left: 5px;
    color: var(--color-grey200);
    font-size: 10px;
    line-height: 150%;
  }
  .team-wrap .mo-sub-list .sub-item::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    background: var(--color-grey200);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }
  .swiper.team-swiper::before {
    height: 228px;
    width: 32px;
  }
  .swiper.advisor-swiper::before {
    height: 270px;
    width: 32px;
  }
  .team-list {
    margin-left: 0;
    padding: 0 16px;
  }
  .team-list .list-item {
    width: 140px !important;
    height: 228px;
    margin: 0 4px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
  }
  .team-list .list-item:last-of-type {
    margin-right: 16px;
  }
  .advisors {
    padding: 100px 0 180px;
  }
  .advisors-list {
    margin-left: 0;
    padding: 0 16px;
  }
  .advisors-list .list-item {
    width: 140px !important;
    height: 270px;
    margin: 0 4px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
  }
  .advisors-list .img-wrap {
    height: 120px;
  }
  .advisors-list .text-wrap {
    height: 150px;
    width: 100%;
    padding: 8px;
  }
  .advisors-list .text-wrap .team-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 152%;
    letter-spacing: -0.24px;
  }
  .advisors-list .text-wrap .team-text {
    margin-top: 4px;
    font-size: 10px;
  }
  .contact {
    padding-bottom: 196px;
    background-image: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-contack-mo.png);
  }
  .contact .inner {
    padding: 0 16px;
  }
  .contact .section-title {
    padding-top: 32px;
    border-top: 1px solid rgba(189, 198, 219, 0.3);
  }
  .contact .contact-wrap {
    flex-direction: column;
    gap: 32px;
    padding: 32px 0;
  }
  .contact .btn-list .list-item + .list-item {
    margin-top: 16px;
  }
  .contact .btn-list .btn-link {
    min-width: 249px;
    width: fit-content;
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    border-radius: 44px;
  }
  .contact .btn-list .icon {
    width: 24px;
    height: 24px;
  }
  .contact .link-wrap {
    flex-direction: column;
    gap: 24px;
  }
  .contact .link-wrap .title {
    font-size: 16px;
  }
  .contact .link-wrap .text-link {
    font-size: 14px;
  }
  .contact .lang-list {
    position: absolute;
    top: 32px;
    right: 16px;
    margin: 0;
    gap: 8px;
  }
  .contact .lang-list .lang-btn {
    font-size: 16px;
  }
  .btn-page-top {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 32px;
    right: 16px;
    background-size: auto 20px;
  }
  .nfts {
    height: 100%;
    min-height: 100vh;
  }
  .nft-wrap {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 78px 25px;
    gap: 32px;
    flex-direction: column;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-nft-bg-mo.png) 0 0 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border: none;
    backdrop-filter: none;
    box-shadow: none;
    border-radius: 0;
  }
  .nft-wrap::before {
    content: none;
  }
  .nft-wrap .video-wrap {
    width: 340px;
    height: 340px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
  }
  .nft-wrap .text-wrap {
    width: 100%;
    align-items: center;
  }
  .nft-wrap .text-wrap .title {
    font-size: 32px;
    text-align: center;
  }
  .nft-wrap .text-wrap .info-text {
    margin-top: 24px;
    font-size: 15px;
    text-align: center;
  }
  .nft-wrap .text-wrap .info-text strong {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.36px;
  }
  .nft-wrap .btn-wrap {
    margin-top: 32px;
    flex-direction: column;
    gap: 20px;
  }
  .nft-wrap .btn-wrap .btn-link {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 51px;
    width: 180px;
    padding: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
  }
  .nft-wrap .btn-wrap .btn-link span {
    font-size: 18px;
    font-weight: 800;
  }
  .nft-wrap .btn-wrap .btn-link .icon {
    position: static;
    width: 30px;
    height: 27px;
  }
  .benefit-wrap {
    width: 100%;
    padding-top: 24px;
    margin-top: 24px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .benefit-wrap .benefit-title {
    font-size: 15px;
    font-weight: 600;
  }
  .benefit-wrap .benefit-list {
    text-align: center;
  }
  .benefit-wrap .benefit-list .list-item {
    font-size: 10px;
    line-height: 160%;
    padding: 0;
  }
  .benefit-wrap .benefit-list .list-item::before {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 5px;
    width: 3px;
    height: 3px;
  }
  .games {
    overflow: hidden;
    height: 100%;
    padding: 0;
  }
  .games .section-title {
    position: absolute;
    top: 68px;
    left: 0;
    width: 100%;
    font-size: 32px;
    text-align: center;
    z-index: 5;
  }
  .mo-game-item {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 80px 16px;
    background-size: cover;
    box-sizing: border-box;
  }
  .mo-game-item:first-of-type {
    padding-top: 224px;
  }
  .mo-game-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .mo-game-item.bsx::before {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-bsx-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.bsx .img-wrap {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-game-bsx-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.bsx .img-wrap::before {
    background: linear-gradient(0deg, #a30a0d 0%, rgba(163, 10, 13, 0) 100%);
  }
  .mo-game-item.bsx .game-logo {
    width: 104px;
    height: 56px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-bsx.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.bsx strong {
    color: var(--color-bsx-red);
  }
  .mo-game-item.ro::before {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-ro-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.ro .img-wrap {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-game-ro-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.ro .img-wrap::before {
    background: linear-gradient(0deg, #00a3dd 0%, rgba(0, 163, 221, 0) 100%);
  }
  .mo-game-item.ro .game-logo {
    width: 80px;
    height: 56px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-ro.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.ro strong {
    color: var(--color-ro-sky);
  }
  .mo-game-item.rrs::before {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-rrs-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.rrs .img-wrap {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-game-rrs-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.rrs .img-wrap::before {
    background: linear-gradient(0deg, #ad0 0%, rgba(170, 221, 0, 0) 100%);
  }
  .mo-game-item.rrs .game-logo {
    width: 110px;
    height: 55px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-rrs.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.rrs strong {
    color: var(--color-rrs-green);
  }
  .mo-game-item.gcb::before {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-bg-gcb-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.gcb .img-wrap {
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-game-gcb-mo.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.gcb .img-wrap::before {
    background: linear-gradient(0deg, #0016dd 0%, rgba(0, 22, 221, 0) 100%);
  }
  .mo-game-item.gcb .game-logo {
    width: 90px;
    height: 56px;
    background: url(https://static.delabs.gg/delabshome/images/renewal/img-logo-gcb.png) 0 0 no-repeat;
    background-size: cover;
  }
  .mo-game-item.gcb strong {
    color: var(--color-giga-blue);
  }
  .mo-game-item .img-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 410px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    box-sizing: border-box;
  }
  .mo-game-item .img-wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
  }
  .mo-game-item .img-wrap .game-title {
    position: absolute;
    left: 16px;
    bottom: 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
  }
  .mo-game-item .img-wrap .btn-play {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: block;
    padding: 12px 24px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    background-color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
  }
  .mo-game-item .text-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    z-index: 5;
  }
  .mo-game-item .text-wrap strong {
    display: block;
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;
  }
  .mo-game-item .game-logo {
    display: block;
  }
  .mo-game-item .game-text {
    margin-top: 8px;
    color: var(--color-grey100);
    font-size: 13px;
    line-height: 130%;
    text-align: center;
  }
}
/*# sourceMappingURL=maps/main.css.map */