/* stylelint-disable */

/* below the fold CSS goes here */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-ThinItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-LightItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-MediumItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSans-BlackItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Serif";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/book/styles/fonts/NotoSerif-LightItalic.woff2") format("woff2");
}

@font-face {
  font-family: wj-glyphs;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/book/styles/fonts/wj-glyphs.woff2") format("woff2");
}


/* cookie consent */


.wj-header-usercookies{
  display:none;
  position:fixed;
  z-index:110;
  bottom:0;
  left:0;
  right:0;
  font-size:1.2rem;
  color:#fff;
  background-color:rgba(0,0,0,0.8)
}
@media print{
  .wj-header-usercookies{
      display:none !important
  }
}
.wj-header-usercookies.open{
  display:block
}
@media (min-width: 768px){
  .wj-header-usercookies__content{
      display:flex;
      justify-content:space-between;
      align-items:center
  }
}
@media (min-width: 768px){
  .wj-header-usercookies__text{
      max-width:39rem
  }
}
@media (min-width: 1200px){
  .wj-header-usercookies__text{
      max-width:none
  }
}

.wj-header-usercookies__text p{
  margin:0;
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:normal;
  color:#fff
}
.wj-header-usercookies__text p:empty{
  display:none
}
.wj-header-usercookies__text a{
  text-decoration:underline;
  color:#fff;
}
.wj-header-usercookies__text a:hover{
  color:#fff !important
}
.wj-header-usercookies__accept{
  margin-top:24px;
  padding:12px 24px;
  border-radius:4px;
  border:solid 1px #fff;
  background-color:transparent
}

@media (min-width: 768px){
  .wj-header-usercookies__accept{
      margin:0
  }

  .wj-header-usercookies {
    padding: 0 32px;
  }
}
.wj-header-usercookies__accept:hover{
  background-color:transparent
}
.wj-header-usercookies__accept-text{
  font-weight: 600;
  text-transform: uppercase;
  font-size:12px;
  display:block;
  color:#fff;
  text-decoration:none;
  padding-bottom:0;
  border-bottom:none;
  line-height:1.33;
  letter-spacing:0.312rem
}
.wj-header-usercookies__accept-text:hover{
  color:#fff !important
}
.wj-header-usercookies .alert{
  border:none;
  border-radius:0;
  margin-bottom:0;
  padding:1.6rem 2.4rem
}
@media (min-width: 768px){
  .wj-header-usercookies .alert{
      text-align:left;
      padding:1.6rem 0
  }
}
.aem-AuthorLayer-Edit .wj-header-usercookies{
  display:block !important;
  position:relative !important
}


main .book-widget-wrapper {
  width: 100%;
  max-width: 480px;
  margin: auto;
}

main .book-widget-wrapper button {
  width: unset;
}

@media (min-width: 900px) {
  main .book-widget-wrapper {
    top: 16px;
    left: 100px;
    position: absolute;
  }
}

@media (min-width: 1200px) {
  main .book-widget-wrapper {
    top: 16px;
    left: calc((100vw - 936px) / 2);
    position: absolute;
  }
}