.s-fc {
  --fc-black: rgb(0, 0, 0);
  --fc-dim: rgb(165, 165, 165);
  --fc-ghost: rgba(255, 255, 255, 0.3);
  background: var(--surface);
  padding-block: 24px 113px;
}

.s-fc .s-fc__row {
  align-items: flex-start;
}

.s-fc .s-fc__row--b {
  margin-top: 23px;
}

.s-fc .s-fc__row--c {
  margin-top: 32px;
}

.s-fc .s-fc__card {
  position: relative;
  height: 384px;
  border-radius: var(--r-lg);
}

.s-fc .s-fc__card--ai {
  margin-left: 110px;
  width: 696px;
  padding-top: 192px;
  background: var(--fc-black);
}

.s-fc .s-fc__card--song {
  margin-left: calc(58.33% - 804px);
  width: 494px;
  padding-top: 205px;
  background: var(--surface-page);
}

.s-fc .s-fc__card--party {
  margin-left: 112px;
  width: 384px;
  padding-top: 192px;
  background: var(--surface-page);
}

.s-fc .s-fc__card--cast {
  margin-left: calc(33.33% - 448px);
  width: 384px;
  padding-top: 37px;
  background: var(--fc-black);
}

.s-fc .s-fc__card--themes {
  margin-left: 32.109375px;
  width: 384px;
  padding-top: 50px;
  background: var(--surface-page);
}

.s-fc .s-fc__cat {
  position: absolute;
  right: 4px;
  bottom: 104px;
  width: 258px;
  aspect-ratio: 300 / 212;
  height: auto;
  pointer-events: none;
}

.s-fc .s-fc__card--social {
  margin-left: 110px;
  width: 488px;
  padding-top: 61px;
  background: var(--surface-page);
}

.s-fc .s-fc__card--notify {
  margin-left: calc(41.67% - 566px);
  width: 696px;
  padding-top: 106px;
  background: var(--fc-black);
}

.s-fc .s-fc__mock {
  position: absolute;
  inset: 0;
}

.s-fc .s-fc__title {
  font-family: var(--serif);
  font-size: 32px;
  font-weight: 600;
  line-height: 44.288px;
  letter-spacing: normal;
  white-space: nowrap;
  width: max-content;
  color: var(--ink-strong);
  font-variation-settings: "SOFT" 0, "WONK" 0;
}

.s-fc .s-fc__title--light {
  color: var(--ink-invert);
}

.s-fc .s-fc__text {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--ink-muted);
}

.s-fc .s-fc__card--ai .s-fc__title {
  margin-left: 54px;
}

.s-fc .s-fc__text--ai {
  margin: 23.71875px 0 0 54px;
  width: 318px;
  color: var(--fc-dim);
}

.s-fc .s-fc__badge {
  position: absolute;
  left: 42px;
  top: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 47px;
  padding: 6px 12px 5px 6px;
  border-radius: var(--r-sm);
  background: var(--surface);
}

.s-fc .s-fc__badge-art {
  position: relative;
  display: block;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: var(--r-xs);
  overflow: hidden;
}

.s-fc .s-fc__badge-art img {
  position: absolute;
  left: 11%;
  top: 10.63%;
  width: 80.18%;
  height: 80.18%;
  max-width: none;
}

.s-fc .s-fc__badge-label {
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  color: var(--ink);
}

.s-fc .s-fc__search {
  position: absolute;
  left: 228.046875px;
  top: 94px;
  display: flex;
  align-items: flex-start;
  width: 366px;
  height: 57px;
  padding-left: 14px;
  border-radius: var(--r-pill);
  background: var(--surface-panel);
}

.s-fc .s-fc__search-icon {
  flex: none;
  width: 32px;
  height: 32px;
  margin-top: 12px;
}

.s-fc .s-fc__search-rule {
  flex: none;
  width: 1px;
  height: 24px;
  margin: 17px 0 0 6px;
}

.s-fc .s-fc__search-text {
  margin: 17px 0 0 11.953125px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 500;
  line-height: 24.5px;
  white-space: nowrap;
  color: var(--ink-invert);
}

