/*
    Version 0.0.5

    Styles related to piano integration, specifically related to the inline blocker.

    Copyright (c) 2022 The Japan Times, Ltd.
    All rights reserved.
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
  .blocker-error {
    text-align: center;
    background-color: #fff;
  }

  .blocker {
    background-color: #fff;
    position: relative;
    padding: 30px 0 0;
  }

  .blocker:before {
    display: block;
    content: '';
    background: -moz-linear-gradient(top,transparent,rgba(255,255,255,1));
    background: -webkit-linear-gradient(top,transparent,rgba(255,255,255,1));
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: -200px;
  }

  .blocker-error h3{
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-bottom: 15px !important;
  }

  .blocker-error p{
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 12px !important;
    line-height: 170% !important;
    margin-bottom: 0 !important;
  }