@media (max-width: 768px){.component-segments-list{margin-bottom:-60px}}.component-segments-list .container .bg-wrap{grid-column:1/span 24;grid-row:2}@media (max-width: 768px){.component-segments-list .container .bg-wrap{grid-column:2/span 11}}.component-segments-list .container .bg-wrap .bg{background-color:var(--l-97);height:100%}@media (max-width: 768px){.component-segments-list .container .bg-wrap .bg{height:calc(100% - 60px)}}.component-segments-list .container .segments-area{grid-column:2/span 15;position:relative;z-index:2;margin-top:30px;grid-row:1}@media (max-width: 768px){.component-segments-list .container .segments-area{grid-column:1/span 11;margin-top:0}}.component-segments-list .container .images{grid-column:16/span 7;grid-row:1;position:relative;z-index:1;aspect-ratio:1}@media (max-width: 768px){.component-segments-list .container .images{display:none}}.component-segments-list .container .images .image-area{opacity:0;transition:opacity .5s}.component-segments-list .container .images .image-area.activeItem{opacity:1}@media (max-width: 768px){.component-segments-list.isSearch{margin-bottom:0}}.component-segments-list.isSearch .bg-wrap{display:none}@media (max-width: 768px){.component-segments-list.isSearch .segments-area{grid-column:1/span 12}}