/* index-v14 material close-up */
#simig-edit-switch .ses-inner {
  width: min(1480px, calc(100% - 48px));
}

#simig-edit-switch .ses-rail {
  gap: 18px;
}

#simig-edit-switch .ses-card {
  flex: 0 0 calc((100% - 54px) / 4);
  opacity: 1;
}

#simig-edit-switch .ses-piece {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(36, 28, 18, 0.08);
}

#simig-edit-switch .ses-visual {
  aspect-ratio: 4 / 4.35;
  overflow: hidden;
  background: #fff;
}

#simig-edit-switch .ses-scene {
  inset: 0 0 auto 0;
  width: 100%;
  height: 64%;
  object-fit: cover !important;
  transform: none;
}

#simig-edit-switch .ses-piece:hover .ses-scene,
#simig-edit-switch .ses-piece:focus-visible .ses-scene {
  transform: scale(1.03);
}

#simig-edit-switch .ses-veil {
  inset: 22% 0 0 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 10%, rgba(255, 255, 255, 0.72) 28%, #fff 42%, #fff 100%);
}

#simig-edit-switch .ses-cut {
  position: absolute;
  left: 0;
  right: 0;
  top: 44%;
  bottom: auto;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2.8 / 1;
  background-color: transparent;
  background-image: var(--cut-image);
  background-repeat: no-repeat;
  background-size: var(--cut-size, 180% auto);
  background-position: var(--cut-pos, 50% 50%);
  mix-blend-mode: normal;
  filter: none;
  transform: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 76%, transparent 97%);
  -webkit-mask-composite: source-over;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 76%, transparent 97%);
  mask-composite: add;
  pointer-events: none;
}

#simig-edit-switch .ses-meta {
  margin-top: 0;
  padding: 2px 16px 18px;
  background: #fff;
}

#simig-edit-switch .ses-name {
  display: -webkit-box;
  min-height: 2.32em;
  overflow: hidden;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.16;
  letter-spacing: -0.03em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#simig-edit-switch .ses-btn {
  margin-top: 12px;
  padding: 8px 13px;
  font-size: 12px;
}

@media (max-width: 1199px) {
  #simig-edit-switch .ses-card {
    flex-basis: calc((100% - 36px) / 3);
  }
}

@media (max-width: 899px) {
  #simig-edit-switch .ses-inner {
    width: min(1480px, calc(100% - 28px));
  }

  #simig-edit-switch .ses-card {
    flex-basis: 100%;
    opacity: 0.46;
  }

  #simig-edit-switch .ses-rail:not(.is-ready) .ses-card:first-child,
  #simig-edit-switch .ses-card.is-focus {
    opacity: 1;
  }

  #simig-edit-switch .ses-visual {
    aspect-ratio: 4 / 4.35;
  }

  #simig-edit-switch .ses-name {
    min-height: 2.2em;
    font-size: 22px;
  }
}