/*
 * Return the rem of a pixel's value
 *
 * Sample: pxToRem(50)
 * Result: 3.125rem
 */
/*
 * Return the percent ratio from width and height
 *
 * Sample: ratio(16, 9)
 * Result: 56.25%
 */
/*
 * Return the rem of a pixel's value
 *
 * Sample: pxToRem(50)
 * Result: 3.125rem
 */
/*
 * Return the percent ratio from width and height
 *
 * Sample: ratio(16, 9)
 * Result: 56.25%
 */
.information-box {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #e5e5e5; }
  .information-box__title {
    display: flex;
    justify-content: center;
    align-items: center; }
    .information-box__title .title-with-level {
      margin-left: 0.6875rem; }
  .information-box__icon {
    display: flex; }
    .information-box__icon svg {
      width: 1.5rem;
      height: 1.5rem; }
  .information-box__message {
    margin-left: 2.1875rem;
    font-size: 0.9375rem; }
  .information-box.information-box_error {
    border: 0.0625rem solid #d70000; }
    .information-box.information-box_error .information-box__title {
      color: #d70000; }
    .information-box.information-box_error .information-box__icon svg {
      fill: #d70000; }