.styling_apointment{border-top:1px solid #e0e0e0}.styling_apointment__container{margin:0 auto;max-width:1220px}@media screen and (max-width:767px){.styling_apointment__container{padding:0 10px}}.styling_apointment__container__login{display:flex;gap:40px;margin-bottom:40px}@media screen and (max-width:767px){.styling_apointment__container__login{flex-direction:column}}.styling_apointment__steps{align-items:center;display:flex;gap:120px;justify-content:center;margin:50px 0}@media (max-width:767px){.styling_apointment__steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));text-align:center}}@supports selector(:has(*)){@media (max-width:767px){.styling_apointment__steps{display:grid;gap:20px;text-align:center}.styling_apointment__steps:has(>:nth-child(4)){grid-template-columns:repeat(2,1fr)}.styling_apointment__steps:has(>:nth-child(3)):not(:has(>:nth-child(4))){grid-template-columns:repeat(3,1fr)}}}.styling_apointment__step{align-items:center;display:flex;flex-direction:column;gap:10px;opacity:.3}.styling_apointment__step.--active{opacity:1}.styling_apointment__step__icon{background-color:#000;border-radius:50%;height:30px;width:30px}@media screen and (max-width:767px){.styling_apointment__step__icon{height:15px;width:15px}}.styling_apointment__step__label{font-size:18px;font-weight:600;margin:0}@media screen and (max-width:767px){.styling_apointment__step__label{font-size:14px}}.styling_apointment__section{border:1px solid rgba(0,0,0,.3);margin-bottom:50px}@media screen and (max-width:767px){.styling_apointment__section{padding:0 25px}}.styling_apointment__section__header{align-items:center;display:flex;font-size:32px;font-weight:600;justify-content:center;margin:60px auto;max-width:520px}@media screen and (max-width:767px){.styling_apointment__section__header{font-size:28px}}.styling_apointment__section__body{display:block;margin:0 auto 60px;max-width:520px}.styling_apointment__section.--inactive .styling_apointment__section__body{display:none}.styling_apointment__section.--inactive .styling_apointment__section__header{color:#b2b2b2}.styling_apointment__stylists{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.styling_apointment__stylists__item{cursor:pointer;display:flex;flex-direction:column;gap:10px}.styling_apointment__stylists__item.--selected .styling_apointment__stylists__avatar:after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.styling_apointment__stylists__item.--selected .styling_apointment__stylists__name{font-weight:500}.styling_apointment__stylists__avatar{align-items:center;aspect-ratio:1/1;border:1px solid #000;display:flex;justify-content:center;position:relative}.styling_apointment__stylists__avatar img{height:98px;width:auto}@media screen and (max-width:767px){.styling_apointment__stylists__avatar img{height:70px}}.styling_apointment__stylists__name{letter-spacing:-.01em}.styling_apointment__text{color:#000;font-size:16px;letter-spacing:-.01em;margin-bottom:0}.styling_apointment__text.--margin{margin-bottom:25px}.styling_apointment__text.--margin-big{margin-bottom:55px}.styling_apointment .required{color:#b2b2b2;display:block;font-size:12px;letter-spacing:-.01em;margin-top:10px}.styling_apointment__group{padding-top:40px;transition:opacity .5s ease-in-out}.styling_apointment__group:first-of-type{padding-top:0}.styling_apointment__group.--inactive{cursor:not-allowed;opacity:.4;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styling_apointment__group.--inactive:after{background:transparent;content:"";inset:0;pointer-events:all;position:absolute}.styling_apointment__group.--inactive .styling_apointment__select{cursor:not-allowed}.styling_apointment__label{color:#000;font-size:16px;letter-spacing:-.01em;margin-bottom:10px}.styling_apointment__time-slots{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.styling_apointment__time-slots__btn{background:#fff;border:1px solid #000;cursor:pointer;padding:12px;text-align:center;transition:all .3s ease}.styling_apointment__time-slots__btn.--selected,.styling_apointment__time-slots__btn:hover{background:#000;color:#fff}.styling_apointment__time-slots__btn.--disabled{border:1px solid #ccc;color:#ccc;cursor:not-allowed;position:relative}.styling_apointment__time-slots__btn.--disabled:before{background:#ccc;content:"";height:1px;left:50%;position:absolute;right:-55%;top:50%;transform:translateX(-50%) rotate(-16deg);transform-origin:center}.styling_apointment__time-slots__btn.--disabled:hover{background:#fff;color:#ccc}.styling_apointment__time-slots__btn:focus{border-radius:0;outline:0}.styling_apointment__toggle{display:flex;gap:10px}@media screen and (max-width:767px){.styling_apointment__toggle{flex-direction:column}}.styling_apointment__toggle__input{display:none}.styling_apointment__toggle__btn{background:#fff;border:1px solid #000;cursor:pointer;flex:1;letter-spacing:-.01em;padding:12px;text-align:center;transition:all .3s ease}.styling_apointment__toggle__btn:hover,.styling_apointment__toggle__input:checked+.styling_apointment__toggle__btn{background:#000;color:#fff}.styling_apointment__select-wrapper{position:relative}.styling_apointment__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;font-size:16px;padding:12px 30px 12px 20px;white-space:pre-wrap;width:100%}.styling_apointment__select:focus{border-radius:none;outline:none}.styling_apointment__submit-btn{align-items:center;background-color:#000;border:0;color:#fff;display:flex;font-weight:400;height:50px;justify-content:center;outline:none;width:100%}.styling_apointment__submit-btn:focus{border:none;border-radius:0;outline:none}.styling_apointment__submit-btn.--disabled{opacity:.35}.styling_apointment__select-icon{background:#000;height:100%;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:48px}.styling_apointment__select-icon svg{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.styling_apointment__checkbox{color:#111;font-size:16px;letter-spacing:-.01em;line-height:1.4}.styling_apointment__checkbox input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.styling_apointment__checkbox label{cursor:pointer;margin-bottom:0;padding-left:40px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styling_apointment__checkbox label:before{background:#fff;border:1px solid #ccc;border-radius:1px;content:"";height:24px;left:0;position:absolute;top:2px;transition:all .2s;width:24px}.styling_apointment__checkbox input[type=checkbox]:checked+label{font-weight:600}.styling_apointment__checkbox input[type=checkbox]:checked+label:before{border:1px solid #000}.styling_apointment__checkbox input[type=checkbox]:checked+label:after{background-color:#000;content:"";height:12px;left:6px;position:absolute;top:8px;width:12px}.styling_apointment__label.--questionare{font-weight:600;margin-bottom:20px}.styling_apointment__group__questionare{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:767px){.styling_apointment__group__questionare{grid-template-columns:repeat(1,1fr)}}.styling_apointment__checkbox.--questionare span{display:block;margin-top:3px}.styling_apointment__text-input{border:1px solid #ccc!important;padding:15px!important;width:100%}.styling_apointment__text-input:focus{border:1px solid #000!important}.styling_apointment__textarea{border:1px solid #ccc;border-radius:0;min-height:120px;padding:20px;width:100%}.styling_apointment__textarea:focus{border:1px solid #000;box-shadow:none;outline:none}.styling_apointment__options{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:767px){.styling_apointment__options{grid-template-columns:repeat(2,1fr)}}.styling_apointment__option{border:1px solid #ccc;cursor:pointer;padding:10px 15px;text-align:center;transition:all .3s ease}.styling_apointment__option:hover{border-color:#000}.styling_apointment__option.--selected{background:#000;border-color:#000;color:#fff}.styling_apointment__loading{align-items:center;background:#fff;border:1px solid #000;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:460px}.styling_apointment__loading .loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;height:40px;margin:0 auto;width:40px}.styling_apointment__loading span{font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.styling_apointment__calendar{background:#fff;border:1px solid #000;min-height:460px}@media screen and (max-width:767px){.styling_apointment__calendar{min-height:360px}}.styling_apointment__calendar__header{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:30px 15px}@media screen and (max-width:767px){.styling_apointment__calendar__header{padding:20px 10px}}.styling_apointment__calendar__month{color:#000;flex:1;font-size:32px;font-weight:600;letter-spacing:-.01em;text-align:center;text-transform:capitalize}@media screen and (max-width:767px){.styling_apointment__calendar__month{font-size:28px}}.styling_apointment__calendar__nav{align-items:center;color:#000;cursor:pointer;display:flex;flex:0.5;font-size:12px;gap:10px;letter-spacing:-.01em;text-align:center;text-transform:capitalize}.styling_apointment__calendar__nav svg{height:16px;width:16px}.styling_apointment__calendar__nav.--previous{justify-content:flex-start}.styling_apointment__calendar__nav.--next{justify-content:flex-end}.styling_apointment__calendar__grid{padding:0 15px 30px}@media screen and (max-width:767px){.styling_apointment__calendar__grid{padding:0 10px 10px}}.styling_apointment__calendar__weekdays{display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.styling_apointment__calendar__weekday{color:#000;letter-spacing:-.01em;padding:0 0 15px;text-align:center}.styling_apointment__calendar__days{display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.styling_apointment__calendar__day{align-items:center;aspect-ratio:2/1.5;background:#fff;border:1px solid #000;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:400;justify-content:center;letter-spacing:-.01em;position:relative;transition:all .2s ease}@media screen and (max-width:767px){.styling_apointment__calendar__day{font-size:14px}}.styling_apointment__calendar__day:hover{background:#f0f0f0}.styling_apointment__calendar__day.--disabled{border:1px solid #ccc;color:#ccc;cursor:not-allowed;position:relative}.styling_apointment__calendar__day.--disabled:before{background:#ccc;content:"";height:1px;left:50%;position:absolute;right:-80%;top:50%;transform:translateX(-50%) rotate(-36deg);transform-origin:center}.styling_apointment__calendar__day.--selected{background:#000;color:#fff}.styling_apointment__calendar__day.--selected:hover{background:#333}.styling_apointment__calendar__day.--other-month{color:#ccc}.styling_apointment__summary-item{margin-bottom:80px}.styling_apointment__summary-item:last-of-type{margin-bottom:0}.styling_apointment__summary-item__heading{font-size:24px;font-weight:600;letter-spacing:-.01em;margin-bottom:50px}.styling_apointment__summary-item__details{-moz-column-gap:60px;column-gap:60px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px}@media screen and (max-width:767px){.styling_apointment__summary-item__details{-moz-column-gap:0;column-gap:0;grid-template-columns:repeat(1,1fr);row-gap:15px}}.styling_apointment__summary-item__detail{font-size:16px;letter-spacing:-.01em}@media screen and (max-width:767px){.styling_apointment__summary-item__detail{display:flex;gap:5px}}.styling_apointment__summary-item__detail__label{display:block;font-weight:600;margin-bottom:5px}.styling_apointment__summary-item__detail__value{font-weight:400;margin-bottom:0}.styling_apointment__summary-item__lister{list-style-type:decimal;margin-bottom:0;padding-left:20px}.styling_apointment__summary-item__lister li{font-size:16px;letter-spacing:-.01em;margin-bottom:40px;padding-left:20px}.styling_apointment__summary-item__lister li::marker{font-weight:600}.styling_apointment__summary-item__lister li:last-of-type{margin-bottom:0}.styling_apointment__summary-item__lister__label{display:block;font-weight:600;margin-bottom:5px}.styling_apointment__summary-item__lister__value{font-weight:400;margin-bottom:0}.styling_apointment__summary-item__lister__grid{-moz-column-gap:60px;column-gap:60px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;row-gap:30px}.styling_apointment__summary-item__action{margin-top:50px}.styling_apointment__summary-item__action__btn{align-items:center;background-color:#fff;border:1px solid #000;color:#000;display:flex;font-weight:400;height:50px;justify-content:center;outline:none;width:100%}.styling_apointment__summary-item__action__btn:hover{background:#000;color:#fff}.styling_apointment__summary-item__action__btn:focus{border:1px solid #000;border-radius:0;outline:none}.styling_apointment__summary-item__action__btn.--disabled{opacity:.35}.styling_apointment__summary-form__input{border:1px solid #ccc!important;padding:15px!important;width:100%}.styling_apointment__summary-form__input:focus{border:1px solid #000!important}.styling_apointment__summary-form__regulations .label{line-height:1.5}.styling_apointment__summary-form__regulations__margin-switch{margin:40px 0}.styling_apointment__summary-form__regulations__link{display:block;font-size:14px;font-weight:600;margin-bottom:40px;text-decoration:underline}.styling_apointment__summary-form__regulations__submit{align-items:center;background-color:#000;border:1px solid #000;color:#fff;display:flex;font-weight:400;height:50px;justify-content:center;outline:none;width:100%}.styling_apointment__summary-form__regulations__submit:hover{background:#000;color:#fff}.styling_apointment__summary-form__regulations__submit:focus{border:1px solid #000;border-radius:0;outline:none}.styling_apointment__summary-form__regulations__submit.--disabled{opacity:.35}#styling-appointment-form .form__wrapper__prefixed{position:relative}#styling-appointment-form .form__wrapper__prefixed input{width:100%}#styling-appointment-form .form__label-info{position:absolute;width:100%}