.s-fc .s-fc__spark {
  position: absolute;
  left: 401.652px;
  top: 197.98px;
  width: 14.824px;
  height: 17.836px;
}

.s-fc .s-fc__match {
  position: absolute;
  left: 452.822px;
  top: 190px;
  transform: translateX(-50%);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  line-height: 33.474px;
  text-align: center;
  white-space: nowrap;
  color: var(--ink-dim);
}

.s-fc .s-fc__result {
  position: absolute;
  left: 395.952px;
  top: 229px;
  display: block;
  width: 279px;
  height: 78px;
  border-radius: 8px;
  background: var(--surface-panel);
}

.s-fc .s-fc__result-art {
  position: absolute;
  left: 13.6875px;
  top: 14.59px;
  display: block;
  width: 50.172px;
  height: 50.172px;
  border-radius: 4px;
  overflow: hidden;
}

.s-fc .s-fc__result-art img,
.s-fc .s-fc__album-art img,
.s-fc .s-fc__app img,
.s-fc .s-fc__nart img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-fc .s-fc__result-title {
  position: absolute;
  left: 77.546875px;
  top: 13.45px;
  font-family: var(--sans);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 27.275px;
  white-space: nowrap;
  color: var(--ink-invert);
}

.s-fc .s-fc__result-sub {
  position: absolute;
  left: 77.546875px;
  top: 31.7px;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  line-height: 33.474px;
  text-align: left;
  white-space: nowrap;
  color: var(--ink-dim);
}

.s-fc .s-fc__card--song .s-fc__title {
  margin-left: 37px;
}

.s-fc .s-fc__text--song {
  margin: 16.71875px 0 0 32px;
  width: 273px;
}

.s-fc .s-fc__album {
  position: absolute;
  left: 247.0625px;
  top: 35px;
  display: block;
  width: 208px;
  height: 215px;
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}

.s-fc .s-fc__album-art {
  position: absolute;
  left: 49.952px;
  top: 33px;
  display: block;
  width: 107px;
  height: 107px;
  border-radius: var(--r-md);
  overflow: hidden;
}

.s-fc .s-fc__album-title {
  position: absolute;
  left: 103.452px;
  top: 157px;
  transform: translateX(-50%);
  text-align: center;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 19.963px;
  white-space: nowrap;
  color: var(--fc-black);
}

.s-fc .s-fc__album-sub {
  position: absolute;
  left: 103.452px;
  top: 173px;
  transform: translateX(-50%);
  text-align: center;
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 400;
  line-height: 24.5px;
  white-space: nowrap;
  color: var(--ink-muted);
}

.s-fc .s-fc__wave {
  position: absolute;
  left: 55px;
  top: 97px;
  display: block;
  width: 208px;
  height: 59px;
  border-radius: var(--r-md);
  background: var(--fc-black);
  box-shadow: var(--shadow-card);
}

.s-fc .s-fc__wave-art {
  position: absolute;
  left: 19.109375px;
  top: 14px;
  width: 55px;
  height: 32px;
}

.s-fc .s-fc__bars {
  position: absolute;
  left: 79.109375px;
  top: 12px;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 34px;
}

.s-fc .s-fc__bar {
  width: 5px;
  background: var(--surface-scrim);
  border-radius: var(--r-pill) var(--r-pill) 0 0;
}

.s-fc .s-fc__bar--1 { height: 27px; }
.s-fc .s-fc__bar--2 { height: 34px; }
.s-fc .s-fc__bar--3 { height: 21px; }
.s-fc .s-fc__bar--4 { height: 27px; }
.s-fc .s-fc__bar--5 { height: 15px; }
.s-fc .s-fc__bar--6 { height: 9px; }

.s-fc .s-fc__wave-time {
  position: absolute;
  left: 163.0625px;
  top: 20px;
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 400;
  line-height: 24.5px;
  white-space: nowrap;
  color: var(--fc-dim);
}

.s-fc .s-fc__card--party .s-fc__title {
  margin-left: 31px;
}

