body,html{height:100%}body{width:100vw;margin:0;font-family:Roboto Condensed,sans-serif;background-color:#f7f8fc;letter-spacing:.02857em}#app{height:100%;min-height:300px;display:flex;flex-direction:column}.lds-ring{display:inline-block;position:relative;width:34px;height:34px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:21px;height:21px;margin:6px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-top-color:#fff}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-ring-ghost{display:inline-block;position:relative;width:34px;height:34px}.lds-ring-ghost div{box-sizing:border-box;display:block;position:absolute;width:21px;height:21px;margin:6px;border-radius:50%;animation:lds-ring-ghost 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-top-color:#000}.lds-ring-ghost div:first-child{animation-delay:-.45s}.lds-ring-ghost div:nth-child(2){animation-delay:-.3s}.lds-ring-ghost div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-ghost{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInImg{0%{opacity:0;filter:blur(20px) grayscale(80%)}to{opacity:1;filter:blur(0) grayscale(0)}}.recipe-hero-loading{opacity:0;width:100%;height:auto}.recipe-hero-loaded{animation:fadeInImg cubic-bezier(.23,1,.32,1) 1;position:relative;opacity:0;animation-fill-mode:forwards;animation-duration:.5s;animation-delay:.1s}.MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid #118cd8!important}.MuiInput-underline.Mui-focused:after{border-color:#118cd8!important}.MuiInput-underline.Mui-error:after{border-bottom-color:#f44336!important}.MuiInputLabel-outlined{color:#9c9ea0!important;transform:translate(14px,17px) scale(1)!important}.MuiInputLabel-outlined.MuiInputLabel-shrink{transform:translate(14px,-6px) scale(.75)!important}.MuiButton-textPrimary,.MuiFormLabel-root.Mui-focused{color:#118cd8!important}.MuiPopover-paper{border:1px solid #d3d4d5!important}@media (max-width:1350px){#action-container-left{flex-direction:column}#action-container-right{justify-content:flex-start;width:100%;flex-direction:column;height:122px;align-items:flex-end}#recipe-search-container{width:100%;margin-bottom:12px}#recipe-dropdown-container{padding-top:10px}#recipe-dropdown-container>div>div:first-child{margin-left:0!important}}@media (max-width:1200px){#settings-menu-button{margin-right:60px!important}#header-logo{margin-left:36px}#header-signup-button{margin-right:36px}#getting-started-title{font-size:45px}#getting-started-subtitle{font-size:21px;margin:0 10%;padding-bottom:0}#getting-started-overlap{width:80%}}@media (max-width:850px){#recipe-dropdown-container>div>div{width:100%!important}#recipe-action-container{flex-direction:column;align-items:normal}#action-container-left{padding-bottom:10px}#action-container-right{height:unset}}@media (max-width:768px){#settings-menu-button{margin-right:30px!important}#getting-started-hero-container{height:300px}#getting-started-title{font-size:26px}#getting-started-subtitle{font-size:16px;margin:0 10%;padding-bottom:0}#getting-started-overlap{margin-top:-50px;width:70%}#getting-started-overlap-text{font-size:18px}#getting-started-button{height:38px;width:130px}#getting-started-tile-container{padding-top:20px;width:76.5%}#getting-started-tile{padding:25px}#getting-started-tile-title{font-size:18px}#getting-started-tile-content{font-size:16px}#dashboard-title{font-size:30px}#dashboard-button-group{padding-top:25px}#dashboard-button{height:40px;font-size:15px;width:193px;margin:5px}#dashboard-display-text{font-size:22px;text-align:center}#auth-container{width:unset}.recipe-expanded-dropdown{visibility:hidden;height:0!important;width:0!important;padding:0!important}#recipe-dropdown-expansion{height:auto;width:auto;visibility:visible;border:1px solid #118cd8;border-radius:5px!important;width:100%}#recipe-dropdown-container{width:100%}#recipe-basics-dropdown-container{flex-wrap:wrap}#dropdown-form-control{margin:22px 0!important}#dropdown-form-control:first-child,#dropdown-form-control:last-child{margin:0!important}#action-container-left{padding-bottom:22px}}@media (max-width:575px){#header-container{grid-template-columns:repeat(6,1fr)}#header-logo{grid-column:span 2;margin-left:0}#header-link-contianer{grid-column:span 4}#header-styled-link{font-size:15px;margin-right:10px}#header-styled-link:nth-child(2){margin-right:0}#header-sign-out{width:50px}#header-spacer{margin-left:10px;margin-right:2px}#header-wfdl-tab{width:95px}#header-login-link{width:40px}#header-signup-button{margin-right:20px;width:80px;font-size:14px;padding:6px}#settings-menu-button{margin-right:0!important;min-width:90px!important}#getting-started-hero-container{height:300px}#getting-started-title{font-size:26px}#getting-started-subtitle{font-size:16px;margin:0 10%;padding-bottom:0}#getting-started-overlap{margin-top:-50px;width:70%}#getting-started-overlap-text{font-size:18px}#getting-started-button{height:38px;width:130px}#getting-started-tile-container{padding-top:20px;width:312.5px}#getting-started-tile{padding:25px}#getting-started-tile-title{font-size:18px}#getting-started-tile-content{font-size:16px}#dashboard-container{margin:20px 10% 0;height:80%}#dashboard-title{font-size:30px}#dashboard-dots{visibility:hidden;width:0}#dashboard-dots>span{padding:0!important}#dashboard-button-group{flex-direction:column;padding-top:25px}#dashboard-button{height:40px;font-size:15px;width:193px;margin:5px}#dashboard-display-text{font-size:22px;text-align:center}#recipe-page-header{font-size:2rem!important}#recipe-page-subtitle{font-size:.875rem!important}#recipe-search-container{width:99%;margin-bottom:12px}#recipe-dropdown-expansion{width:99%}.Mui-expanded{margin:0!important}.MuiIconButton-edgeEnd{margin-right:-12px!important}#action-container-right{justify-content:center;align-items:center;height:unset}#dropdown-form-control{width:100%!important}#recipe-back-button{visibility:hidden;width:0!important;padding:0!important;min-width:0!important}#recipe-dual-button-container{width:100%;display:flex;justify-content:space-between}#settings-read-only-text{width:unset}.settings-password-input{width:100%!important}}@media (max-width:300px){#recipe-search-container{width:298px;margin-bottom:22px}}@media print{svg{fill:#000!important}body{color:#000!important}#header-color-flare{visibility:hidden;height:0}#header-container,#recipe-page-hero{visibility:hidden;height:0;min-height:0}#recipe-page-fab-container{visibility:hidden;height:0}#recipe-section-container{margin-top:0}#recipe-page-section{box-shadow:none}#recipe-section-title{color:#000}#recipe-content-container{padding:0 24px}#recipe-ingredient-index>g{fill:#000}#recipe-direction-index{color:#000}}