123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- .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;
- }
- }
|