/* ariel-top-photo-diary-modal-202607 START */

.ariel-diary-modal-open-202607 {
  overflow: hidden;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-202607[hidden] {
  display: none !important;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-202607 {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-backdrop-202607 {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, .72);
  backdrop-filter: blur(3px);
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-dialog-202607 {
  position: relative;
  width: min(92vw, 520px);
  max-height: min(88vh, 760px);
  margin: 6vh auto;
  overflow: auto;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(17, 24, 39, .28);
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-close-202607 {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #344054;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-figure-202607 {
  position: relative;
  margin: 0;
  background: linear-gradient(135deg, rgba(255,229,242,.78), rgba(232,249,252,.86));
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-image-202607 {
  display: block;
  width: 100%;
  max-height: 62vh;
  object-fit: cover;
  object-position: center top;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-202607.is-favorite-locked-202607 .ariel-diary-modal-image-202607 {
  filter: blur(5px) saturate(.84) brightness(.94);
  transform: scale(1.03);
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-badge-202607 {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #02afce;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-202607.is-favorite-locked-202607 .ariel-diary-modal-badge-202607 {
  background: linear-gradient(135deg, rgba(230,125,173,.96), rgba(216,106,159,.96));
  color: #fff;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-content-202607 {
  padding: 16px 16px 18px;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-meta-202607 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-cast-202607 {
  color: #e67dad;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-date-202607 {
  color: #02afce;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
  white-space: nowrap;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-title-202607 {
  margin: 10px 0 0;
  color: #32373c;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-excerpt-202607 {
  margin: 10px 0 0;
  color: #5c6570;
  font-size: 13px;
  line-height: 1.9;
  font-weight: 600;
  white-space: pre-wrap;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-lock-202607 {
  margin: 10px 0 0;
  padding: 12px 13px;
  border: 1px solid rgba(230,125,173,.22);
  border-radius: 16px;
  background: rgba(255,247,251,.92);
  color: #d45a93;
  font-size: 12px;
  line-height: 1.8;
  font-weight: 700;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-actions-202607 {
  display: flex;
  gap: 9px;
  margin-top: 14px;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-link-202607,
.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-subclose-202607 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-link-202607 {
  flex: 1 1 auto;
  border: 1px solid rgba(2,175,206,.24);
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,249,252,.92));
  color: #02afce;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-subclose-202607 {
  flex: 0 0 auto;
  border: 1px solid rgba(148,163,184,.25);
  background: #fff;
  color: #475467;
  cursor: pointer;
}

@media (max-width: 360px) {
.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-actions-202607 {
    flex-direction: column;
  }
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-dialog-202607 {
  width: min(94vw, 680px) !important;
  max-height: 90vh !important;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-figure-202607 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-image-202607 {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-202607.is-favorite-locked-202607 .ariel-diary-modal-image-202607 {
  filter: blur(13px) saturate(.45) brightness(.70) !important;
  transform: scale(1.12) !important;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-excerpt-202607 {
  white-space: pre-wrap !important;
  overflow: visible !important;
  max-height: none !important;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-row-202607 {
  margin-top: 14px;
  text-align: center;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 18px;
  border: 1px solid rgba(230, 125, 173, .28);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,239,248,.96));
  color: #e67dad;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(230, 125, 173, .10);
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607 span {
  margin-left: 6px;
  color: #e67dad;
  font-weight: 900;
}

@media (max-width: 520px) {
.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-dialog-202607 {
    margin: 4vh auto !important;
    max-height: 92vh !important;
  }
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607 {
  border: 1px solid rgba(230, 125, 173, .28);
  cursor: pointer;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607.is-liked-202607 {
  background: linear-gradient(135deg, rgba(230, 125, 173, .98), rgba(216, 106, 159, .98));
  color: #fff;
  border-color: rgba(230, 125, 173, .42);
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607.is-liked-202607 span {
  color: #fff;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-202607.is-loading-202607 {
  opacity: .64;
  pointer-events: none;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-heart-202607 {
  margin-right: 5px;
  font-size: 15px;
  line-height: 1;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-like-count-202607 {
  margin-left: 7px;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-status-202607 {
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(2, 175, 206, .18);
  border-radius: 14px;
  background: rgba(239, 251, 253, .92);
  color: #02afce;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
  text-align: center;
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-status-202607.is-error-202607 {
  border-color: rgba(230, 125, 173, .22);
  background: rgba(255, 247, 251, .94);
  color: #d45a93;
}

@media (min-width: 761px) {
.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-dialog-202607 {
    width: 360px !important;
    max-width: 360px !important;
  }
}

.ariel-top-photo-diary-modal-host-202607 .ariel-diary-modal-image-202607 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* ariel-top-photo-diary-modal-202607 END */

/* ariel-top-diary-rich-template-202607 START */

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607.has-rich-body-202607 {
  white-space: normal !important;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-image {
  display: block;
  width: 100%;
  margin: 14px 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: transparent;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 10px;
  object-fit: contain;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-heading {
  display: block;
  margin: 14px 0 7px;
  font-size: 1.08em;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-bold {
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-pink {
  color: #e67dad;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-gold {
  color: #a87926;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-small {
  font-size: .88em;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-large {
  font-size: 1.22em;
  font-weight: 900;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-left {
  text-align: left;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-center {
  text-align: center;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-right {
  text-align: right;
}

.ariel-top-photo-diary-modal-host-202607
.ariel-diary-modal-excerpt-202607
.diary-rich-hr {
  margin: 15px 0;
  border: 0;
  border-top: 1px dashed rgba(230, 125, 173, .28);
}

/* ariel-top-diary-rich-template-202607 END */