.s-fc .s-fc__text--party {
  margin: 12.71875px 0 0 35px;
  width: 273px;
  font-size: 15px;
  line-height: 24.5px;
}

.s-fc .s-fc__sync {
  position: absolute;
  left: 79.952px;
  top: 63px;
  display: block;
  overflow: hidden;
  width: 224px;
  height: 102px;
  border-radius: 12px;
  background: var(--surface-panel);
}

.s-fc .s-fc__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) brightness(0.82);
}

.s-fc .s-fc__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 13, 16, 0.18) 0%, rgba(11, 13, 16, 0.72) 100%);
}

.s-fc .s-fc__cursor {
  position: absolute;
  left: 150px;
  top: 11px;
  display: flex;
  align-items: flex-start;
  gap: 3px;
  color: rgb(255, 149, 55);
}

.s-fc .s-fc__cursor svg {
  width: 12px;
  height: 14px;
  flex: none;
}

.s-fc .s-fc__cursor-name {
  margin-top: 9px;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgb(255, 149, 55);
  font-family: var(--sans);
  font-size: 9.5px;
  font-weight: 600;
  line-height: 13px;
  color: var(--fc-black);
}

.s-fc .s-fc__sync-text {
  position: absolute;
  left: 40px;
  top: 41px;
  width: 145px;
  height: 44.737px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  line-height: 24.5px;
  color: var(--ink-invert);
}

.s-fc .s-fc__pill {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 40px;
  padding: 7px 13px;
}

.s-fc .s-fc__pill-bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 40px;
  border-radius: var(--r-pill);
  background: var(--surface);
  box-shadow: var(--shadow-chip);
}

.s-fc .s-fc__pill-row {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  gap: 6px;
}

.s-fc .s-fc__pill-row img {
  flex: none;
  width: 9px;
  height: 9px;
}

.s-fc .s-fc__pill-name {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 25.063px;
  text-align: center;
  white-space: nowrap;
  color: var(--fc-black);
}

.s-fc .s-fc__pill--marcus { left: 52px; top: 42px; }
.s-fc .s-fc__pill--marcus .s-fc__pill-bg { width: 104px; }
.s-fc .s-fc__pill--ana { left: 261.048px; top: 37px; }
.s-fc .s-fc__pill--ana .s-fc__pill-bg { width: 73px; }
.s-fc .s-fc__pill--james { left: 138.952px; top: 145px; }
.s-fc .s-fc__pill--james .s-fc__pill-bg { width: 90px; }

.s-fc .s-fc__card--cast .s-fc__title {
  margin-left: 40px;
}

.s-fc .s-fc__text--cast {
  margin: 12.71875px 0 0 44px;
  width: 273px;
  font-size: 15px;
  line-height: 24.5px;
  color: var(--fc-dim);
}

.s-fc .s-fc__devices {
  display: grid;
  row-gap: 14px;
  margin: 30.5px 0 0 29px;
}

.s-fc .s-fc__device {
  display: flex;
  align-items: center;
  width: 311px;
  height: 57px;
  padding: 0 18px;
  border-radius: 8px;
  background: var(--surface-panel);
}

.s-fc .s-fc__device-icon {
  flex: none;
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.s-fc .s-fc__device--off .s-fc__device-icon {
  opacity: 0.42;
}

.s-fc .s-fc__device-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #77f251;
}

.s-fc .s-fc__device--off .s-fc__device-dot {
  background: #5c5c5c;
}

.s-fc .s-fc__device-name {
  flex: 1 1 auto;
  margin: 0 12px 0 13px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  line-height: 24.5px;
  white-space: nowrap;
  color: var(--ink-invert);
}

.s-fc .s-fc__device-name--off {
  color: var(--fc-ghost);
}

