.photo-gallery-panel-wrapper .news-panel {
  word-break: keep-all;
  display: grid;
  grid-template-columns: 180px;
}
.photo-gallery-panel-wrapper .news-tab {
  position: relative;
  display: block;
  min-width: 35px;
  margin-bottom: -1px;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid var(--color-neutral-semi-bright);
  transition-duration: var(--duration-base);
  transition-property: color, border-color;
}
.photo-gallery-panel-wrapper .news-tab.bold-tab {
  min-width: 99px;
  font-weight: 500;
  color: var(--color-neutral-dark);
}
.photo-gallery-panel-wrapper .news-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-primary-base);
  opacity: 0;
  transition-duration: var(--duration-base);
  transition-property: opacity;
}
.photo-gallery-panel-wrapper .news-tab[data-state=none]:hover, .photo-gallery-panel-wrapper .news-tab[data-state=active] {
  color: var(--color-primary-base);
  border-bottom-color: var(--color-primary-base);
}
.photo-gallery-panel-wrapper .news-tab[data-state=none]:hover::before, .photo-gallery-panel-wrapper .news-tab[data-state=active]::before {
  opacity: 1;
}
.photo-gallery-panel-wrapper .news-tab[data-state=none] {
  cursor: pointer;
}
.photo-gallery-panel-wrapper .news-tab[data-state=active] {
  font-weight: 500;
  color: var(--color-neutral-dark);
}
.photo-gallery-panel-wrapper .news-tab[data-state=disabled] {
  color: var(--color-neutral-semi-dark);
  cursor: not-allowed;
}
.photo-gallery-panel-wrapper .news-tab[data-state=disabled]::before {
  background-color: var(--color-neutral-semi-bright);
  opacity: 1;
}
@supports (display: -webkit-box) {
  .photo-gallery-panel-wrapper .news-panel-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
.photo-gallery-panel-wrapper .news-panel-more .news-panel-indicator {
  transition-duration: var(--duration-base);
  transition-property: transform;
}
.photo-gallery-panel-wrapper .news-panel-more .news-panel-indicator > svg {
  transform: rotate(0);
}
.photo-gallery-panel-wrapper .news-panel-more[data-state=true] .news-panel-indicator svg {
  transform: rotate(180deg);
}
.photo-gallery-panel-wrapper .news-panel-date-button {
  width: auto;
  cursor: pointer;
  transition-duration: var(--duration-base);
  transition-property: all;
}
.photo-gallery-panel-wrapper .news-panel-date-button:hover {
  color: var(--color-primary-base);
}
.photo-gallery-panel-wrapper .news-panel-date-button:hover svg {
  stroke: var(--color-primary-base);
}
@media (max-width: 768px) {
  .photo-gallery-panel-wrapper .news-panel-date-button:hover {
    color: var(--color-neutral-semi-dark);
  }
  .photo-gallery-panel-wrapper .news-panel-date-button:hover svg {
    stroke: var(--color-neutral-semi-dark);
  }
}
.photo-gallery-panel-wrapper .ui-btn-drop-content.slim {
  padding: 16px;
  min-width: 80px;
  display: none;
}
.photo-gallery-panel-wrapper .ui-btn-drop-content.slim .news-panel-wrapper {
  max-height: 170px;
  overflow-y: auto;
  display: grid;
  gap: 10px;
}
@supports (-moz-appearance: none) {
  .photo-gallery-panel-wrapper .ui-btn-drop-content.slim .news-panel-wrapper {
    scrollbar-width: thin;
    scrollbar-color: var(--color-neutral-semi-bright) transparent;
  }
}
.photo-gallery-panel-wrapper .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar {
  width: 16px;
}
.photo-gallery-panel-wrapper .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar-track {
  border-right: 2px solid var(--color-neutral-semi-bright);
}
.photo-gallery-panel-wrapper .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar-thumb {
  border-right: 2px solid var(--color-neutral-quarter-dark);
}
.photo-gallery-panel-wrapper .news-panel-date-item {
  border: 1px solid transparent;
  text-decoration: none;
  font-size: 0.93rem;
}
.photo-gallery-panel-wrapper .news-panel-date-item:hover {
  border: 1px solid var(--color-neutral-semi-bright);
}
.photo-gallery-panel-wrapper [data-hidden=desktop] {
  display: none !important;
}
@media (max-width: 768px) {
  .photo-gallery-panel-wrapper [data-hidden=mobile] {
    display: none !important;
  }
  .photo-gallery-panel-wrapper [data-hidden=desktop] {
    display: flex !important;
  }
}

/*# sourceMappingURL=style.css.map */
