*{box-sizing:border-box;font-family:Source Sans Pro,sans-serif;margin:0;padding:0}:root{--wrapper-max-width:77rem;--wrapper-width:92.5%;--grey:#737373;--page-title-fz:1.75rem;--admin-primary-btn-clr:#27303f}p{line-height:1.6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error{background-color:#fed7d7;color:#742a2a;font-weight:700;margin-bottom:1rem;padding:1rem}.header{border-top:.375rem solid #000;padding:2rem 0}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--wrapper-max-width);width:var(--wrapper-width)}.nav__logo-img{width:12.75rem}.nav__list{align-items:center;display:flex;gap:2.5ch;list-style:none}.nav__link{color:inherit;padding:.5rem 0;text-decoration:none}.btn-link-styling{background:none;border:none;cursor:pointer;font-size:1rem}@media screen and (max-width:36.35em){.nav{flex-direction:column}.nav__list{margin-top:1rem}}.footer{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:center;padding:2rem}.footer__title{color:#999;font-size:.95rem}.app{display:grid;grid-auto-rows:auto 1fr auto;min-height:100vh}.hero{height:70vh;position:relative;width:100%}.hero__img{filter:brightness(.6);height:100%;object-fit:cover;object-position:50% 20%;width:100%}.hero__title-container{color:#fff;position:absolute;right:18%;top:25%}.hero__title{font-size:2rem}.hero__subtitle{margin-bottom:1.25rem}.hero__cta-info{margin-bottom:.5rem}.hero__cta-link{background-color:#fff;border:none;color:#000;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.75rem 2rem;text-decoration:none;text-transform:uppercase}@media screen and (max-width:29em){.hero__title-container{left:10%;top:25%}}.shop-description__hours-table-container{background-color:#000;box-shadow:0 8px 18px rgba(0,0,0,.175);margin:-5rem auto 8rem;max-width:35rem;padding:3rem 5rem;position:relative;width:100%;z-index:5}.shop-description__hours-table{border-collapse:collapse;border-spacing:0;color:#fff;table-layout:fixed;width:100%}.hours-table__title{font-size:1.5rem;padding-bottom:.75rem;text-align:left}.hours-table__row__header,.hours-table__row__value{padding:.25rem 0}.hours-table__row__header{font-weight:400;text-align:left}.hours-table__row__value{text-align:right}@media screen and (max-width:29em){.shop-description__hours-table-container{padding:1.75rem 2rem}}.shop-description{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin:0 auto 6rem;max-width:var(--wrapper-max-width);width:var(--wrapper-width)}.shop-description__title{font-size:var(--page-title-fz);line-height:1;margin-bottom:1rem}.shop-description__txt{white-space:pre-wrap}.shop-description__img{height:auto;width:100%}@media screen and (max-width:53em){.shop-description{grid-template-columns:1fr}}.shop-staff{background-color:#f5f5f5;padding:4rem 0}.shop-staff_title{font-size:1.5rem;margin-bottom:1.75rem;text-align:center}.shop-staff__employees-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:35rem;width:100%}.shop-staff__employee{align-items:center;display:flex;flex-direction:column;justify-content:center}.shop-staff__employee__fig,.shop-staff__employee__img{border-radius:50%}.shop-staff__employee__fig{display:inline-flex;margin-bottom:.75rem}.shop-staff__employee__img{box-shadow:0 4px 7px #0003}.shop-staff__employee__name{color:var(--grey)}.shop-staff__employee__level{font-size:.95rem}@media screen and (max-width:40.5em){.shop-staff__employees-container{flex-direction:column}}.services-page-container{margin:3rem auto;max-width:var(--wrapper-max-width);width:var(--wrapper-width)}.services-page__title{border-bottom:1px solid #e6e6e6;font-size:var(--page-title-fz);margin-bottom:5rem;padding-bottom:.5rem}.service-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:6rem}.service-container:nth-of-type(2n) figure{order:2}.service__fig__img{box-shadow:0 4px 7px rgba(0,0,0,.175);filter:grayscale(1);height:auto;width:100%}.service__info__title{display:inline-block;margin-bottom:.5rem;margin-right:1rem}.service__info__price{color:var(--grey);font-size:1.1rem;font-weight:700}@media screen and (max-width:36.35em){.service-container{grid-template-columns:1fr}.service-container:nth-of-type(2n) figure{order:-1}}.admin-dashboard{margin:2rem auto 4rem;max-width:var(--wrapper-max-width);width:var(--wrapper-width)}.admin-dashboard__title{margin-bottom:2rem}.admin-dashboard__list{border-bottom:1px solid #e5e5e5;display:flex;gap:3ch;list-style:none;margin-bottom:3rem;padding-bottom:.5rem}.admin-dashboard__link{color:inherit;position:relative;text-decoration:none}.admin-dashboard__link span:after{background-color:#000;bottom:-.5rem;content:"";height:2px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:opacity .22s cubic-bezier(0,.5,.5,1),transform .22s cubic-bezier(0,.5,.5,1);width:100%}.admin-dashboard__link.admin-dashboard__link--selected span:after{opacity:1;transform:scaleX(1)}.admin-dashboard__subtitle{color:var(--grey);font-size:1.25rem;margin-bottom:.5rem}.admin-dashboard__form{max-width:50rem;width:100%}.admin-dashboard__form__textarea{background-color:#f7fafc;border-color:#e2e8f0;font-size:1rem;height:20rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem;white-space:pre-wrap;width:100%}.admin-dashboard__form__submit-btn{background-color:var(--admin-primary-btn-clr);border:none;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:.08em;padding:.75rem 1.75rem;text-transform:uppercase}@media screen and (max-width:26.125em){.admin-dashboard__list{flex-direction:column}}.admin-appointments__title{margin-bottom:1rem}.appointments-list__card{background-color:#edf2f7;box-shadow:0 13px 15px -13px #0003;color:#27303f;margin-bottom:2rem;max-width:55rem;padding:2rem 6rem;width:100%}.appointments-list__card__info-group-wrapper{display:flex;justify-content:space-between;margin-bottom:2rem}.appointments-list__card__icon-container{margin-bottom:.5rem}.info-circle-icon{stroke:#718096;height:24px;width:24px}.appointments-list__card__delete-btn{background-color:#27303f;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.7rem 3.5rem;text-transform:uppercase}@media screen and (max-width:50.25em){.appointments-list__card{padding:2rem 3rem}.appointments-list__card__info-group-wrapper{flex-direction:column;gap:1.75rem}}.employees-table{border-collapse:collapse;box-shadow:0 5px 8px #0000001f;width:75%}.employees-table__body__data,.employees-table__header{text-align:left}.employees-table__body tr:nth-of-type(2n){background-color:#edf2f7}.employees-table__header{background-color:#f7fafc;color:var(--grey);font-size:.95rem;padding:.5rem 3rem .5rem 5rem}.skill-data{text-align:right}.employees-table__body__data{padding:1rem 3rem 1rem 5rem}.employee-action{background:none;border:none;color:#2b6cb0;cursor:pointer;font-size:1rem}.employee-action:first-of-type{border-right:1px solid #cbd5e0;padding-right:.7rem}.employee-action:last-of-type{padding-left:.7rem}.add-employee-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-bottom:2rem;opacity:.75;transition:opacity .11s ease}.add-employee-btn:focus,.add-employee-btn:hover{opacity:1}.plus-icon{stroke:#2b6cb0;margin-right:.25rem;width:1.5rem}.add-employee-btn__span{color:#2b6cb0;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media screen and (max-width:60em){.employees-table{width:100%}.employees-table__header{padding:.5rem 1.5rem .5rem 2rem}.employees-table__body__data{padding:1rem 1.5rem 1rem 2rem}}@media screen and (max-width:40.25em){.employees-table__header{padding:.5rem 1rem .5rem 1.5rem}.employees-table__body__data{padding:1rem 1rem 1rem 1.5rem}}@media screen and (max-width:35.1875em){.employees-table__header{padding:.25rem .5rem}.employees-table__body__data{font-size:.8rem;padding:.35rem .5rem}.employee-action{font-size:.8rem}.employee-action:first-of-type{padding-right:.25rem}.employee-action:last-of-type{padding-left:.25rem}}.employee-modal{background-color:#fff;max-width:30rem;width:90%}.modal-form__title{margin-bottom:1.5rem}.employee-form__group{display:flex;flex-direction:column;margin-bottom:.9rem}.employee-form__group:last-of-type{margin-bottom:1.5rem}.employee-form__label{margin-bottom:.25rem}.employee-form__input{font-size:1rem;padding:.25rem .5rem}.employee-form__submit{background-color:var(--admin-primary-btn-clr);border:none;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:.08em;padding:.75rem 1.75rem;text-transform:uppercase}.backdrop{background-color:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.backdrop,.modal{align-items:center;display:flex;justify-content:center}.modal{background-color:#fff;flex-direction:column;padding:6rem;position:relative}.modal__close-btn{background-color:inherit;border:none;cursor:pointer;opacity:.65;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:opacity .12s ease;z-index:10}.modal__close-btn:hover{opacity:1}.modal__close-btn-icon{display:block;height:1.5rem;width:1.5rem}.modal__title{margin-bottom:1.5rem;max-width:47ch;text-align:center}.modal__confirm-btn{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.75rem 2rem;text-transform:uppercase}@media screen and (max-width:32em){.modal{padding:3rem}}.auth{align-items:center;display:flex;justify-content:center}.auth-inner-wrapper{-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);background-color:#000000a6;color:#fff;margin:3rem 0;max-width:30rem;padding:2rem 2.5rem;width:92.5%}.auth-title{margin-bottom:1.75rem}.signup-container{background:url(/static/media/barber-tools-signup-bg-opt.7128c06066eef51e1ec1.jpg) no-repeat 50%}.login-container{background:url(/static/media/barber-tools-login-bg-opt.46d4f97e48a868f9589b.jpg) no-repeat 50%}@media screen and (max-width:37.5em){.signup-container{background:url(/static/media/barber-tools-signup-bg-sm-opt.25912437de2d7f51c46c.jpg) no-repeat 50%}.login-container{background:url(/static/media/barber-tools-login-bg-sm-opt.51abb605336438e6e3f6.jpg) no-repeat 50%}}.auth-form__group{display:grid;grid-template-columns:1fr;margin-bottom:1.5rem}.auth-form__group:last-of-type{margin-bottom:2.25rem}.auth-form__group__label{margin-bottom:.5rem}.auth-form__group__input{background:none;border:none;border-bottom:2px solid var(--grey);color:#fff;font-size:1rem;outline:none;padding:.5rem}.auth-form__group__input:focus{border-bottom-color:#fff}.auth-form__submit{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.75rem 1.35rem;text-transform:uppercase}.page-404-container{margin:3rem auto;max-width:var(--wrapper-max-width);width:var(--wrapper-width)}.page-404__test-header{color:#949494;font-size:24rem;line-height:1}.page-404__sub-header{color:#474747;font-size:var(--page-title-fz);margin-bottom:1.25rem}.page-404__home-link{background-color:#000;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.08em;padding:.75rem 1.35rem;text-decoration:none;text-transform:uppercase}
/*# sourceMappingURL=main.5dfd337d.css.map*/