.s-fc .s-fc__swatches {
  position: relative;
  display: flex;
  gap: 10px;
  width: 324px;
  height: 88px;
  margin-left: 33px;
  padding: 26px 0 0 25px;
  border-radius: 12px;
  background: var(--surface);
}
.s-fc .s-fc__swatches::after {
  content: "";
  position: absolute;
  left: 42%;
  bottom: -34px;
  width: 40px;
  height: 40px;
  background: var(--surface);
  clip-path: path("M0 0 L40 0 C40 0 34 24 11 40 C11 40 8 17 0 0 Z");
  transform: scaleX(-1);
}

.s-fc .s-fc__swatch {
  flex: none;
  width: 62px;
  height: 35px;
  border-radius: var(--r-xs);
}

.s-fc .s-fc__swatch--1 { background: rgb(73, 119, 244); }
.s-fc .s-fc__swatch--2 { background: rgb(124, 126, 248); }
.s-fc .s-fc__swatch--3 { background: rgb(208, 128, 166); }
.s-fc .s-fc__swatch--4 { background: rgb(255, 149, 55); }

.s-fc .s-fc__card--themes .s-fc__title {
  margin: 68px 0 0 26px;
}

.s-fc .s-fc__text--themes {
  margin: 18.71875px 0 0 33px;
  width: 325px;
}

.s-fc .s-fc__card--social .s-fc__title {
  margin-left: 53px;
}

.s-fc .s-fc__text--social {
  margin: 12.71875px 0 0 57px;
  width: 344px;
  line-height: 27px;
}

.s-fc .s-fc__faces {
  display: flex;
  margin: 37px 0 0 64px;
}

.s-fc .s-fc__faces li {
  position: relative;
  flex: none;
  width: 65px;
  height: 65px;
}

.s-fc .s-fc__faces li:nth-child(2) { margin-left: -6.0625px; }
.s-fc .s-fc__faces li:nth-child(3) { margin-left: -5.890625px; }
.s-fc .s-fc__faces li:nth-child(4) { margin-left: -6px; }

.s-fc .s-fc__face {
  position: absolute;
  inset: -9.23%;
  overflow: hidden;
  border-radius: 50%;
  border: 3px solid var(--surface-page);
  box-sizing: border-box;
}

.s-fc .s-fc__faces img {
  width: 100%;
  height: 100%;
  max-width: none;
}

.s-fc .s-fc__card--notify .s-fc__title {
  margin-left: 56px;
}

.s-fc .s-fc__text--notify {
  margin: 29.71875px 0 0 60px;
  width: 260px;
  color: var(--fc-dim);
}

.s-fc .s-fc__curve {
  position: absolute;
  left: 365px;
  top: 0;
  display: block;
  width: 333px;
  height: 300px;
}

.s-fc .s-fc__curve-in {
  position: absolute;
  inset: 0 0 -1% -0.9%;
}

.s-fc .s-fc__curve img {
  width: 100%;
  height: 100%;
  max-width: none;
}

.s-fc .s-fc__app {
  position: absolute;
  top: 41px;
  display: block;
  width: 82.165px;
  height: 82.165px;
  border-radius: 12px;
  overflow: hidden;
}

.s-fc .s-fc__app--tg { left: 462.953125px; }
.s-fc .s-fc__app--dc { left: 559.744px; }

.s-fc .s-fc__note {
  position: absolute;
  inset: 0;
}

