/* Recruitment has its own light, typographic greeting. No minimum loading time. */
html #page-transfer.recruit-transfer{background:#254be8;color:#fff;overflow:hidden;transition:opacity .26s ease,visibility 0s .26s}
.transfer-recruit{padding:30px;transform:translateY(0);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.transfer-swatches>i{animation:recruit-loading-step 1.25s cubic-bezier(.45,0,.25,1) infinite}
.transfer-swatches>i:nth-child(2){animation-delay:.12s}
.transfer-swatches>i:nth-child(3){animation-delay:.24s}
html.page-ready:not(.is-leaving):not(.page-pending) .transfer-recruit{transform:translateY(-35px)}
html.is-leaving:not(.motion-off) .transfer-swatches>i{animation-play-state:running!important}
@keyframes recruit-loading-step{0%,70%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-13px) rotate(9deg)}}
@media(max-width:767px){.transfer-recruit{padding:20px}.transfer-recruit>p{font-size:49px}.transfer-recruit>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.transfer-swatches>i{animation:none!important}html #page-transfer.recruit-transfer,.transfer-recruit{transition:none;transform:none!important}}
html.motion-off .transfer-swatches>i{animation:none!important}html.motion-off .transfer-recruit{transform:none!important;transition:none}