.mail-WelcomeWizard-Modern-Header {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  padding-top: 17px;
}
.mail-WelcomeWizard-Modern-Header-StepsStatus {
  display: block;
  margin: auto;
  color: rgba(0,0,0,0.3);
  font-size: 13px;
  text-align: center;
}
.mail-WelcomeWizard-Modern-Footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  border-radius: 0 0 10px 10px;
}
.mail-WelcomeWizard-Modern-Footer-NextStep {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 27px;
  padding-bottom: 28px;
  color: rgba(0,0,0,0.6);
  background-color: #f4f7f9;
  border-radius: 0 0 10px 10px;
  border: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Footer-NextStep:active {
  padding-left: 8px;
  padding-right: 8px;
  outline: none;
  border: none;
}
.mail-WelcomeWizard-Modern-Footer-NextStep:focus {
  outline: none;
}
.mail-WelcomeWizard-Modern-Footer-NextStep::-moz-focus-inner {
  border: 0;
}
.mail-WelcomeWizard-Modern-Footer-NextStep:hover {
  color: rgba(0,0,0,0.9);
}
.mail-WelcomeWizard-Modern-Footer-NextStep:hover .mail-WelcomeWizard-Modern-Footer-NextStep-Arrow {
  border-right-color: rgba(0,0,0,0.9);
  border-top-color: rgba(0,0,0,0.9);
}
.mail-WelcomeWizard-Modern-Footer-NextStep-Text,
.mail-WelcomeWizard-Modern-Footer-NextStep-Arrow {
  display: inline-block;
  vertical-align: middle;
}
.mail-WelcomeWizard-Modern-Footer-NextStep-Text {
  font-size: 13px;
  margin-top: -1px;
}
.mail-WelcomeWizard-Modern-Footer-NextStep-Arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(0,0,0,0.6);
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: rgba(0,0,0,0.6);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: border-color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-ImagesPreloader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.mail-WelcomeWizard-Modern-EdgeStep-Greeting .mail-WelcomeWizard-Modern-MainImage {
  min-height: 135px;
  height: 135px;
}
.mail-WelcomeWizard-Modern-EdgeStep-Greeting .mail-WelcomeWizard-Modern-Step-Title {
  margin-bottom: 10px;
}
.mail-WelcomeWizard-Modern-Step_Greeting {
  padding-top: 0;
  padding-bottom: 38px;
}
.mail-WelcomeWizard-Modern-Step_Greeting-Background {
  background-position: center center;
  background-repeat: no-repeat;
}
.mail-WelcomeWizard-Modern-Step_Greeting .mail-WelcomeWizard-Modern-Step-Title {
  font-size: 30px;
  line-height: 1.33;
  font-weight: bold;
}
.mail-WelcomeWizard-Modern-Step_Greeting .mail-WelcomeWizard-Modern-Step-Title span {
  white-space: nowrap;
}
.mail-WelcomeWizard-Modern-EdgeStep {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.mail-WelcomeWizard-Modern-EdgeStep .mail-WelcomeWizard-Modern-MainImage {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  min-height: 148px;
}
.mail-WelcomeWizard-Modern-EdgeStep .mail-WelcomeWizard-Modern-Step {
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  height: auto;
}
.mail-WelcomeWizard-Modern-EdgeStep .mail-WelcomeWizard-Modern-Step-Title {
  margin-bottom: 5px;
}
.mail-WelcomeWizard-Modern-Canvas > .mail-WelcomeWizard-Modern-Step {
  padding-top: 45px;
  border-radius: 10px;
}
.mail-WelcomeWizard-Modern-Step {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  height: 100%;
}
.mail-WelcomeWizard-Modern-Step-Title,
.mail-WelcomeWizard-Modern-Step-Description {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  text-align: center;
}
.mail-WelcomeWizard-Modern-Step-Action {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.mail-WelcomeWizard-Modern-Step-Action .button2.button2_theme_action {
  height: auto;
  padding-top: 18px;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  line-height: 13px;
}
.mail-WelcomeWizard-Modern-Step-Action .button2.button2_theme_action .button2__text {
  margin-right: 8px;
  margin-left: 8px;
}
.mail-WelcomeWizard-Modern-Step-Title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.33;
  color: #000;
}
.mail-WelcomeWizard-Modern-Step-Title span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mail-WelcomeWizard-Modern-Step-Description {
  opacity: 0.5;
  font-size: 15px;
  line-height: 1.33;
  color: #000;
}
.mail-WelcomeWizard-Modern-Step_AddExtraMail {
  padding-bottom: 28px;
}
.mail-WelcomeWizard-Modern-Step_AddExtraMail-Background {
  background: url(//yastatic.net/mail/_/77effb5d7a8e90306764b88dd1f528e6-extra-email.png) center top no-repeat;
}
.mail-WelcomeWizard-Modern-Step_AddPhoneNumber {
  padding-bottom: 28px;
}
.mail-WelcomeWizard-Modern-Step_AddPhoneNumber-Background {
  background: url(//yastatic.net/mail/_/cd0140a3e38e337f845fa6b3908cab5f-phone-add.png) center 125px no-repeat;
}
.mail-WelcomeWizard-Modern-Step_SetPhoneAsMail {
  padding-bottom: 28px;
}
.mail-WelcomeWizard-Modern-Step_SetPhoneAsMail-Background {
  background: url(//yastatic.net/mail/_/99bbb2df14945f993a55fdb2247166ac-phone-as-mail.png) center 3px no-repeat;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action {
  -webkit-align-items: center;
          align-items: center;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button {
  display: -webkit-flex;
  display: flex;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 120px;
  height: 120px;
  margin-right: 40px;
  background: #f4f7f9;
  border-radius: 8px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  transition: border-color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button label:last-child {
  margin-right: 0;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button label:after {
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  z-index: -1;
  opacity: 0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
  border-radius: 8px;
  transition: opacity 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button label.radio-button__radio_checked_yes {
  border-color: #fc0;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step-Action .radio-button label:not(.radio-button__radio_checked_yes):hover:after {
  opacity: 1;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step_SelectFont_Action_normal-font {
  font-size: 24px;
}
.mail-WelcomeWizard-Modern-Step_SelectFont .mail-WelcomeWizard-Modern-Step_SelectFont_Action_big-font {
  font-size: 32px;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode-Background-On {
  background: url(//yastatic.net/mail/_/5bace46ee766e869a666b1f64406151c-group.png) center 0 no-repeat;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode-Background-Off {
  background: url(//yastatic.net/mail/_/fe4f6c2c47713aa794902521047ad58b-ungroup.png) center 0 no-repeat;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action {
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding-top: 20px;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action .radio-button label {
  margin-right: 10px;
  border-radius: 16px;
  transition: background-color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action .radio-button label:last-child {
  margin-right: 0;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action .radio-button label:not(.radio-button__radio_checked_yes):hover {
  background-color: rgba(0,0,0,0.08);
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action .radio-button label.radio-button__radio_checked_yes {
  background-color: #ffdb4c;
}
.mail-WelcomeWizard-Modern-Step_SelectThreadMode .mail-WelcomeWizard-Modern-Step-Action .radio-button label .radio-button__text {
  display: block;
  font-size: 13px;
}
.mail-WelcomeWizard-Modern-Step_SelectTheme .mail-WelcomeWizard-Modern-Step-Action {
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.mail-WelcomeWizard-Modern-Step_SelectTheme .mail-WelcomeWizard-Modern-Step-Themes-RadioBox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.mail-WelcomeWizard-Modern-Theme-Radio {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: #f4f7f9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
  background-clip: border-box;
  border-radius: 8px;
  border: 1px solid transparent;
}
.mail-WelcomeWizard-Modern-Theme-Radio:nth-child(5n) {
  margin-right: 0;
}
.mail-WelcomeWizard-Modern-Theme-Radio:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
  transition: opacity 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Theme-Radio:before {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  z-index: 1;
  opacity: 0;
  background: url(//yastatic.net/mail/_/44bef72135207cf5a2eef933c8eb26dd-selected.svg) center no-repeat;
  transition: opacity 0.3s ease-in-out;
  border-radius: 8px;
  border: 4px solid #fc0;
  pointer-events: none;
}
.mail-WelcomeWizard-Modern-Theme-Radio.radio-button__radio_checked_yes:before {
  opacity: 1;
}
.mail-WelcomeWizard-Modern-Theme-Radio.radio-button__radio_checked_yes .radio-button__text {
  opacity: 1;
}
.mail-WelcomeWizard-Modern-Theme-Radio:not(.radio-button__radio_checked_yes):hover:after {
  opacity: 1;
}
.mail-WelcomeWizard-Modern-Theme-Radio:not(.radio-button__radio_checked_yes):hover .radio-button__text {
  opacity: 1;
}
.mail-WelcomeWizard-Modern-Theme-Radio .radio-button__text {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  opacity: 0;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(0,0,0,0.3);
  transition: opacity 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Theme-Radio_item-top .radio-button__text {
  top: -23px;
}
.mail-WelcomeWizard-Modern-Theme-Radio_item-bottom .radio-button__text {
  bottom: -23px;
}
.mail-WelcomeWizard-Modern-EdgeStep-SubscribeAndGo .mail-WelcomeWizard-Modern-MainImage {
  height: 105px;
  min-height: 105px;
}
.mail-WelcomeWizard-Modern-Step_SubscribeAndGo {
  padding-top: 15px;
  padding-bottom: 23px;
}
.mail-WelcomeWizard-Modern-Step_SubscribeAndGo-Background {
  background: url(//yastatic.net/mail/_/f5fa516e90acdef84348a5093a81c361-fin.png) center center no-repeat;
}
.mail-WelcomeWizard-Modern-Step_SubscribeAndGo .mail-WelcomeWizard-Modern-Step-Title {
  margin-bottom: 10px;
  line-height: 1.33;
  font-size: 30px;
}
.mail-WelcomeWizard-Modern-Step_SubscribeAndGo .mail-WelcomeWizard-Modern-Step-Action {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-align-items: center;
          align-items: center;
}
.mail-WelcomeWizard-Modern-Step_SubscribeAndGo .mail-WelcomeWizard-Modern-Step-Action .mail-WelcomeWizard-Modern-Step_SubscribeAndGo-Discretion {
  margin-top: 10px;
  font-size: 11px;
  text-align: center;
  color: #8a8a8a;
}
.mail-WelcomeWizard-Modern {
  width: calc(100% + 13px);
  background: rgba(50,50,50,0.6);
}
.mail-WelcomeWizard-Modern .modal__content {
  width: 520px;
  height: 400px;
  border-radius: 10px;
}
.mail-WelcomeWizard-Modern-Content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.mail-WelcomeWizard-Modern-Canvas {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.mail-WelcomeWizard-Modern-Close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  height: 20px;
  width: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Close::-moz-focus-inner {
  border: 0;
}
.mail-WelcomeWizard-Modern-Close:hover:before,
.mail-WelcomeWizard-Modern-Close:hover:after {
  background-color: #4c4c4c;
}
.mail-WelcomeWizard-Modern-Close:before,
.mail-WelcomeWizard-Modern-Close:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 45%;
  width: 3px;
  height: 21px;
  background-color: #aaa;
  -webkit-transform: background-color 0.3s ease-in-out;
          transform: background-color 0.3s ease-in-out;
}
.mail-WelcomeWizard-Modern-Close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mail-WelcomeWizard-Modern-Close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}