.cards-modal{max-width:calc(100vw - 32px)}.cards-modal .zk-modal-content{border-radius:10px;overflow:hidden}.cards-modal .zk-modal-header{background:unset;border:none;left:0;padding:0;position:absolute;right:0;top:0;z-index:10}.cards-modal .zk-modal-header .modal-header{padding:16px;text-align:right}.cards-modal .zk-modal-header .modal-header .svg-icon{cursor:pointer}.cards-modal .zk-modal-body{padding:0}.cards-modal .zk-modal-body .modal-hall .modal-picture{padding-top:56.25%;position:relative;width:100%}.cards-modal .zk-modal-body .modal-hall .modal-picture .swiper{height:100%;left:0;position:absolute;top:0;width:100%;--swiper-navigation-size:56px;--swiper-navigation-sides-offset:0}.cards-modal .zk-modal-body .modal-hall .modal-picture .swiper .swiper-button-next{color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;height:56px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:56px;z-index:10}.cards-modal .zk-modal-body .modal-hall .modal-picture .swiper .swiper-button-next:after{background-color:#121215;background-image:url(../svgs/common/swiper-next.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;content:"";display:block;height:100%;position:absolute;width:100%}.cards-modal .zk-modal-body .modal-hall .modal-picture .swiper .swiper-button-prev{color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;height:56px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:56px;z-index:10}.cards-modal .zk-modal-body .modal-hall .modal-picture .swiper .swiper-button-prev:after{background-color:#121215;background-image:url(../svgs/common/swiper-prev.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;content:"";display:block;height:100%;position:absolute;width:100%}.cards-modal .zk-modal-body .modal-hall .swiper-indicator{display:flex;justify-content:center;margin-top:24px;width:100%}.cards-modal .zk-modal-body .modal-hall .swiper-indicator-item{border:1px solid var(--primary-black-color);height:8px;transition:all .67s;width:8px}.cards-modal .zk-modal-body .modal-hall .swiper-indicator-item.active{background-color:var(--primary-black-color)}.cards-modal .zk-modal-body .modal-hall .swiper-indicator-item:not(:first-child){margin-left:8px}.cards-modal .zk-modal-body .modal-info{padding:32px 16px}.cards-modal .zk-modal-body .modal-info .context a{text-decoration:underline}@media screen and (min-width:576px){.cards-modal .zk-modal-body .modal-info{padding:48px 60px}}