.mergePage { position: relative; width: 100%; height: 100%; // display: flex; // flex-direction: column; &__header { position: relative; padding-top: em(60); padding-left: em(30); } &__body { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin-top: em(32); } &__footer { position: absolute; width: 100%; height: em(346); padding-top: em(250); left: 0; bottom: 0; } &__title { position: relative; padding-bottom: em(20); width: em(500); } &__demo { position: relative; width: em(500); height: em(500); overflow: hidden; } &__picture { position: relative; width: em(500); height: em(500); border-radius: em(20); border: 1px solid #4B5283; img { width: 100%; height: 100%; object-fit: cover; } } &__loader { position: absolute; width: em(500); height: em(500); top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; .loader__text { position: relative; color: #FFEFBE; font-size: rem(32); font-weight: 700; line-height: em(40, 32); text-align: center; margin-top: em(60); } .loader-46 { position: relative; width: em(40); height: em(40); border-radius: 50%; margin-left: auto; margin-right: auto; transform: scale3d(1.8, 1.8, 1.8); &::after { content: ''; width: em(16); height: em(16); border-radius: 50%; position: absolute; left: 0; transform: translate(-50%, 100%); animation: animloader46 1s linear infinite ; top: 0; } } } .btn__back { cursor: pointer; position: relative; width: em(233); pointer-events: nono; opacity: 0; } }