@charset "UTF-8";

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

a:focus {
  outline-color: #2054a2;
}

button:focus {
  outline-color: #2054a2;
}

input[type='text']:focus {
  outline-color: #2054a2;
}

.firstGuide .pulse-button {
  background: #252a5e;
  -webkit-box-shadow: 0 0 0 0 rgba(37, 42, 94, 0.5);
  box-shadow: 0 0 0 0 rgba(37, 42, 94, 0.5);
}

.tips__header {
  color: #252a5e;
}

.header__logoImage {
  background: url('/img/pc/user/lib/logo_lib.svg') no-repeat center;
}

.searchInput__textField:disabled:focus {
  border-color: #252a5e;
}

.searchInput__textField:hover,
.searchInput__textField:focus {
  border-color: #252a5e;
}

.searchInput__button {
  background: #31377b;
  border-color: #31377b;
}

.searchInput__button:hover,
.searchInput__button:focus {
  background: #31377b;
  border-color: #31377b;
}

.searchInput__button:disabled {
  background: #252a5e;
  border: 1px solid #252a5e;
}

.bookMeta__item.is-active .bookMeta__link::after {
  background-color: #252a5e;
}

.removeDialog__button:hover {
  border: 1px solid #252a5e;
}

.removeDialog__button--remove::before {
  background-image: url('/img/pc/user/lib/trash--fill.svg');
}

.loader__line {
  background-color: #252a5e;
}

.searchOrder__select {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.999999%205.5%205.000001%205%205-5%22%20stroke%3D%22%23252a5e%22%2F%3E%3C%2Fsvg%3E');
}

.outlinedButton {
  &:hover,
  &:focus-visible {
    border: 1px solid #252a5e;
  }

  &:disabled {
    border: 1px solid #DDD;
  }
}

.primaryButton {
  background: #252a5e;

  &:hover,
  &:focus-visible {
    background: #2f3578;
  }
}

.textInputCore {
  &:focus {
    outline-color: #252a5e;
  }
}

.textareaCore {
  &:focus {
    outline-color: #252a5e;
  }
}

.manageListDialog__listItem--addButton {
  &:hover,
  &:focus-visible {
    border-color: #252a5e;
  }
}

.manageListDialog__listItem--checkIcon {
  fill: #252a5e;
}

.manageListIconButton {
  &:hover,
  &:focus-visible {
    border-color: #252a5e;
  }
}