.b-webcam .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-webcam .b__content + .b__webcam {
  margin-top: var(--block-spacing);
}
.b-webcam .b__webcam {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-webcam .c-webcam {
  width: 100%;
}
.b-webcam .c-webcam__item .c-media {
  position: unset;
  aspect-ratio: 16/9;
  width: 100%;
}
.b-webcam .c-webcam + .c-webcam-thumbnails {
  margin-top: clamp(0.5rem, 0.51vw + 0.38rem, 1rem);
}

@media (min-width: 1280px) {
  .b-webcam .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-webcam .b__webcam {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}

/*# sourceMappingURL=style.css.map */