.v-history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--v-space-5);
  min-height: 79px;
  margin-bottom: var(--v-space-2);
}
.v-history-item:has(.v-history-keyword) {
  min-height: unset;
}
.v-history-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--v-media-fit, contain);
  object-position: var(--v-media-position, center);
}
.v-history-item .v-history-button--delete {
  --v-button-display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: var(--v-history-button--delete-width);
  height: var(--v-history-button--delete-height);
  color: #999;
}
.v-history-item .v-history-keyword {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--v-space-2);
  padding-block: var(--v-space-3);
  width: calc(100% - var(--v-space-7));
}
.v-history-item .v-history-keyword a {
  flex: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-history-item .v-history-keyword svg {
  width: 16px;
  height: auto;
  display: inline-block;
  flex: 0 0 16px;
}
.v-history-item .v-history-keyword span {
  font-weight: var(--v-font-regular);
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: 0;
}
.v-history-item .v-history-block {
  flex: 1;
}
.v-history-item .v-history-block a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--v-space-3);
  width: calc(100% - (var(--v-space-3) + var(--v-history-button--delete-width)));
}
.v-history-item .v-history-block--product {
  --v-history-block-name-size: 12px;
  --v-history-block-name-weight: var(--v-font-bold);
}
.v-history-item .v-history-block--product .v-history-block__embed::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--v-media-dim, rgba(0, 0, 0, 0.03));
}
.v-history-item .v-history-block__embed {
  flex: 0 0 56px;
  position: relative;
  display: block;
  aspect-ratio: var(--v-media-aspect-ratio);
  height: 84px;
  overflow: clip;
}
.v-history-item .v-history-block__text {
  display: flex;
  gap: 2px;
  flex-direction: column;
  padding-inline: initial;
}
.v-history-item .v-history-block__sub-title {
  color: #6d6d6d;
  font-size: var(--v-history-block-sub-name-size, 12px);
  line-height: 1.3;
  letter-spacing: 0;
}
.v-history-item .v-history-block__title {
  font-weight: var(--v-history-block-name-weight, var(--v-font-regular));
  font-size: var(--v-history-block-name-size, 16px);
  line-height: 1.3;
  letter-spacing: 0;
}
.v-history-item .v-history-block__text,
.v-history-item .v-product-unit__link {
  flex: 1;
}

.v-history {
  --v-history-button--delete-width: 12px;
  --v-history-button--delete-height: 12px;
  margin-inline: var(--v-title-side-margin, var(--v-side-margin));
  margin-top: var(--v-side-margin);
  padding-bottom: var(--v-bottom-bar-height, 0);
}

.v-history-no-data,
.v-history-no-login {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100 - var(--v-site-header-height) - var(--v-bottom-bar-height));
  gap: var(--v-space-6);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.v-history-no-data p,
.v-history-no-login p {
  font-weight: var(--v-font-regular);
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
}

.v-history-content {
  margin-bottom: var(--v-space-8);
}
.v-history-content:last-child {
  margin-bottom: 0;
}

.v-history-date {
  font-weight: var(--v-font-bold);
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  border-bottom: 1px solid #000;
  padding-bottom: var(--v-space-1);
  margin-bottom: var(--v-space-2);
}