/* Start:/bitrix/templates/kosmos_s2/components/bitrix/photo/lookbook/style.css?17615502654227*/
.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;
  display: none;
  min-width: 80px;
}
.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 {
  text-decoration: none;
  font-size: 0.93rem;
}
.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 */

/* End */


/* Start:/bitrix/templates/kosmos_s2/components/bitrix/photo.sections.top/lookbook.1/style.css?17615502664042*/
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook {
  --lookbook-columns: 1;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-11x15 {
  aspect-ratio: 11/15;
  overflow: hidden;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 2px;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(var(--lookbook-columns), 1fr);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns="4"] {
  --lookbook-columns: 4;
}
@media (max-width: 1280px) {
  .ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns="4"] {
    --lookbook-columns: 3;
  }
}
@media (max-width: 1024px) {
  .ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns="4"] {
    --lookbook-columns: 2;
  }
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns="3"] {
  --lookbook-columns: 3;
}
@media (max-width: 1024px) {
  .ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns="3"] {
    --lookbook-columns: 2;
  }
}
@media (max-width: 550px) {
  .ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-container[data-columns] {
    --lookbook-columns: 1;
  }
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook picture {
  transition-property: all;
  transition-duration: var(--duration-base);
  height: 100%;
  width: 100%;
  display: block;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook picture img {
  transition-property: all;
  transition-duration: var(--duration-base);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-name {
  transition-property: color;
  transition-duration: var(--duration-base);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-text-view-2 {
  font-size: 0.93rem;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-text-view-1 {
  text-transform: uppercase;
  opacity: 0.7;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-1 .photo-sections-top-section::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(27, 30, 37, 0) 20.83%, rgba(27, 30, 37, 0.5) 100%);
  transition-property: opacity;
  transition-duration: var(--duration-base);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-1 .photo-sections-top-section::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1B1E25;
  opacity: 0;
  transition-property: opacity;
  transition-duration: var(--duration-base);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-1 :hover img {
  transform: scale(1.1);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-1 :hover::before {
  opacity: 0.5;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-1 .photo-sections-top-section-information {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-2 .photo-sections-top-section:hover .photo-sections-top-section-name {
  color: var(--color-primary-bright);
}
.ns-bitrix.c-photo-sections-top.c-photo-sections-top-lookbook .photo-sections-top-section-view-2:hover img {
  transform: scale(1.1);
}

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

/* End */
/* /bitrix/templates/kosmos_s2/components/bitrix/photo/lookbook/style.css?17615502654227 */
/* /bitrix/templates/kosmos_s2/components/bitrix/photo.sections.top/lookbook.1/style.css?17615502664042 */