body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-color: #000;
  min-width: 768px;
}

.workspace_contianer {
  box-sizing: border-box;
  min-width: 768px;
  max-width: 2560px;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
}

.top_header_box {
  z-index: 2002;
  -webkit-app-region: drag;
  -webkit-font-smoothing: antialiased;
  opacity: 1;
  background-image: linear-gradient(0deg, #14141400 1%, #141414b3 99%);
  align-items: center;
  width: 100%;
  min-width: 900px;
  height: 76px;
  transition: opacity .3s;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

.topheader_left_box {
  flex-grow: 1;
  align-items: center;
  margin-left: 62px;
  display: flex;
}

.topheader_right_box {
  grid-column-gap: 24px;
  align-items: center;
  column-gap: 24px;
  margin-right: 62px;
  display: flex;
}

.left_nav_box {
  opacity: 1;
  z-index: 1024;
  width: 144px;
  height: 100vh;
  min-height: 600px;
  transition: opacity .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.leftnav_logo {
  margin: 24px 0 16px 40px;
}

.logo_box img {
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  position: relative;
}

.leftnav_nav_box {
  height: calc(100% - 68px);
}

.logo_box {
  flex-direction: row;
  align-items: center;
  font-size: 32px;
  display: flex;
}

.leftnav_nav_content {
  direction: rtl;
  width: 100%;
  height: calc(100% - 30px);
  overflow: hidden;
}

.leftnav_nav_inner {
  text-align: left;
  width: 144px;
  position: relative;
}

.leftnav_link_item {
  color: #9e9e9e;
  -webkit-font-smoothing: antialiased;
  flex-direction: row-reverse;
  align-items: center;
  height: 48px;
  padding-left: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.leftnav_current_item, .leftnav_link_item:hover {
  color: #fff;
}

.leftnav_link_item i {
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
}

.module_container {
  box-sizing: border-box;
  z-index: 3;
  opacity: 1;
  margin-left: 144px;
  transition: opacity .3s;
  position: relative;
  overflow: hidden;
}

.module_content {
  width: calc(93.54vw - 144px);
  min-width: 570px;
  max-width: 2250.62px;
  margin: 0 auto 36px;
}

.btn-entry {
  text-align: center;
  color: #9e9e9e;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  min-width: 52px;
  margin-right: 0;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.btn-entry i {
  font-size: 18px;
}

.btn-entry:hover {
  color: #fff;
  font-weight: 500;
}

.header-login-entry {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background: #9373ee;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
}

.login-panel {
  width: 386px;
  padding: 22px 20px;
}

.login-panel .title {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.login-tip-content {
  flex-wrap: wrap;
  display: flex;
}

.login-tip-content > * {
  align-items: center;
  width: 50%;
  height: 26px;
  margin-bottom: 14px;
  display: flex;
}

.login-btn {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  background-color: #9373ee;
  border-radius: 8px;
  height: 40px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  transition: background-color .3s;
  display: block;
  position: relative;
}

.login-btn:hover {
  background-color: #b19af3;
}

.login-tip-content .lt-text {
  word-break: keep-all;
  margin-left: 6px;
  font-size: 14px;
  line-height: 14px;
}

.register-tip {
  text-align: center;
  letter-spacing: 0;
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
}

.register-exper {
  color: #0091ea;
  cursor: pointer;
}

.btn-entry-container .dropdown-toggle:after {
  content: unset;
}

.btn-header-login {
  background-color: unset;
  box-shadow: none;
  border: none;
  outline: none;
}

.btn-create, .btn-create.show {
  box-shadow: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #fb7299;
  border: none;
  border-radius: 8px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background-color .3s;
  display: flex;
}

.btn-create:hover {
  background-color: #fc8bab;
}

.copyright-container {
  background-color: #4e50584d;
}

.appButton a {
  text-decoration: none;
}

.logo_link {
  min-width: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.logo_link img {
  width: 32px;
  height: 32px;
}

.button_user, .join-now, .button_login {
  display: none;
}

.button_login_clear {
  background-color: unset;
  box-shadow: none;
  width: unset;
  backdrop-filter: unset;
  border: none;
  outline: none;
  background: none !important;
}

.eZdGJU {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
}

.ffdmbA {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.llxqUr {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: block;
}

.jZwsWJ, .SHYlA {
  background-color: #2e2e2e;
}

.jZwsWJ {
  cursor: default;
  z-index: 1000;
  border-radius: 6px;
  width: 100%;
  padding: .15rem .5rem;
  position: static;
  right: 0;
}

.ehdChx {
  box-sizing: border-box;
  align-self: center;
  margin: 0;
  padding: 0;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  position: relative;
}

.lhpgSe {
  appearance: none;
  cursor: pointer;
  background-color: #0000;
  border: none;
  margin-bottom: 0;
  padding: 0;
}

.bmywFn {
  box-sizing: border-box;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.hXhurX {
  cursor: pointer;
  vertical-align: unset;
  align-self: center;
  align-items: center;
  display: inline-flex;
}

.bHRhSP input[type="search"] {
  caret-color: #706c64;
  color: #fff;
  outline: none;
  width: 100%;
  font-size: 14px;
  line-height: 1.8rem;
}

.bHRhSP input[type="search"]::placeholder {
  font-size: 14px;
}

input[type="search"] {
  appearance: textfield;
  box-sizing: content-box;
}

.SHYlA {
  text-overflow: ellipsis;
  z-index: 900;
  border: 0;
  width: 100%;
  padding-left: .75rem;
  font-weight: 500;
  line-height: 1rem;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  font-size: .875rem !important;
}

svg:not(:root) {
  overflow: hidden;
}

.hXhurX svg {
  fill: #706c64;
  align-self: center;
  width: 1.5rem;
  height: 1.5rem;
}

:root {
  --marquee-width: min(100vw, 2048px);
  --marquee-height: 340px;
  --marquee-elements-displayed: 5;
  --marquee-element-width: 273px;
  --marquee-animation-duration: calc(var(--marquee-elements) * 10s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  color: #eee;
  position: relative;
  overflow: hidden;
}

.marquee:before, .marquee:after {
  content: "";
  z-index: 1;
  width: 10rem;
  height: 100%;
  position: absolute;
  top: 0;
}

.marquee:before {
  background: linear-gradient(to right, #111 0%, #0000 100%);
  left: 0;
}

.marquee:after {
  background: linear-gradient(to left, #111 0%, #0000 100%);
  right: 0;
}

.marquee-content {
  animation: scrolling var(--marquee-animation-duration) linear infinite;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  gap: 32px;
  width: fit-content;
  margin-bottom: 0;
  list-style: none;
  display: grid;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
  }
}

.marquee-content .marquee-content-item {
  width: var(--marquee-element-width);
  font-size: calc(var(--marquee-height) * 3 / 4);
  white-space: nowrap;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  display: flex;
}

.brand_marquee_container, .choice_service_container {
  margin-top: 120px;
}

.how_it_work_container {
  margin-top: 160px;
}

.marquee-item-media {
  z-index: 1;
  width: var(--marquee-element-width);
  height: var(--marquee-height);
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-content-item:hover img {
  transform: scale(.97) !important;
}

.marquee-content .marquee-content-item {
  flex-direction: column;
  display: flex;
}

.marquee-content-item img {
  object-fit: cover;
  width: var(--marquee-element-width);
  height: var(--marquee-height);
  -o-object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 32px;
  transition: transform .4s;
  transform: scale(1);
}

.fast-finder-container {
  grid-row-gap: 10px;
  flex-shrink: 0;
  grid-column: span 1;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-flow: column;
  width: 240px;
  display: grid;
}

@media (width <= 600px) {
  html {
    font-size: 12px;
  }

  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }

  .marquee:before, .marquee:after {
    width: 5rem;
  }
}

.choice_service_container {
  margin-left: 72px;
  margin-right: 72px;
}

.thumbnail-container {
  aspect-ratio: 4 / 3;
  width: 100%;
}

.thumbnail-container img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.gig-title {
  letter-spacing: 1px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  height: 35px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.gig-title a, .display_name a {
  color: #fff;
  text-decoration: none;
}

.shot-detail-container {
  justify-content: space-between;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.25;
  display: flex;
}

.brand-info .photo {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}

.thumbnail-container img:after, .brand-info img:after {
  content: "";
  position: relative;
}

.shot-statistics-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-info .display_name, .shot-statistics-container span {
  margin-left: 4px;
}

.brand-info .display_name {
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  -webkit-box-orient: vertical;
  width: 150px;
  display: inline-block;
  overflow: hidden;
}

#choice_service {
  margin-top: 16px;
}

.choice-view-more-container {
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.btn-view-more {
  border-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 203px;
  height: 56px;
  display: flex;
}

.marquee-content-item {
  position: relative;
}

.marquee-item-info {
  z-index: 2;
  letter-spacing: 1px;
  align-content: flex-end;
  gap: 8px;
  padding: 16px 20px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: absolute;
  inset: 0;
}

.marquee-item-info > * {
  width: 100%;
  display: flex;
}

.marquee-item-info__tags {
  grid-auto-columns: -webkit-min-content;
  border: 0;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: grid;
}

.marquee-item-info__tag {
  white-space: nowrap;
  border: 1px solid #fff3;
  border-radius: 10000000px;
  align-items: center;
  height: 24px;
  padding: 0 12px 2px;
  font-size: 11px;
  display: flex;
}

.thumbnail-container img {
  transition: transform .4s;
  transform: scale(1);
}

.thumbnail-container:hover img {
  transform: scale(.97) !important;
}

@media (width >= 768px) and (width <= 1024px) {
  body {
    overflow: auto;
  }

  .brand-info .display_name {
    width: 80px;
  }

  .topic-item-link {
    min-width: 60px;
    height: 26px;
  }

  .jZwsWJ {
    padding: .25rem .5rem;
  }
}

.mobile-app {
  display: none;
}

.desk-app {
  display: block;
}

@media (width <= 767px) {
  body {
    width: 100%;
    min-width: 100%;
  }

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

  .desk-app {
    display: none;
  }

  .mobile-app {
    display: block;
  }

  .mobile-header {
    border-bottom: 1px solid #fff3;
    padding-left: 12px;
    padding-right: 12px;
  }

  .mobile-header nav {
    justify-content: space-between;
    align-items: center;
    height: 56px;
    display: flex;
  }

  .mobile-main-content {
    height: calc(100vh - 56px);
    overflow-y: auto;
  }

  .header-primary-container {
    align-items: center;
    display: flex;
  }

  .homepage-section {
    grid-gap: 12px;
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 200px;
    display: grid;
  }

  .mobile-module {
    --content-height: 500px;
    box-sizing: border-box;
    border-style: none;
    border-left-width: 0;
    border-right-width: 0;
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: visible;
  }

  .module-content {
    height: var(--content-height);
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }

  .unit-wrapper {
    height: var(--content-height);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .unit-wrapper a.unit-link {
    z-index: 3;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .unit-copy-wrapper {
    text-align: center;
    z-index: 4;
    pointer-events: none;
    flex-grow: 0;
    padding-top: 37px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
  }

  .unit-image-wrapper {
    z-index: 1;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
  }

  .unit-image-wrapper figure {
    background-repeat: no-repeat;
    background-size: 734px 500px;
    border-bottom: 1px solid #121212;
    width: 734px;
    height: 500px;
  }

  .mb-hero {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i1-min.png");
  }

  .mb-vr {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i2-min.png");
  }

  .mb-work {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i3-min.png");
  }

  .mb-kol {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i4-min.png");
  }

  .mb-people {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i5-min.png");
  }

  .avif .mb-hero {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i1-min.avif");
  }

  .avif .mb-vr {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i2-min.avif");
  }

  .avif .mb-work {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i3-min.avif");
  }

  .avif .mb-kol {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i4-min.avif");
  }

  .avif .mb-people {
    background-image: url("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/mb-i5-min.avif");
  }

  .unit-image {
    z-index: 1;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: auto auto 0 50%;
    transform: translateX(-50%);
  }

  .unit-copy-wrapper > .headline {
    letter-spacing: .004em;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.125;
  }

  .unit-copy-wrapper > .subhead {
    letter-spacing: .012em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.36844;
  }

  .unit-copy-wrapper .subhead {
    max-width: 296px;
  }

  .headline, .subhead, .cta {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .ai-gradient {
    color: #0000;
    background: linear-gradient(94deg, #0090f7, #ba62fc, #f2416b, #f55600) text;
    margin-top: 22px;
    display: inline-block;
    font-weight: 500 !important;
  }

  .unit-copy-wrapper > .cta-links {
    z-index: 4;
    margin-top: 8px;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }

  .unit-copy-wrapper > .cta-links .btn {
    letter-spacing: -.016em;
    border-radius: 999px;
    min-width: 30px;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42859;
  }

  .unit-wrapper .unit-copy-wrapper a {
    pointer-events: all;
  }

  .unit-copy-wrapper > .cta-links a:not(:only-child):not(:first-child) {
    margin-left: 10px;
  }

  .bottom-copy-wrapper .unit-copy-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-bottom: 37px;
    display: flex;
  }
}

.link-heading {
  padding-bottom: 2px;
  font-size: .8125em;
  font-weight: 800;
  line-height: 24px;
}

.workplace-container {
  padding-top: 120px;
}

.platform-value {
  grid-row-gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.platform-value h1 {
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  overflow-wrap: break-word;
  letter-spacing: calc(.10455px - .14205vw);
  margin: 0;
  font-size: 48px;
  font-weight: 500;
}

.platform-value p {
  text-align: center;
  overflow-wrap: break-word;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
}

.workplace-benefits-container {
  flex-direction: column;
  gap: 32px;
  width: 100%;
  padding: 32px 72px 0;
  display: flex;
}

.benefit-group {
  grid-template-columns: 1.42fr 1fr;
  gap: 32px;
  display: grid;
}

.office-col {
  border-radius: 16px;
  width: 100%;
  padding: 48px 48px 0;
}

.glass {
  background: image-set("https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/glass-effect-bg.webp" 1x type("image/webp"), "https://d13-content.oss-cn-hangzhou.aliyuncs.com/common/image/welcome/glass-effect-bg.png" 1x type("image/jpeg")) 0 0 / cover;
  overflow: clip;
}

.team-col {
  border-radius: 16px;
  width: 100%;
  padding: 48px 48px 40px;
}

.benefit-item {
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  height: 100%;
  display: flex;
}

.benefit-item-office-intro {
  text-align: left;
  text-align: left;
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.benefit-item-office-case {
  justify-content: center;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.benefit-intro-title {
  font-feature-settings: "ss02" on;
  color: #fff;
  letter-spacing: -.14px;
  z-index: 1;
  margin: 0;
  font-family: __BagossCondensedFont_6a34bf, __BagossCondensedFont_Fallback_6a34bf, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 115%;
  position: relative;
}

.benefit-intro-desc {
  font-feature-settings: "ss01" on;
  color: #fff;
  letter-spacing: -.085px;
  margin: 0;
  font-family: __Inter_d65c78, __Inter_Fallback_d65c78, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 170%;
}

.office-case-img-container {
  justify-content: center;
  align-items: flex-end;
  -webkit-align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.office-case-img-container img {
  color: #0000;
  width: 100%;
  max-width: 623.5px;
  height: auto;
}

.benefit-item-team-case {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.team-case-img-container {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.team-case-img-container img {
  color: #0000;
  width: 100%;
  max-width: 224px;
  height: auto;
}

.benefit-item-team-intro {
  text-align: center;
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.team-intro-title {
  color: #fff;
  letter-spacing: -.14px;
  z-index: 1;
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 115%;
  position: relative;
}

.team-intro-desc {
  color: #fff;
  letter-spacing: -.085px;
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 170%;
}

.benefit-group-default {
  grid-template-columns: 1fr 1.42fr;
  gap: 32px;
  display: grid;
}

.pay-col {
  border-radius: 16px;
  width: 100%;
  padding: 48px 48px 40px;
}

h2 {
  font-size: 1.75rem;
}

.button-ui-hi {
  background-image: image-set("../../common/images/button-style.64f1b0fb.webp" 1x type("image/webp"), "../../common/images/button-style.6eb7558b.png" 1x type("image/jpeg"));
}

.how_it_work_container, .workplace-benefits-container, .choice_service_container {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.workplace-benefits-container .heading {
  background-position: 12px -36px;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 390px;
  height: 56px;
  display: flex;
}

.how_it_work_hero_title {
  background-position: 12px -12px;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 286px;
  height: 56px;
  display: flex;
}

.choice_service_container {
  margin-top: 136px;
  padding-top: 1px;
  position: relative;
}

.choice_service_hero_title {
  background-position: 12px -36px;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 56px;
  display: flex;
}

.how_it_default {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 100%;
  height: min-content;
  padding: 32px 0 58px 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.how_it_rerverse {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 100%;
  height: min-content;
  padding: 32px 0 58px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hook-info {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: min-content;
  height: 352px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.hook-info__title {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 320px;
  max-width: 100%;
  height: auto;
  display: flex;
  position: relative;
  transform: none;
}

.hook-info__desc {
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 320px;
  max-width: 100%;
  height: auto;
  display: flex;
  position: relative;
  transform: none;
}

.hook-info__title h3 {
  font-feature-settings: "ss02";
  color: #fff;
  letter-spacing: -.14px;
  z-index: 1;
  margin: 0;
  font-family: __BagossCondensedFont_6a34bf, __BagossCondensedFont_Fallback_6a34bf, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 115%;
  position: relative;
}

.hook-info__desc p {
  font-feature-settings: "ss01" on;
  color: #fff;
  letter-spacing: -.085px;
  margin: 0;
  font-family: __Inter_d65c78, __Inter_Fallback_d65c78, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 170%;
}

.hook-img-container img {
  aspect-ratio: 1;
  border-radius: inherit;
  object-position: center;
  object-fit: cover;
  border-radius: 16px;
  width: 320px;
  display: block;
}

@supports (bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

:root {
  --text-color: #c6d9ec;
  --shadow-color: #5485b666;
  --btn-color: #156bc1;
  --bg-color: #141218;
}

.launch-app {
  cursor: pointer;
  text-transform: uppercase;
  box-shadow: var(--shadow-color) 2px 2px 22px;
  z-index: 0;
  color: #fff;
  background: #9373ee;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 203px;
  height: 56px;
  padding: 2px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.launch-app:hover {
  background-color: #b19af3;
}

.launch-app:before {
  content: "";
  pointer-events: none;
  opacity: .6;
  background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);
  width: 100%;
  height: 300%;
  animation: 5s linear infinite both bubbles;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes bubbles {
  from {
    transform: translate();
  }

  to {
    transform: translate(0, -66.666%);
  }
}

@media (width <= 1300px) {
  .workplace-benefits-container {
    padding: 32px 24px 0;
  }

  .hot-topic-container, .hero-info-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .choice_service_container {
    margin-left: 24px;
    margin-right: 24px;
  }

  .workplace-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .team-intro-desc, .benefit-intro-desc, .hook-info__desc p {
    font-size: 13px;
    line-height: 1.456;
  }

  .benefit-intro-title, .team-intro-title, .hook-info__title h3 {
    font-size: 18px;
  }

  .office-col, .team-col, .pay-col {
    padding: 24px 24px 0;
  }

  .benefit-group-default, .benefit-group {
    gap: 16px;
  }

  .team-intro-title {
    word-break: keep-all;
  }

  .hook-info {
    gap: 12px;
    height: 198px;
  }

  .hook-info__title {
    align-items: flex-start;
    width: 100%;
    max-width: 320px;
  }

  .hook-img-container img {
    width: 170px;
  }

  .benefit-item-team-intro {
    padding-bottom: 24px;
  }

  .platform-value h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 1.5rem;
  }
}