/* line 1, custom-user.scss */
iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {
  max-width: 100%; }

/* line 2, custom-user.scss */
.product-youtube {
  position: relative;
  max-width: 560px;
  height: 0;
  background-color: #000000;
  padding-bottom: 25.5%;
  margin-bottom: 15px; }

/* line 11, custom-user.scss */
.product-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (max-width: 768px) {
  /* line 20, custom-user.scss */
  iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {
    width: calc(100vw - 18px * 2);
    height: calc((100vw - 64px * 2) / 16 * 9); }

  /* line 24, custom-user.scss */
  .product-youtube {
    padding-bottom: 53%; }

  /* line 27, custom-user.scss */
  .product-youtube iframe {
    height: auto; } }