.welcome-screen .container{align-self:center;display:flex;flex-direction:column;width:100%}.welcome-screen .header{width:75%}.welcome-screen .header__brand{width:212px}.welcome-screen .header p{color:var(--color-grey-400)}.welcome-screen .card{flex:30%}.welcome-screen .card h2{color:var(--color-white)}.welcome-screen .card__body{border:1px solid var(--color-grey-800);border-radius:.575rem;height:22rem;padding:1.25rem;top:1.5rem}.welcome-screen .card p{color:var(--color-grey-600);text-align:left}.welcome-screen .card__container .card__icon{background-color:var(--color-grey-700);box-shadow:0 0 2px #00000014,0 2px 24px #00000014;height:90px;left:50%;position:absolute;top:-2rem;transform:translateX(-50%);width:90px}.welcome-screen .card__container{display:flex;flex-direction:row;width:100%}.welcome-screen .card:hover .card__icon{background-color:var(--color-white)}.welcome-screen .card:hover p{color:var(--color-grey-500)}.welcome-screen footer:hover .card__icon{background-color:var(--color-white)}.welcome-screen footer:hover p{color:var(--color-grey-500)}.welcome-screen .card__body .button{bottom:2rem;left:50%;position:absolute;transform:translateX(-50%)}.welcome-screen .footer{background:var(--color-black);border:1px solid var(--color-grey-800);border-radius:.575rem;display:flex;flex-direction:row;padding:1.25rem}.welcome-screen .card__full-width{flex:100%}.welcome-screen .card__full-width .card__icon{background-color:var(--color-grey-700);box-shadow:0 0 2px #00000014,0 2px 24px #00000014;height:50px;width:50px}.welcome-screen .trademark__logo{bottom:3rem;position:absolute;right:6rem;z-index:-50}.welcome-screen .trademark__text{bottom:3rem;color:var(--color-grey-600);left:6rem;position:absolute;z-index:-50}.welcome-screen #wfm .card__body{background:100% 100% no-repeat url(../img/wfm-logo-background.svg),linear-gradient(0deg,var(--color-black) 27.23%,var(--color-grey-800) 82.05%)}.welcome-screen #callrec .card__body{background:100% 100% no-repeat url(../img/clr-logo-background.svg),linear-gradient(0deg,var(--color-black) 27.23%,var(--color-grey-800) 82.05%)}.welcome-screen #qm .card__body{background:100% 100% no-repeat url(../img/qm-logo-background.svg),linear-gradient(0deg,var(--color-black) 27.23%,var(--color-grey-800) 82.05%)}
/*# sourceMappingURL=welcome.css.map */