.wtotem_welcome-wrapper { background: #f3f5f6; } .wtotem_welcome-wrapper__head-height { display: flex; align-items: center; justify-content: center; height: calc(100vh - 135px); min-height: 596px; } .wtotem_welcome-wrapper__footer-height { display: flex; justify-content: center; height: 135px; } .wtotem_modal { text-align: center; } .wtotem_modal__subject { font-size: 24px; line-height: 18px; margin-bottom: 24px; } .wtotem_modal__window { background: #fff; padding: 23px 0 35px 0; width: 360px; margin: 0 auto; margin-bottom: 24px; } .wtotem_modal__title { font-size: 18px; margin-bottom: 5px; } .wtotem_modal__text { font-size: 10px; margin-bottom: 8px; } .wtotem_modal__block { margin-bottom: 50px; } .wtotem_modal__block:after { content: ""; display: block; height: 1px; width: 100%; background: #e1e8ee; margin-top: -40px; } .wtotem_modal__logo { margin: 0 auto; } .wtotem_modal__wrap { width: 300px; display: flex; align-items: center; margin: 0 auto; margin-bottom: 18px; } .wtotem_modal__api-key { width: 100%; padding: 13px 30px 13px 15px; border: 2px solid #e1e8ee; border-radius: 2px; } .wtotem_modal__api-key[type="text"]::-webkit-input-placeholder { font-weight: 500; font-size: 14px; line-height: 14px; color: #5e6977; } .wtotem_modal__api-key[type="text"]:-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 14px; color: #5e6977; } .wtotem_modal__api-key[type="text"]::-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 14px; color: #5e6977; } .wtotem_modal__api-key[type="text"]::placeholder { font-weight: 500; font-size: 14px; line-height: 14px; color: #5e6977; } .wtotem_modal__info { margin-left: -30px; } .wtotem_modal__btn { background: #4bc374; font-weight: 700; font-size: 14px; line-height: 16px; text-transform: uppercase; width: 300px; padding: 16px 0; border: none; color: #fff; } .wtotem_modal__desc { font-size: 12px; font-weight: 500; line-height: 16px; max-width: 274px; margin: 0 auto; color: #5e6977; } .wtotem_modal__cabinet { color: #3d50df; } .wtotem_welcome-bottom { text-align: center; } .wtotem_welcome-bottom__logo { margin-bottom: 26px; } .wtotem_welcome-bottom__label { margin-bottom: 20px; } .wtotem_welcome-bottom__block { width: 54px; display: flex; justify-content: space-between; margin: 0 auto; } /* 375-576px Extra small */ /* 320-375px Extra small */ @media screen and (max-width: 375px) { .wtotem_modal__window { width: 345px; } } /* 320-375px Extra small */ @media screen and (max-width: 355px) { .wtotem_modal__window { width: 320px; } .wtotem_modal__wrap, .wtotem_modal__btn { width: 85%; } } @media screen and (max-width: 330px) { .wtotem_modal__window { width: 305px; } } /*# sourceMappingURL=welcome.css.map */