.rendered-block span, .code-table span {
  color: inherit; }

.rendered-block .primary-text, .code-table .primary-text {
  color: #007bff; }

.rendered-block .secondary-text, .code-table .secondary-text {
  color: #fd7e14; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%;
    touch-action: manipulation; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: manipulation;
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
      border-radius: 50%;
      box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }
  .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none; }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4); }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%; }
  .ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: calc(100% / 3 * 2); }
  .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px; }
  .ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: calc(100% / 3 * 2); }
  .ReactCrop__drag-handle {
    position: absolute; }
    .ReactCrop__drag-handle::after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-sizing: border-box;
      outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
    .ReactCrop .ord-nw::after {
      top: 0;
      left: 0; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
    .ReactCrop .ord-n::after {
      top: 0; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
    .ReactCrop .ord-ne::after {
      top: 0;
      right: 0; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
    .ReactCrop .ord-e::after {
      right: 0; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
    .ReactCrop .ord-se::after {
      bottom: 0;
      right: 0; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
    .ReactCrop .ord-s::after {
      bottom: 0; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
    .ReactCrop .ord-sw::after {
      bottom: 0;
      left: 0; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
    .ReactCrop .ord-w::after {
      left: 0; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
      display: none; }
    .ReactCrop__drag-handle {
      width: 24px;
      height: 24px; } }

.rating .saving {
  display: block;
  text-align: center; }

.rating .stars:hover {
  cursor: pointer; }

.rating .stars .material-icons {
  color: #e9ecef; }
  .rating .stars .material-icons.active {
    color: #ffc107; }

.book-review-component {
  display: flex;
  margin-top: 8px; }
  .book-review-component .rating {
    width: calc(100% - 20px);
    margin-right: 2px;
    flex-grow: 0; }
    .book-review-component .rating .stars {
      width: 100%;
      white-space: nowrap; }
      .book-review-component .rating .stars .material-icons {
        width: 20%;
        font-size: 19px; }
        @media (min-width: 576px) {
          .book-review-component .rating .stars .material-icons {
            font-size: 22px; } }
  .book-review-component .edit-review {
    flex-grow: 0;
    font-size: 17px; }
    @media (min-width: 576px) {
      .book-review-component .edit-review {
        font-size: 18px; } }

.book-review-modal .alert-danger {
  margin-top: 10px; }

.book-review-modal fieldset .fieldset-rating-wrapper {
  display: flex; }
  .book-review-modal fieldset .fieldset-rating-wrapper .cancel {
    margin-top: 3px;
    margin-left: 10px;
    display: inline-block;
    font-size: inherit;
    color: #495057; }
    .book-review-modal fieldset .fieldset-rating-wrapper .cancel:hover {
      cursor: pointer; }

.book-review-modal .comment-fieldset label {
  display: block; }

.book-review-modal .comment-fieldset textarea {
  box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12);
  display: block;
  width: 100%;
  padding: 5px 10px;
  height: 165px; }

.book .book-actions-form, .book-series .book-actions-form {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  text-align: center; }
  .book .book-actions-form .dropdown, .book-series .book-actions-form .dropdown {
    display: flex; }
  .book .book-actions-form .dropdown-item, .book-series .book-actions-form .dropdown-item {
    font-size: 16px; }
  .book .book-actions-form .btn-group, .book-series .book-actions-form .btn-group {
    width: 100%;
    justify-content: center; }
  .book .book-actions-form .action-button, .book-series .book-actions-form .action-button {
    padding: 6px 4px; }
    .book .book-actions-form .action-button.btn-success, .book-series .book-actions-form .action-button.btn-success {
      padding: 6px 6px; }
    @media (min-width: 576px) {
      .book .book-actions-form .action-button, .book-series .book-actions-form .action-button {
        padding: 6px 8px; }
        .book .book-actions-form .action-button.btn-success, .book-series .book-actions-form .action-button.btn-success {
          padding: 6px 10px; } }
  .book .book-actions-form .dropdown-split-basic, .book-series .book-actions-form .dropdown-split-basic {
    padding: 3px 4px; }
    @media (min-width: 576px) {
      .book .book-actions-form .dropdown-split-basic, .book-series .book-actions-form .dropdown-split-basic {
        padding: 3px 8px; } }
  .book .book-actions-form .dropdown-split-basic, .book-series .book-actions-form .dropdown-split-basic {
    flex-grow: 0;
    width: 30px;
    font-size: 16px; }
  .book .book-actions-form .action-button, .book-series .book-actions-form .action-button {
    display: flex;
    align-items: center;
    flex-grow: 0;
    max-width: calc(100% - 30px);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .book .book-actions-form .action-button .status-display, .book-series .book-actions-form .action-button .status-display {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .book .book-actions-form .action-button .material-icons, .book-series .book-actions-form .action-button .material-icons {
      color: #5cb85c;
      margin-right: 2px;
      font-weight: 800;
      font-size: 16px; }

.remove-book-modal-body .book-title {
  color: #6c757d;
  font-weight: 800;
  text-decoration: underline; }

.set-default-action-modal .modal-dialog {
  width: 300px;
  margin: 0.5rem auto; }
  @media (min-width: 576px) {
    .set-default-action-modal .modal-dialog {
      margin: 1.75rem auto; } }

.set-default-action-modal .modal-footer .btn {
  width: 100%; }

.additional-options-modal .modal-dialog {
  max-width: 1000px; }

.additional-options-modal .book-modal-header {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  background: #093854;
  padding: 20px 20px 0 20px;
  display: flex;
  align-items: flex-end;
  position: relative; }
  @media (min-width: 576px) {
    .additional-options-modal .book-modal-header {
      padding: 20px 40px 0 40px; } }
  .additional-options-modal .book-modal-header .book-title {
    color: white;
    font-weight: 400;
    margin-left: 10px;
    margin-bottom: 10px; }
  .additional-options-modal .book-modal-header .modal-close {
    color: #dee2e6;
    position: absolute;
    top: 10px;
    right: 10px; }
  .additional-options-modal .book-modal-header img {
    width: 120px;
    height: 160px;
    position: relative;
    bottom: -30px; }

.additional-options-modal .date-block {
  display: flex;
  flex-direction: column; }
  .additional-options-modal .date-block .dates-section {
    margin: 10px 0px; }
    .additional-options-modal .date-block .dates-section.disabled {
      opacity: 0.4; }
    @media (min-width: 768px) {
      .additional-options-modal .date-block .dates-section {
        margin: 0 10px 10px 10px; } }
  .additional-options-modal .date-block .dates-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px; }
    .additional-options-modal .date-block .dates-section-header a {
      color: #007bff; }
      .additional-options-modal .date-block .dates-section-header a:hover {
        color: #0062cc; }
    .additional-options-modal .date-block .dates-section-header label, .additional-options-modal .date-block .dates-section-header a {
      margin-bottom: 0;
      font-size: 14px; }
  .additional-options-modal .date-block .date-fieldset {
    display: flex; }
    .additional-options-modal .date-block .date-fieldset select {
      margin: 0 1px; }
      .additional-options-modal .date-block .date-fieldset select:first-child {
        margin-left: 0; }
    .additional-options-modal .date-block .date-fieldset .year-select {
      width: 85px; }
    .additional-options-modal .date-block .date-fieldset .month-select {
      min-width: 80px;
      max-width: 170px; }
      @media (min-width: 373px) {
        .additional-options-modal .date-block .date-fieldset .month-select {
          min-width: 130px; } }
    .additional-options-modal .date-block .date-fieldset .day-select {
      width: 77px; }

.additional-options-modal .main-body {
  padding: 0;
  border-top-right-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }
  .additional-options-modal .main-body .alert-danger {
    margin-top: 10px; }
  .additional-options-modal .main-body .loading-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6c757d;
    visibility: visible; }
    .additional-options-modal .main-body .loading-wrapper.hidden {
      visibility: hidden; }
    .additional-options-modal .main-body .loading-wrapper .gs-spinner {
      margin-left: 5px;
      width: 14px;
      height: 14px; }
  .additional-options-modal .main-body .main-form {
    padding: 50px 20px 20px 20px;
    display: flex;
    flex-direction: column; }
    @media (min-width: 576px) {
      .additional-options-modal .main-body .main-form {
        padding: 50px 40px 20px 40px; } }
    .additional-options-modal .main-body .main-form .left-hand-side {
      display: inline-flex;
      width: 100%;
      flex-wrap: wrap; }
      @media (min-width: 768px) {
        .additional-options-modal .main-body .main-form .left-hand-side {
          width: calc(100% - 190px); } }
    .additional-options-modal .main-body .main-form label, .additional-options-modal .main-body .main-form select {
      font-size: 16px; }
    .additional-options-modal .main-body .main-form label {
      color: #6c757d;
      font-weight: 500; }
    .additional-options-modal .main-body .main-form .fieldset {
      width: 100%;
      margin: 10px 0px; }
      .additional-options-modal .main-body .main-form .fieldset.disabled {
        opacity: 0.4; }
    @media (min-width: 768px) {
      .additional-options-modal .main-body .main-form {
        flex-direction: row;
        justify-content: space-between; }
        .additional-options-modal .main-body .main-form label {
          font-weight: 400;
          color: #343a40; }
        .additional-options-modal .main-body .main-form .fieldset {
          width: 150px;
          margin: 0 10px 10px 10px; }
          .additional-options-modal .main-body .main-form .fieldset input {
            font-size: 16px; }
        .additional-options-modal .main-body .main-form .user-book-lists {
          width: 170px;
          margin-top: 0px; }
          .additional-options-modal .main-body .main-form .user-book-lists .added {
            margin-top: 0; }
            .additional-options-modal .main-body .main-form .user-book-lists .added .badge {
              padding: 0.25em 0.4em;
              margin: 1px; } }
  .additional-options-modal .main-body .book-lists-header {
    display: inline-flex;
    align-items: center; }
    .additional-options-modal .main-body .book-lists-header label {
      margin-right: 5px;
      margin-bottom: 0; }
    .additional-options-modal .main-body .book-lists-header select {
      max-width: 65px;
      font-size: 16px;
      padding: 0 5px;
      height: 31px; }
  .additional-options-modal .main-body .user-book-lists {
    width: 100%;
    margin-top: 10px; }
    .additional-options-modal .main-body .user-book-lists .added {
      margin-top: 5px; }
      .additional-options-modal .main-body .user-book-lists .added .badge {
        font-weight: 400;
        border: solid 1px #ced4da;
        margin: 3px;
        display: inline-flex;
        padding: 7px 10px; }
        .additional-options-modal .main-body .user-book-lists .added .badge:hover {
          cursor: pointer; }
        .additional-options-modal .main-body .user-book-lists .added .badge .material-icons {
          font-size: 12px;
          margin-left: 2px;
          color: #6c757d; }
    .additional-options-modal .main-body .user-book-lists .no-lists {
      color: #adb5bd;
      font-style: italic;
      font-size: 14px;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 7px; }

.additional-options-modal .modal-footer .remove-button {
  margin-right: auto; }

.key-tags {
  position: relative;
  display: flex;
  align-items: center;
  left: 0;
  top: -10px;
  z-index: 2; }
  .key-tags .free, .key-tags .wanikani {
    margin-left: 5px;
    font-size: 12px;
    color: #5cb85c;
    padding: 2px 4px;
    background: white;
    border: solid 2px #5cb85c;
    border-radius: 5px;
    font-style: italic; }
    .key-tags .free.not-visible, .key-tags .wanikani.not-visible {
      visibility: hidden; }
  .key-tags .wanikani {
    color: #007bff;
    border-color: #007bff;
    font-style: normal;
    cursor: pointer; }

.prize-popover {
  max-width: 310px; }

.prize-img {
  height: 25px; }
  .prize-img:hover {
    cursor: pointer; }

ul.prize-tag-list {
  margin-bottom: 0;
  padding-left: 17px; }

.display-rating-wrapper {
  position: relative;
  width: 5.01em;
  font-size: 18px;
  line-height: 1em; }
  .display-rating-wrapper .stars {
    display: block;
    font-size: inherit;
    color: #ffc107;
    white-space: nowrap; }
    .display-rating-wrapper .stars .material-icons {
      font-size: inherit; }
    .display-rating-wrapper .stars.active {
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      white-space: nowrap; }
  .display-rating-wrapper.alternate .stars .material-icons {
    color: #20c997; }

.general-review-display .username {
  color: #adb5bd;
  font-weight: 500;
  margin-right: 5px; }

.general-review-display .review-sub-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 5px; }

.general-review-display .main-rating-wrapper {
  display: flex;
  align-items: center;
  color: #343a40; }
  .general-review-display .main-rating-wrapper .main-rating {
    margin-left: 5px;
    font-size: 16px; }
  .general-review-display .main-rating-wrapper .display-rating-wrapper {
    margin-top: 3px; }

.general-review-display .review-date {
  color: #adb5bd; }
  .general-review-display .review-date .small-display {
    display: none; }
    @media (min-width: 373px) {
      .general-review-display .review-date .small-display {
        display: inline; } }
    @media (min-width: 576px) {
      .general-review-display .review-date .small-display {
        display: none; } }
  .general-review-display .review-date .large-display {
    display: none; }
    @media (min-width: 576px) {
      .general-review-display .review-date .large-display {
        display: inline; } }

.general-review-display .comments {
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px; }
  .general-review-display .comments p {
    margin-bottom: 8px;
    color: #343a40;
    font-size: inherit;
    word-break: break-word; }
    .general-review-display .comments p:last-child {
      margin-bottom: 0; }

.general-review-display .sub-ratings {
  padding: 5px 10px;
  border: solid 2px #f8f9fa;
  width: 100%; }
  @media (min-width: 576px) {
    .general-review-display .sub-ratings {
      width: 300px; } }
  .general-review-display .sub-ratings .sub-rating-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between; }
    .general-review-display .sub-ratings .sub-rating-wrapper:last-child {
      margin-bottom: 0; }
    .general-review-display .sub-ratings .sub-rating-wrapper label {
      font-size: 10px;
      text-transform: uppercase;
      font-weight: bold;
      width: 160px;
      margin-bottom: 0;
      letter-spacing: 1px; }
    .general-review-display .sub-ratings .sub-rating-wrapper .display-rating-wrapper {
      font-size: 14px; }

.general-review-display.rated .main-rating-wrapper, .general-review-display.rated .username, .general-review-display.rated .review-date {
  font-size: 14px; }
  .general-review-display.rated .main-rating-wrapper .main-rating, .general-review-display.rated .username .main-rating, .general-review-display.rated .review-date .main-rating {
    font-size: 14px; }

.general-review-display.rated.no-additional .review-sub-header {
  margin-bottom: 0; }

.edit-dates-wrapper a.edit-dates-trigger {
  color: #007bff; }
  .edit-dates-wrapper a.edit-dates-trigger:hover {
    color: #0062cc; }

.dates-popover-wrapper {
  max-width: 300px; }

.edit-dates-popover a.add-date-started {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  color: #6c757d; }

.edit-dates-popover .dates-section {
  margin: 10px 0; }
  .edit-dates-popover .dates-section:first-child {
    margin-top: 0; }
  .edit-dates-popover .dates-section .dates-section-header {
    display: flex;
    align-items: center; }
    .edit-dates-popover .dates-section .dates-section-header label, .edit-dates-popover .dates-section .dates-section-header a {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0; }
    .edit-dates-popover .dates-section .dates-section-header a {
      color: #007bff;
      margin-left: 10px; }
      .edit-dates-popover .dates-section .dates-section-header a:hover {
        color: #0062cc; }

.edit-dates-popover .date-fieldset {
  display: flex;
  align-items: center;
  margin: 5px 0; }
  .edit-dates-popover .date-fieldset select {
    margin-right: 5px;
    font-size: 14px; }
  .edit-dates-popover .date-fieldset .year-select {
    width: 80px; }
  .edit-dates-popover .date-fieldset .month-select {
    width: 115px; }
  .edit-dates-popover .date-fieldset .day-select {
    width: 66px; }

.edit-dates-popover .actions {
  text-align: right; }
  .edit-dates-popover .actions button {
    margin-left: 10px;
    font-size: 14px;
    text-transform: lowercase; }

.grading-result-wrapper {
  border-bottom: solid 1px #ced4da;
  padding: 15px 5px; }
  .grading-result-wrapper:last-child {
    border-bottom: none; }
  .grading-result-wrapper .grading-result-header {
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between; }
    .grading-result-wrapper .grading-result-header .left-hand-side {
      display: flex;
      align-items: flex-start; }
      .grading-result-wrapper .grading-result-header .left-hand-side .edit {
        color: #6c757d; }
    .grading-result-wrapper .grading-result-header .material-icons {
      font-size: 16px;
      margin-left: 10px; }
    .grading-result-wrapper .grading-result-header .delete {
      color: #f86464; }
  .grading-result-wrapper .timestamp, .grading-result-wrapper .graded {
    font-size: 14px;
    color: #6c757d; }
  .grading-result-wrapper .graded a {
    color: inherit; }
    .grading-result-wrapper .graded a.you-username {
      color: #26a2e9;
      font-weight: 600; }
  .grading-result-wrapper .book-title {
    font-weight: 400;
    color: #adb5bd;
    margin: 0 15px; }
    .grading-result-wrapper .book-title:first-child {
      margin-left: 0;
      padding-left: 0; }
  .grading-result-wrapper .book-title.harder, .grading-result-wrapper .grading-description.harder {
    color: #fa9595; }
  .grading-result-wrapper .book-title.same, .grading-result-wrapper .grading-description.same {
    color: #1586c7; }
  .grading-result-wrapper .book-title.easier, .grading-result-wrapper .grading-description.easier {
    color: #80c780; }

.basic-grading-list-wrapper .other-volumes-warning {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 5px; }
  .basic-grading-list-wrapper .other-volumes-warning h5 {
    font-weight: 500;
    margin: 0;
    text-transform: none;
    font-size: inherit; }
  .basic-grading-list-wrapper .other-volumes-warning .material-icons {
    margin: 0;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 1px; }
    .basic-grading-list-wrapper .other-volumes-warning .material-icons:hover {
      cursor: pointer; }

.paginations-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto; }
  .paginations-wrapper .pagination-content {
    display: inline-flex;
    justify-content: center;
    border-top: solid 1px #e9ecef;
    padding-top: 20px;
    width: 100%; }
    @media (min-width: 576px) {
      .paginations-wrapper .pagination-content {
        min-width: 400px;
        width: auto; } }
    .paginations-wrapper .pagination-content a {
      color: #343a40;
      background: #f2f4f5;
      border-radius: 50%;
      border: solid 1px #f8f9fa;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 3px;
      flex-shrink: 0;
      width: 25px;
      height: 25px;
      font-size: 12px; }
      .paginations-wrapper .pagination-content a:hover {
        background: #e9ecef; }
      .paginations-wrapper .pagination-content a.active {
        background: #ced4da; }
      .paginations-wrapper .pagination-content a.disabled:hover {
        cursor: not-allowed; }
      @media (min-width: 576px) {
        .paginations-wrapper .pagination-content a {
          width: 35px;
          height: 35px;
          font-size: 14px; } }
  .paginations-wrapper.top-pagination .pagination-content {
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px; }

.autocomplete-widget {
  position: relative; }
  .autocomplete-widget form {
    position: relative; }
  .autocomplete-widget .search-input {
    width: 100%; }
  .autocomplete-widget .search-input {
    border-radius: 25px;
    background: #f8f9fa;
    padding: 5px 35px 5px 15px;
    -webkit-appearance: none; }
    .autocomplete-widget .search-input:focus {
      outline: none; }
  .autocomplete-widget .see-all-results.selected, .autocomplete-widget .result.selected {
    background: #dee2e6; }
  .autocomplete-widget .see-all-results {
    display: block;
    text-align: center; }
  .autocomplete-widget .result {
    display: flex;
    width: 100%;
    align-items: flex-start;
    padding: 5px 10px; }
    .autocomplete-widget .result:hover, .autocomplete-widget .result.selected {
      text-decoration: none;
      background: #e9ecef; }
    .autocomplete-widget .result .result-img-section {
      display: inline-flex;
      flex-direction: column;
      width: 50px; }
      .autocomplete-widget .result .result-img-section img {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
           object-fit: cover; }
      .autocomplete-widget .result .result-img-section .widget {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #adb5bd; }
    .autocomplete-widget .result .result-meta-content {
      width: calc(100% - 60px);
      margin-left: 10px; }
      .autocomplete-widget .result .result-meta-content .result-title {
        color: #212529; }
      .autocomplete-widget .result .result-meta-content .result-author {
        color: #6c757d; }
      .autocomplete-widget .result .result-meta-content .result-title, .autocomplete-widget .result .result-meta-content .result-author {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left; }
  .autocomplete-widget .auto-complete-results {
    width: 100%;
    position: absolute;
    top: 100%;
    padding: 5px 0px;
    background: #f8f9fa;
    border: #dee2e6;
    z-index: 2; }
  .autocomplete-widget .search-icon {
    position: absolute;
    display: block;
    z-index: 2;
    top: 8px;
    right: 6px;
    cursor: pointer;
    border: none;
    padding: 0;
    color: #212529;
    background: transparent; }

.author-display {
  font-size: inherit;
  color: #6c757d; }
  .author-display .author-link {
    color: inherit; }
    .author-display .author-link:hover {
      color: #495057; }
  .author-display .author-comma {
    margin-right: 5px; }

#furigana-popover {
  z-index: 1050; }

.book-page-app-wrapper {
  padding: 20px;
  width: 100%;
  background: white;
  min-height: 100vh; }
  .book-page-app-wrapper .top-nav {
    display: flex; }
    .book-page-app-wrapper .top-nav .next-book {
      margin-left: auto; }
    .book-page-app-wrapper .top-nav a {
      display: inline-flex;
      align-items: center;
      margin-bottom: 15px; }
      .book-page-app-wrapper .top-nav a span {
        display: inline-block;
        max-width: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .book-page-app-wrapper .dates-display-wrapper {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 10px 0;
    border: solid 2px #e9ecef;
    position: relative;
    justify-content: center;
    margin-top: 10px; }
    .book-page-app-wrapper .dates-display-wrapper .reading-dates {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .book-page-app-wrapper .dates-display-wrapper .reading-dates span {
        margin: 0 5px;
        font-size: 13px; }
        @media (min-width: 373px) {
          .book-page-app-wrapper .dates-display-wrapper .reading-dates span {
            margin: 0 10px;
            font-size: 14px; } }
    .book-page-app-wrapper .dates-display-wrapper .pages {
      margin-top: 5px; }
    .book-page-app-wrapper .dates-display-wrapper .read-tag {
      position: absolute;
      top: 0;
      left: 0;
      border-bottom: solid 2px #e9ecef;
      border-right: solid 2px #e9ecef;
      padding: 0px 5px;
      color: #adb5bd; }
    .book-page-app-wrapper .dates-display-wrapper .edit-dates-trigger {
      position: absolute;
      top: 0;
      right: 5px; }
      .book-page-app-wrapper .dates-display-wrapper .edit-dates-trigger a {
        color: #007bff; }
        .book-page-app-wrapper .dates-display-wrapper .edit-dates-trigger a:hover {
          color: #0062cc; }
  .book-page-app-wrapper .report-widget {
    border-top: 2px solid #e9ecef;
    padding-top: 5px;
    text-align: center;
    margin: 10px 0; }
    .book-page-app-wrapper .report-widget .btn {
      display: inline-flex;
      align-items: center; }
  .book-page-app-wrapper .book-page-app-content {
    max-width: 900px;
    padding: 0;
    width: calc(100% - 10px);
    margin: 10px auto; }
    @media (min-width: 576px) {
      .book-page-app-wrapper .book-page-app-content {
        padding: 40px 0; } }
    .book-page-app-wrapper .book-page-app-content .book-metadata-top-level {
      margin-bottom: 15px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (min-width: 768px) {
        .book-page-app-wrapper .book-page-app-content .book-metadata-top-level {
          display: block;
          margin-bottom: 15px; } }
    .book-page-app-wrapper .book-page-app-content .book {
      display: flex; }
      .book-page-app-wrapper .book-page-app-content .book .main-img {
        box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12);
        border-radius: 7px;
        background: white;
        width: 150px;
        height: 200px;
        margin-bottom: 10px;
        -o-object-position: center center;
           object-position: center center;
        -o-object-fit: cover;
           object-fit: cover; }
      .book-page-app-wrapper .book-page-app-content .book .left-hand {
        display: none;
        flex-shrink: 0; }
        @media (min-width: 768px) {
          .book-page-app-wrapper .book-page-app-content .book .left-hand {
            display: block; } }
        .book-page-app-wrapper .book-page-app-content .book .left-hand .dates-display-wrapper .reading-dates {
          flex-direction: column; }
      .book-page-app-wrapper .book-page-app-content .book .book-actions-form {
        text-align: center;
        display: block;
        width: auto;
        align-items: initial; }
        .book-page-app-wrapper .book-page-app-content .book .book-actions-form .dropdown-split-basic {
          flex-grow: 0;
          font-size: 1rem; }
        .book-page-app-wrapper .book-page-app-content .book .book-actions-form .dropup {
          display: flex;
          flex-grow: 1; }
          @media (min-width: 576px) {
            .book-page-app-wrapper .book-page-app-content .book .book-actions-form .dropup {
              width: auto; } }
      .book-page-app-wrapper .book-page-app-content .book .action-button {
        display: flex;
        width: 100%;
        font-size: 14px;
        flex-grow: 1; }
        .book-page-app-wrapper .book-page-app-content .book .action-button .material-icons {
          color: #5cb85c;
          margin-right: 5px;
          font-weight: 800;
          font-size: 1rem; }
      .book-page-app-wrapper .book-page-app-content .book .book-metadata {
        padding: 0;
        margin: 0;
        width: 100%; }
        @media (min-width: 768px) {
          .book-page-app-wrapper .book-page-app-content .book .book-metadata {
            width: calc(100% - 151px);
            margin: 10px;
            margin-top: 0;
            padding: 5px;
            padding-top: 0; } }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .author-display, .book-page-app-wrapper .book-page-app-content .book .book-metadata .series, .book-page-app-wrapper .book-page-app-content .book .book-metadata .alternative-titles, .book-page-app-wrapper .book-page-app-content .book .book-metadata .more-information-link, .book-page-app-wrapper .book-page-app-content .book .book-metadata .userbook-summary {
          margin-bottom: 3px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .key-tags, .book-page-app-wrapper .book-page-app-content .book .book-metadata .title {
          margin-bottom: 5px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .key-tags {
          top: 0; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .userbook-summary .count {
          color: #6c757d;
          margin-right: 3px;
          font-size: 14px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .where-to-find-url-description, .book-page-app-wrapper .book-page-app-content .book .book-metadata .bundle-item-description {
          margin-left: 5px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .main-img {
          display: block;
          width: 150px;
          height: 200px;
          margin-bottom: 20px;
          margin-right: 10px; }
          @media (min-width: 768px) {
            .book-page-app-wrapper .book-page-app-content .book .book-metadata .main-img {
              display: none; } }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .dates-display-wrapper {
          display: flex; }
          @media (min-width: 768px) {
            .book-page-app-wrapper .book-page-app-content .book .book-metadata .dates-display-wrapper {
              display: none; } }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-actions-form {
          margin: 15px 0;
          display: block; }
          @media (min-width: 768px) {
            .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-actions-form {
              display: none; } }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-review-component {
          margin-top: 5px;
          display: flex;
          max-width: 150px;
          margin: 15px auto;
          margin-bottom: 0; }
          @media (min-width: 768px) {
            .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-review-component {
              display: none; } }
          .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-review-component .stars .material-icons {
            font-size: 24px; }
          .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-review-component .edit-review {
            font-size: 20px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .title {
          font-size: 24px; }
          .book-page-app-wrapper .book-page-app-content .book .book-metadata .title .title-link {
            font-size: 16px;
            font-weight: 500;
            display: inline-block;
            margin-left: 5px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .book-type {
          font-size: 14px;
          color: #adb5bd; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .series a {
          color: #6c757d; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .alt-titles {
          color: #6c757d; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .tag {
          color: white;
          padding: 2px 10px;
          margin: 0 3px;
          font-weight: 500; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .source-url {
          word-break: break-all; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .bundle-item {
          display: flex;
          align-items: center; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .bundle-item-link {
          max-width: 300px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset-content, .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset-url {
          display: flex;
          align-items: center; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset .copyright-link {
          margin-left: 10px;
          font-size: 14px;
          border: solid 1px #dee2e6;
          padding: 0px 5px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset .copyright {
          display: block;
          margin: 10px 0;
          border: solid 1px #dee2e6;
          padding: 5px 10px;
          box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12); }
          .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset .copyright.hidden {
            display: none; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset-url {
          width: 100px;
          margin: 3px 0; }
          .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .asset-url:hover {
            text-decoration: none; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .assets .material-icons {
          font-size: 18px;
          margin-right: 3px; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .free {
          font-size: 12px;
          display: inline-block;
          color: #5cb85c;
          padding: 0px 2px;
          font-style: italic; }
        .book-page-app-wrapper .book-page-app-content .book .book-metadata .level {
          box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12);
          color: white;
          font-size: 12px;
          border-radius: 5px;
          padding: 2px 4px;
          font-weight: 500;
          display: inline-block;
          margin-right: 5px; }

.book-section {
  border-top: solid 1px #dee2e6;
  padding-bottom: 15px;
  display: block;
  scroll-margin-top: 65px;
  scroll-snap-margin-top: 65px; }
  .book-section h5 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px 0;
    font-weight: 800; }
    .book-section h5 .material-icons {
      font-size: 16px;
      margin-left: 5px;
      margin-bottom: 1px; }
      .book-section h5 .material-icons:hover {
        cursor: pointer; }
  .book-section .sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0; }
    .book-section .sub-header h5 {
      margin: 0; }
    .book-section .sub-header .edit {
      color: #adb5bd;
      font-size: 16px; }
      .book-section .sub-header .edit:hover {
        cursor: pointer; }

.book-meta-info {
  display: flex;
  align-items: center; }
  .book-meta-info .book-meta-label {
    margin-right: 10px; }

.where-to-find .no-urls {
  text-align: center;
  color: #6c757d;
  font-size: 14px;
  display: block;
  max-width: 500px;
  margin: 0 auto; }

.where-to-find .editing-box {
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  border: solid 2px #5cb85c;
  color: #5cb85c;
  padding: 2px 5px;
  font-size: 12px; }
  .where-to-find .editing-box:hover {
    cursor: pointer; }
  .where-to-find .editing-box .edit {
    font-size: 12px;
    margin-left: 2px;
    color: inherit; }

.where-to-find .where-to-find-url {
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 60px;
  white-space: nowrap;
  max-width: 200px; }

.where-to-find .where-to-find-url-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 3px 0; }
  .where-to-find .where-to-find-url-wrapper.edit {
    box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12);
    padding: 2px 8px;
    margin: 5px 0; }
    .where-to-find .where-to-find-url-wrapper.edit .delete {
      margin-left: auto;
      z-index: 3;
      font-size: 18px;
      color: #f86464; }
    .where-to-find .where-to-find-url-wrapper.edit .where-to-find-url {
      display: inline-flex;
      color: #007bff;
      align-items: center; }
    .where-to-find .where-to-find-url-wrapper.edit .url-edit {
      font-size: 14px;
      margin-left: 3px; }

.where-to-find .where-to-find-url-description {
  font-size: 14px; }

.where-to-find .add-url {
  display: flex;
  justify-content: center;
  margin-top: 16px; }
  .where-to-find .add-url .add-link {
    box-shadow: 0 0 0.125rem 0 #99caff, 0 0.125rem 0.25rem 0 #99caff;
    text-transform: uppercase;
    font-size: 14px;
    border-color: #66b0ff;
    color: #3395ff;
    width: 120px; }

.where-to-find .tags {
  display: inline-flex;
  align-items: center; }
  .where-to-find .tags .url-tag {
    border: solid 2px currentColor;
    padding: 0 4px;
    margin-right: 3px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase; }
    .where-to-find .tags .url-tag:hover {
      cursor: pointer; }
  .where-to-find .tags .furigana {
    color: #80c780; }
  .where-to-find .tags .physical {
    color: #8c68ce; }
  .where-to-find .tags .ebook, .where-to-find .tags .kindle {
    color: #fd9a47; }

.reviews-meta-data {
  display: flex;
  max-width: 280px;
  margin-top: 5px;
  flex-wrap: wrap;
  justify-content: space-between; }
  .reviews-meta-data .average-wrapper, .reviews-meta-data .ratings-summary {
    display: inline-flex;
    font-size: 14px; }
  .reviews-meta-data .ratings-summary a {
    margin-left: 10px;
    white-space: nowrap;
    color: #6c757d; }
  .reviews-meta-data .average-numeral {
    margin-left: 5px; }

.reviews-section .reviews-header {
  display: flex;
  align-items: center;
  max-width: 500px; }
  .reviews-section .reviews-header h5 {
    margin-right: 10px; }

.reviews-section .reviews-meta-data {
  max-width: none; }

.reviews-section .reviews-list {
  margin-top: 10px; }

.reviews-section .general-review-display {
  padding: 5px;
  border-top: solid 2px #f8f9fa;
  padding-top: 10px;
  margin-top: 5px; }
  .reviews-section .general-review-display .comments {
    font-size: 18px; }

.gradings-meta-data {
  display: flex;
  margin-top: 5px;
  flex-wrap: wrap;
  justify-content: space-between; }
  .gradings-meta-data .your-summary, .gradings-meta-data .summary {
    display: inline-flex;
    font-size: 14px;
    white-space: nowrap;
    color: #6c757d; }

.gradings-section .nav.nav-pills .nav-item .nav-link {
  padding: 3px 10px;
  font-size: 12px;
  color: #adb5bd;
  margin: 5px 0; }
  .gradings-section .nav.nav-pills .nav-item .nav-link.active {
    background: #adb5bd;
    color: white; }

.gradings-section .book-filter-wrapper {
  display: block;
  width: 100%;
  margin-top: 10px; }
  @media (min-width: 576px) {
    .gradings-section .book-filter-wrapper {
      max-width: 350px;
      margin-top: 0; } }
  .gradings-section .book-filter-wrapper .book-filter {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 1rem;
    border: solid 1px #ced4da;
    border-radius: 25px;
    font-weight: 400;
    height: 39px;
    background: white;
    max-width: 100%; }
    .gradings-section .book-filter-wrapper .book-filter .text {
      width: calc(100% - 30px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .gradings-section .book-filter-wrapper .book-filter .material-icons {
      font-size: 20px;
      color: #6c757d;
      margin-left: 5px; }

.gradings-section .gradings-subheader {
  margin-bottom: 5px; }

.gradings-section .gradings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  .gradings-section .gradings-header select {
    padding: 2px 4px;
    border-radius: 4px; }
  .gradings-section .gradings-header .nav {
    order: 1; }
  .gradings-section .gradings-header select {
    order: 2;
    width: 120px; }
    @media (min-width: 373px) {
      .gradings-section .gradings-header select {
        width: auto; } }
  .gradings-section .gradings-header .book-filter-wrapper {
    order: 3;
    width: 100%; }
  @media (min-width: 576px) {
    .gradings-section .gradings-header select {
      order: 3; }
    .gradings-section .gradings-header .book-filter-wrapper {
      order: 2;
      width: calc(100% - 330px); } }

.gradings-section .tab-content.loading {
  opacity: 0.4; }

.gradings-section .cannot-grade, .gradings-section .checking-comparisons-wrapper {
  color: #adb5bd;
  font-size: 16px; }

.gradings-section .checking-comparisons-wrapper {
  display: inline-flex;
  align-items: center; }
  .gradings-section .checking-comparisons-wrapper .checking-text {
    margin-right: 10px;
    margin-bottom: 2px; }
  .gradings-section .checking-comparisons-wrapper .gs-spinner {
    width: 12px;
    height: 12px; }

.gradings-section .cannot-grade {
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 16px; }
  .gradings-section .cannot-grade:hover {
    cursor: pointer; }

.gradings-section .grading-loading {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #adb5bd;
  margin-bottom: 500px; }
  .gradings-section .grading-loading .gs-spinner {
    width: 16px;
    height: 16px; }
  .gradings-section .grading-loading .loading-text {
    margin-right: 10px; }

.gradings-section .error .error-text {
  text-align: center;
  color: #f86464;
  margin: 10px 0; }

.gradings-section .result-wrapper {
  border-bottom: solid 1px #ced4da;
  padding: 15px 5px; }
  .gradings-section .result-wrapper:last-child {
    border-bottom: none; }
  .gradings-section .result-wrapper .result-header {
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between; }
    .gradings-section .result-wrapper .result-header .left-hand-side {
      display: flex;
      align-items: flex-start; }
      .gradings-section .result-wrapper .result-header .left-hand-side .edit {
        color: #6c757d; }
    .gradings-section .result-wrapper .result-header .material-icons {
      font-size: 16px;
      margin-left: 10px; }
    .gradings-section .result-wrapper .result-header .delete {
      color: #f86464; }
  .gradings-section .result-wrapper .timestamp, .gradings-section .result-wrapper .graded, .gradings-section .result-wrapper .graded a {
    font-size: 14px;
    color: #6c757d; }
  .gradings-section .result-wrapper .book-title {
    font-weight: 400;
    color: #adb5bd;
    margin: 0 15px; }
    .gradings-section .result-wrapper .book-title:first-child {
      margin-left: 0;
      padding-left: 0; }
    .gradings-section .result-wrapper .book-title.harder {
      color: #80c780; }
    .gradings-section .result-wrapper .book-title.same {
      color: #1586c7; }
    .gradings-section .result-wrapper .book-title.easier {
      color: #fa9595; }

.aggregate-grading-result {
  padding: 10px 0 0 0;
  margin: 10px 0;
  border-radius: 3px;
  border-top: solid 1px #e9ecef; }
  .aggregate-grading-result .uncollapsed-content:hover {
    cursor: pointer; }
  .aggregate-grading-result .aggregate-grading-header {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    font-size: 14px; }
    .aggregate-grading-result .aggregate-grading-header .material-icons {
      font-size: 14px; }
    .aggregate-grading-result .aggregate-grading-header .graded a {
      color: inherit; }
    .aggregate-grading-result .aggregate-grading-header .aggregate-grading-quick-summary {
      margin-left: auto;
      display: inline-flex;
      align-items: center; }
    .aggregate-grading-result .aggregate-grading-header .aggregate-count {
      padding: 0px 4px;
      border-radius: 50%;
      margin-left: 5px;
      background: #f86464;
      color: white;
      font-size: 14px;
      width: 20px;
      text-align: center; }
      .aggregate-grading-result .aggregate-grading-header .aggregate-count.easier {
        background-color: #80c780; }
      .aggregate-grading-result .aggregate-grading-header .aggregate-count.same {
        background-color: #1586c7; }
      .aggregate-grading-result .aggregate-grading-header .aggregate-count.harder {
        background-color: #fa9595; }
      .aggregate-grading-result .aggregate-grading-header .aggregate-count.disabled {
        background-color: #f8f9fa;
        color: #adb5bd; }
  .aggregate-grading-result .aggregate-grading-result-easier {
    color: #80c780; }
  .aggregate-grading-result .aggregate-grading-result-little-easier {
    color: #a3d7a3; }
  .aggregate-grading-result .aggregate-grading-result-same {
    color: #1586c7; }
  .aggregate-grading-result .aggregate-grading-result-little-harder {
    color: #fcc6c6; }
  .aggregate-grading-result .aggregate-grading-result-harder {
    color: #fa9595; }
  .aggregate-grading-result .aggregate-grading-list .grading-result-wrapper {
    background: #f8f9fa; }
    .aggregate-grading-result .aggregate-grading-list .grading-result-wrapper .grading-result {
      font-size: 12px; }
    .aggregate-grading-result .aggregate-grading-list .grading-result-wrapper .graded, .aggregate-grading-result .aggregate-grading-list .grading-result-wrapper .timestamp {
      font-size: 10px; }
  .aggregate-grading-result .aggregate-grading-main-description a {
    color: #adb5bd;
    font-weight: 400;
    margin: 0 15px; }

.excluded-from-grading {
  box-shadow: 0 0 0.125rem 0 rgba(143, 115, 96, 0.12), 0 0.125rem 0.25rem 0 rgba(143, 115, 96, 0.12);
  text-align: center;
  max-width: 600px;
  color: #6c757d;
  font-size: 14px;
  border: solid 1px #adb5bd;
  padding: 10px;
  margin: 10px auto; }
  @media (min-width: 768px) {
    .excluded-from-grading {
      margin: 25px auto; } }

.user-books-meta-data {
  display: flex;
  margin-top: 5px;
  flex-wrap: wrap;
  justify-content: space-between; }
  .user-books-meta-data .reading, .user-books-meta-data .finished {
    display: inline-flex;
    font-size: 14px;
    white-space: nowrap;
    color: #6c757d; }

.user-books-section .user-books-subheader {
  margin-bottom: 5px; }

.user-books-section .user-books-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.user-books-section .result-wrapper {
  border-bottom: solid 1px #ced4da;
  padding: 15px 5px; }
  .user-books-section .result-wrapper:last-child {
    border-bottom: none; }
  .user-books-section .result-wrapper .result-header {
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between; }
    .user-books-section .result-wrapper .result-header .left-hand-side {
      display: flex;
      align-items: flex-start; }
      .user-books-section .result-wrapper .result-header .left-hand-side .edit {
        color: #6c757d; }
    .user-books-section .result-wrapper .result-header .material-icons {
      font-size: 16px;
      margin-left: 10px; }
    .user-books-section .result-wrapper .result-header .delete {
      color: #f86464; }
  .user-books-section .result-wrapper .timestamp, .user-books-section .result-wrapper .graded, .user-books-section .result-wrapper .graded a {
    font-size: 14px;
    color: #6c757d; }
  .user-books-section .result-wrapper .book-title {
    font-weight: 400;
    color: #adb5bd;
    margin: 0 15px; }
    .user-books-section .result-wrapper .book-title:first-child {
      margin-left: 0;
      padding-left: 0; }
    .user-books-section .result-wrapper .book-title.harder {
      color: #ed6ca7; }
    .user-books-section .result-wrapper .book-title.same {
      color: #20c997; }
    .user-books-section .result-wrapper .book-title.easier {
      color: #1586c7; }

.url-modal .modal-title {
  font-size: 20px; }

.url-modal form fieldset {
  display: block;
  margin: 15px 0; }
  .url-modal form fieldset label {
    display: block;
    margin-bottom: 5px;
    color: #6c757d;
    font-size: 16px;
    font-style: italic; }
  .url-modal form fieldset input {
    width: 100%; }
  .url-modal form fieldset.url {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0; }
    .url-modal form fieldset.url.amzn input {
      padding-right: 68px; }
    .url-modal form fieldset.url.kobo input {
      padding-right: 50px; }
    .url-modal form fieldset.url.cd_jpn input {
      padding-right: 74px; }
    .url-modal form fieldset.url.omg_jpn input {
      padding-right: 86px; }
    .url-modal form fieldset.url.booklive input {
      padding-right: 78px; }
    .url-modal form fieldset.url.pixiv input {
      padding-right: 50px; }
    .url-modal form fieldset.url.comicwalker input {
      padding-right: 105px; }
    .url-modal form fieldset.url.ebook_jpn input {
      padding-right: 101px; }
    .url-modal form fieldset.url.bookwalker input {
      padding-right: 101px; }
    .url-modal form fieldset.url.rakuten input {
      padding-right: 73px; }
    .url-modal form fieldset.url.honto input {
      padding-right: 60px; }
    .url-modal form fieldset.url.aozora input {
      padding-right: 70px; }
    .url-modal form fieldset.url.syosetu input {
      padding-right: 70px; }
    .url-modal form fieldset.url.tadoku input {
      padding-right: 70px; }
    .url-modal form fieldset.url.google_play input {
      padding-right: 100px; }
    .url-modal form fieldset.url.app_store input {
      padding-right: 130px; }
    .url-modal form fieldset.url.custom input {
      padding-right: 68px; }
  .url-modal form fieldset.checkbox {
    display: flex;
    align-items: center; }
    .url-modal form fieldset.checkbox label {
      display: inline;
      margin-right: 3px;
      margin-bottom: 0; }
    .url-modal form fieldset.checkbox input {
      width: auto;
      margin-top: 1px; }
    .url-modal form fieldset.checkbox .furigana-help {
      font-size: 16px;
      margin-right: 10px;
      margin-top: 1px;
      color: #6c757d; }
      .url-modal form fieldset.checkbox .furigana-help:hover {
        cursor: pointer; }

.url-modal form .error {
  margin-top: 15px; }

.url-modal form .url-type {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  border: solid 3px #dee2e6;
  padding: 2px 4px;
  color: #adb5bd;
  border-radius: 3px;
  font-size: 12px; }

.grading-alert .modal-dialog {
  max-width: 700px; }