/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 7, src/hub/components/module/embed/_embed.scss */
.embed-module {
  margin-bottom: 25px;
}

/* line 177, src/hub/sass/_module.scss */
.embed-module section,
.embed-module div,
.embed-module article {
  box-sizing: border-box;
}

@media (max-width: 760px) {
  /* line 7, src/hub/components/module/embed/_embed.scss */
  .embed-module {
    margin-bottom: 25px;
  }
}

/* line 189, src/hub/sass/_module.scss */
.embed-module.client-autofill, .embed-module.client-autofill--broken {
  display: none;
}

/* line 193, src/hub/sass/_module.scss */
.embed-module.client-autofill--loaded {
  display: block;
}

/* line 10, src/hub/components/module/embed/_embed.scss */
.embed-module__title {
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
}

/* line 25, src/hub/sass/_fonts.scss */
.embed-module__title:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 14, src/hub/components/module/embed/_embed.scss */
.embed-module .thirdparty-embed {
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 100%;
}

/* line 7, src/hub/sass/_third_party_embed.scss */
.embed-module .thirdparty-embed .inline-media {
  float: none;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* line 14, src/hub/sass/_third_party_embed.scss */
.embed-module .thirdparty-embed__container {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 21, src/hub/sass/_third_party_embed.scss */
.embed-module .thirdparty-embed__iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 29, src/hub/sass/_third_party_embed.scss */
.embed-module .thirdparty-embed iframe {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  border: 0 none;
}

/* line 17, src/hub/components/module/embed/_embed.scss */
.embed-module .thirdparty-embed iframe {
  width: 100%;
}

/* line 22, src/hub/components/module/embed/_embed.scss */
.embed-module__button-text {
  display: block;
  border: 1px solid;
  color: #000000;
  text-decoration: none;
  padding: 12px 10px;
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  max-width: 140px;
  margin: 10px auto 0;
  user-select: none;
  transition: color 0.2s ease-out;
}

/* line 25, src/hub/sass/_fonts.scss */
.embed-module__button-text:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 36, src/hub/components/module/embed/_embed.scss */
.embed-module__button-text:hover {
  color: #767676;
}

/* line 44, src/hub/components/module/embed/_embed.scss */
.hub-main[data-theme="dark"] .embed-module__title {
  color: #FFFFFF;
}

/* line 48, src/hub/components/module/embed/_embed.scss */
.hub-main[data-theme="dark"] .embed-module__button-text {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

/* line 52, src/hub/components/module/embed/_embed.scss */
.hub-main[data-theme="dark"] .embed-module__button-text:hover {
  color: #CCCCCC;
  border-color: #CCCCCC;
}

/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 5, src/hub/components/module/embed/embed.desktop.scss */
.embed-module__title {
  margin-bottom: 10px;
  font-size: 18px;
}