.s-fc .s-fc__nbox {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-fc .s-fc__ntilt {
  flex: none;
}

.s-fc .s-fc__nplate {
  display: block;
  width: 221px;
  height: 69px;
  border-radius: 8px;
  background: var(--surface-panel);
}

.s-fc .s-fc__nart {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
}

.s-fc .s-fc__ntitle {
  display: block;
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 23.92px;
  white-space: nowrap;
  color: var(--ink-invert);
}

.s-fc .s-fc__nsub {
  display: block;
  font-family: var(--sans);
  font-size: 9.5px;
  font-weight: 400;
  line-height: 29.356px;
  white-space: nowrap;
  color: var(--ink-dim);
}

.s-fc .s-fc__nsub--mid {
  text-align: center;
}

.s-fc .s-fc__note--a .s-fc__ntilt { transform: rotate(10.4deg); }
.s-fc .s-fc__note--b .s-fc__ntilt { transform: rotate(-12.41deg); }

.s-fc .s-fc__note--a .s-fc__nbox--plate {
  left: 315px;
  top: 113px;
  width: 229.827px;
  height: 107.773px;
}

.s-fc .s-fc__note--a .s-fc__nbox--art {
  left: 328.97px;
  top: 127.95px;
  width: 51.222px;
  height: 51.222px;
}

.s-fc .s-fc__note--a .s-fc__nbox--title {
  left: 397px;
  top: 137.08px;
  width: 85.969px;
  height: 38.593px;
}

.s-fc .s-fc__note--a .s-fc__nbox--sub {
  left: 380px;
  top: 152.9px;
  width: 105.741px;
  height: 47.926px;
}

.s-fc .s-fc__note--b .s-fc__nbox--plate {
  left: 390.952px;
  top: 228px;
  width: 230.664px;
  height: 114.879px;
}

.s-fc .s-fc__note--b .s-fc__nbox--art {
  left: 405.462px;
  top: 276.15px;
  width: 52.427px;
  height: 52.427px;
}

.s-fc .s-fc__note--b .s-fc__nbox--title {
  left: 440.8px;
  top: 242.3px;
  width: 142.863px;
  height: 53.739px;
}

.s-fc .s-fc__note--b .s-fc__nbox--sub {
  left: 460.8px;
  top: 265.35px;
  width: 109.97px;
  height: 52.077px;
}

@media (width < 1440px) {
  .s-fc {
    padding-block: 24px 88px;
  }

  .s-fc .s-fc__row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding-inline: var(--gutter);
  }

  .s-fc .s-fc__row--b,
  .s-fc .s-fc__row--c {
    margin-top: 24px;
  }

  .s-fc .s-fc__card {
    margin-left: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .s-fc .s-fc__card--ai,
  .s-fc .s-fc__card--notify {
    width: 696px;
  }

  .s-fc .s-fc__card--song {
    width: 494px;
  }

  .s-fc .s-fc__card--social {
    width: 488px;
  }

  .s-fc .s-fc__cat {
    right: 12px;
    width: 210px;
  }

  .s-fc .s-fc__match,
  .s-fc .s-fc__result-sub,
  .s-fc .s-fc__album-title,
  .s-fc .s-fc__album-sub,
  .s-fc .s-fc__wave-time,
  .s-fc .s-fc__nsub {
    font-size: 12px;
  }

  .s-fc .s-fc__cursor-name {
    font-size: 12px;
    line-height: 13px;
  }

  .s-fc .s-fc__nbox--sub {
    justify-content: flex-start;
  }
}

@media (width < 1280px) {
  .s-fc {
    padding-block: 24px 64px;
  }

  .s-fc .s-fc__row {
    padding-inline: var(--gutter);
  }

  .s-fc .s-fc__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 32px 24px;
  }

  .s-fc .s-fc__card + .s-fc__card {
    margin-top: 24px;
  }

  .s-fc .s-fc__card .s-fc__title {
    margin: 0;
    width: auto;
    max-width: 100%;
    white-space: normal;
  }

  .s-fc .s-fc__text {
    align-self: stretch;
    margin: 14px 0 0;
    width: auto;
    max-width: 48ch;
  }

  .s-fc .s-fc__mock {
    position: static;
    order: 2;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-top: 28px;
  }

  .s-fc .s-fc__badge,
  .s-fc .s-fc__search,
  .s-fc .s-fc__spark,
  .s-fc .s-fc__match,
  .s-fc .s-fc__result,
  .s-fc .s-fc__album,
  .s-fc .s-fc__wave,
  .s-fc .s-fc__sync,
  .s-fc .s-fc__pill,
  .s-fc .s-fc__curve,
  .s-fc .s-fc__app,
  .s-fc .s-fc__note {
    position: relative;
    left: auto;
    top: auto;
    inset: auto;
    flex: none;
    max-width: 100%;
    transform: none;
  }

  .s-fc .s-fc__search {
    overflow: hidden;
  }

  .s-fc .s-fc__search-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
  }

  .s-fc .s-fc__match {
    order: 4;
    margin: 0 0 0 22px;
    text-align: left;
  }

  .s-fc .s-fc__spark {
    order: 3;
    margin: 8px 0 -44px;
  }

  .s-fc .s-fc__result {
    order: 5;
  }

  .s-fc .s-fc__mock--notify {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
    row-gap: 20px;
    width: 100%;
    max-width: 344px;
  }

  .s-fc .s-fc__app {
    grid-row: 1;
    width: 56px;
    height: 56px;
    border-radius: 12px;
  }

  .s-fc .s-fc__app--tg { grid-column: 1; }
  .s-fc .s-fc__app--dc { grid-column: 2; }

  .s-fc .s-fc__curve {
    display: none;
  }

  .s-fc .s-fc__note {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    row-gap: 1px;
    width: auto;
    height: auto;
    padding: 13px 15px;
  }

  .s-fc .s-fc__note--a { grid-row: 2; transform: rotate(-1.8deg); }
  .s-fc .s-fc__note--b { grid-row: 3; transform: rotate(1.8deg); }

  .s-fc .s-fc__note .s-fc__nbox {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    justify-content: flex-start;
  }

  .s-fc .s-fc__note .s-fc__nbox--plate {
    position: absolute;
    inset: 0;
  }

  .s-fc .s-fc__nbox--plate .s-fc__ntilt {
    flex: 1 1 auto;
    align-self: stretch;
  }

  .s-fc .s-fc__nplate {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  .s-fc .s-fc__note .s-fc__nbox--art {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 44px;
    height: 44px;
  }

  .s-fc .s-fc__note .s-fc__nbox--title {
    grid-column: 2;
    grid-row: 1;
  }

  .s-fc .s-fc__note .s-fc__nbox--sub {
    grid-column: 2;
    grid-row: 2;
  }

  .s-fc .s-fc__note .s-fc__ntilt {
    transform: none;
  }

  .s-fc .s-fc__ntitle {
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
  }

  .s-fc .s-fc__nsub {
    line-height: 16px;
    text-align: left;
    white-space: normal;
  }

  .s-fc .s-fc__mock--party {
    position: relative;
    display: block;
    width: 100%;
    max-width: 320px;
    padding-bottom: 26px;
  }

  .s-fc .s-fc__sync {
    width: calc(100% - 52px);
    max-width: 264px;
    height: auto;
    aspect-ratio: 224 / 102;
    margin-left: 26px;
  }

  .s-fc .s-fc__pill {
    position: absolute;
  }

  .s-fc .s-fc__pill--marcus { left: 0; top: 0; }
  .s-fc .s-fc__pill--ana { left: auto; right: 6px; top: -6px; }
  .s-fc .s-fc__pill--james { left: 50%; bottom: 0; transform: translateX(-46%); }

  .s-fc .s-fc__sync-text {
    left: 16%;
    top: 45%;
  }

  .s-fc .s-fc__cursor {
    left: 62%;
    top: 9%;
  }

  .s-fc .s-fc__cat {
    position: relative;
    right: auto;
    bottom: auto;
    align-self: flex-end;
    width: 196px;
    max-width: 66%;
    margin: -18px 0 -12px;
  }

  .s-fc .s-fc__devices {
    align-self: stretch;
    margin: 26px 0 0;
  }

  .s-fc .s-fc__device {
    width: 100%;
    max-width: 311px;
  }

  .s-fc .s-fc__swatches {
    align-self: stretch;
    width: auto;
    max-width: 324px;
    margin: 0 0 4px;
    padding: 26px 25px 27px;
  }

  .s-fc .s-fc__swatch {
    flex: 1 1 0;
    width: auto;
  }

  .s-fc .s-fc__faces {
    margin: 26px 0 0;
  }
}

@media (max-width: 560px) {
  .s-fc .s-fc__title {
    font-size: 28px;
    line-height: 38px;
  }

  .s-fc .s-fc__card {
    padding: 28px 20px;
  }
}