.header{display:flex;justify-content:space-between;align-items:center;height:54px}.header .header__logo{font-family:Rochester,cursive;text-decoration:none;color:inherit;font-size:36px}.footer{text-align:center;padding:20px 0}.uploader .ant-upload-list-item-card-actions.picture{top:20px}.uploader .anticon-delete{font-size:22px}.recipe-form .recipe-form__title{margin-top:0;display:flex;justify-content:space-between}.recipe-form__actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}.recipe-form__autosave{font-size:14px;color:#666;display:flex;align-items:center;white-space:nowrap}.recipe-form .recipe-form__step-count{font-size:16px;padding:4px 8px 0 0}.recipe-form .recipe-form__action{margin-left:8px;flex:0 0 32px}.recipe-form .ant-select-auto-complete.ant-select .ant-select-selection--single{height:40px}.recipe-list__search{margin-bottom:12px}.recipe-list .ant-input-affix-wrapper .ant-input{min-height:auto}.dashboard{padding:0 44px}.dashboard__content{padding:28px 0}.dashboard__title{display:flex;justify-content:space-between;margin-top:0}@media only screen and (max-width:768px){.dashboard{padding:0 20px}}.list-view__title{font-size:32px;font-weight:300;line-height:1.1;margin:28px 0}.list-view__container{padding:0 20px;max-width:1440px;margin:0 auto}.list-view__search{border:0 none;width:100%;font-size:16px;padding:10px 20px;background:#fafafa;margin-bottom:12px}.list-view__no-results{text-align:center}.list-view__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:200px;grid-gap:12px;grid-auto-flow:dense}.list-view__card{position:relative;transition:box-shadow .25s}.list-view__card:hover{box-shadow:0 0 16px #00000039}.list-view__card-img{display:block;width:100%;height:100%;object-fit:cover}.list-view-card-placeholder{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:16px;color:#a7a7a7;width:100%;height:100%;background-color:#f4f4f4}@media(min-width:600px){.list-view__card:nth-child(4n+1){grid-column:span 2;grid-row:span 2}.list-view__card:nth-child(4n+1) .list-view-card-placeholder{padding:24px 100px;font-size:24px}}@media(max-width:600px){.list-view-card-placeholder{align-items:flex-start;padding-top:60px}}.list-view__card-caption{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 10px;background-color:#00000040;opacity:0;visibility:hidden;transition:all .25s}.list-view__card:hover .list-view__card-caption,.list-view__card:focus .list-view__card-caption{opacity:1;visibility:visible}@media(max-width:600px){.list-view__card-caption{opacity:1;visibility:visible}}.list-view__card-title{font-size:20px;font-weight:400;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list-view__card-description{margin:0 0 4px;color:#fff;font-weight:200;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.single-view__page-header{display:flex;align-items:center;gap:12px;padding:16px 0}.single-view__page-title{font-weight:300;margin:0;font-size:24px}.single-view__subtitle{font-weight:300}.single-view__container{padding:0 20px;max-width:768px;margin:0 auto}.single-view__ingredients-list{list-style:none;padding:0;margin:0 0 20px}.single-view__amount{font-weight:200;font-size:20px;margin-right:8px}.single-view__directions-list{padding:0 0 0 20px;margin:0 0 20px}.single-view__list-item{font-size:15px;letter-spacing:.3px}.single-view__directions-list .single-view__list-item{margin-bottom:8px}.single-view__gallery{max-width:1024px;height:500px;margin:12px auto}.single-view__gallery img{width:100%;height:500px;object-fit:cover}.login{text-align:center;padding:120px 0}.login__logo{font-family:Rochester,cursive;text-decoration:none;color:inherit;font-size:36px}.login__wrapper{padding:20px 0}.login__google-button{background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;min-width:200px}.login__google-button:hover:not(:disabled){background-color:#357ae8}.login__google-button:disabled{opacity:.6;cursor:not-allowed}.login__error{color:#f5222d;margin-top:16px;font-size:14px}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Roboto,sans-serif;padding:0;margin:0}:focus{outline:1px solid #8ac7ff}