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