:root {
--wbk-primary-50: #F2F4F4;
--wbk-primary-text-50: #22292F;
--wbk-primary-100: #E6E9E9;
--wbk-primary-text-100: #22292F;
--wbk-primary-200: #CDD3D3;
--wbk-primary-text-200: #22292F;
--wbk-primary-300: #B3BCBD;
--wbk-primary-text-300: #22292F;
--wbk-primary-400: #9AA6A7;
--wbk-primary-text-400: #22292F;
--wbk-primary-500: #032123;
--wbk-primary-text-500: #FFFFFF;
--wbk-primary-600: #000000;
--wbk-primary-text-600: #FFFFFF;
--wbk-primary-700: #000000;
--wbk-primary-text-700: #FFFFFF;
--wbk-primary-800: #000000;
--wbk-primary-text-800: #FFFFFF;
--wbk-primary-900: #000000;
--wbk-primary-text-900: #FFFFFF;
--wbk-primary-950: #000000;
--wbk-primary-text-950: #FFFFFF;
--wbk-primary-filter-500: hue-rotate(9.271472392638deg) saturate(106%) brightness(19%);
--wbk-secondary-50: #F2F4F4;
--wbk-secondary-text-50: #22292F;
--wbk-secondary-100: #E6E9E9;
--wbk-secondary-text-100: #22292F;
--wbk-secondary-200: #CDD3D3;
--wbk-secondary-text-200: #22292F;
--wbk-secondary-300: #B3BCBD;
--wbk-secondary-text-300: #22292F;
--wbk-secondary-400: #9AA6A7;
--wbk-secondary-text-400: #22292F;
--wbk-secondary-500: #032123;
--wbk-secondary-text-500: #FFFFFF;
--wbk-secondary-600: #000000;
--wbk-secondary-text-600: #FFFFFF;
--wbk-secondary-700: #000000;
--wbk-secondary-text-700: #FFFFFF;
--wbk-secondary-800: #000000;
--wbk-secondary-text-800: #FFFFFF;
--wbk-secondary-900: #000000;
--wbk-secondary-text-900: #FFFFFF;
--wbk-secondary-950: #000000;
--wbk-secondary-text-950: #FFFFFF;
--wbk-secondary-filter-500: hue-rotate(9.271472392638deg) saturate(106%) brightness(19%);
}@font-face {
font-family: poppins-light;
src: url(//www.inmotion.je/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Light.7641a0f7.ttf);
}
@font-face {
font-family: poppins;
src: url(//www.inmotion.je/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Regular.35d26b78.ttf);
}
@font-face {
font-family: poppins-medium;
src: url(//www.inmotion.je/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Medium.673ed423.ttf);
}
@font-face {
font-family: poppins-semibold;
src: url(//www.inmotion.je/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-SemiBold.ac8d04b6.ttf);
}
@font-face {
font-family: poppins;
src: url(//www.inmotion.je/wp-content/plugins/webba-booking-lite/build/fonts/Poppins-Bold.cdb29a5d.ttf);
font-weight: bold;
}
.appointment-box-wbk {
display: flex;
max-width: 760px;
min-height: 650px;
background: #fff;
padding: 20px 20px 20px 20px;
margin: 0 auto;
border-radius: 20px;
box-shadow: 0 0 60px rgba(161, 163, 182, 0.2);
}
.appointment-box-wbk .appointment-status-wrapper-wbk {
background: #428a89;
border-radius: 20px;
color: #fff;
padding: 20px;
min-width: 250px;
min-height: 620px;
margin: 0;
box-sizing: border-box;
}
.narrow-form-wbk .appointment-status-wrapper-wbk {
max-width: 215px;
min-width: 215px;
}
.circle-box-wbk {
width: 26px;
height: 26px;
margin: 0 10px 0 0;
position: relative;
}
.circle-wrapper-wbk {
width: 13px;
height: 26px;
position: absolute;
top: 0;
overflow: hidden;
}
.circle-wrapper-right-wbk {
right: 0;
}
.circle-whole-wbk {
width: 26px;
height: 26px;
border: 2px solid transparent;
border-radius: 50%;
position: absolute;
top: 0;
transform: rotate(-135deg);
}
.circle-left-wbk {
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid rgba(255, 255, 255, 0.2);
left: 0;
animation: circleLeft-wbk 0.4s linear forwards;
}
li.completed-wbk .circle-digit-wbk {
animation: append-animate-wbk 0.4s linear;
background: #fff;
text-indent: 100px;
overflow: hidden;
}
.circle-digit-wbk {
display: flex;
max-width: 26px;
max-height: 26px;
min-width: 26px;
min-height: 26px;
border: 2px solid rgba(255, 255, 255, 0.2);
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 5px 16px;
}
.appointment-box-wbk .appointment-status-list-wbk {
list-style: none;
padding: 0;
margin: 0;
}
.appointment-box-wbk .appointment-status-list-wbk > li {
display: flex;
align-items: center;
margin: 0 0 10px 0;
opacity: 0.6;
align-items: flex-start;
}
.appointment-box-wbk .appointment-status-list-wbk > li.active-wbk {
opacity: 1;
}
.appointment-box-wbk .appointment-status-list-wbk > li.completed-wbk .circle-digit-wbk {
animation: append-animate-wbk 0.4s linear;
text-indent: 100px;
overflow: hidden;
}
.appointment-box-wbk .appointment-status-list-wbk .circle-digit-wbk {
display: flex;
max-width: 26px;
max-height: 26px;
min-width: 26px;
min-height: 26px;
border: 2px solid rgba(255, 255, 255, 0.2);
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 0 10px 0 0;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk {
padding: 2px 0 0 0;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .text-title-wbk {
font-size: 16px;
margin: 0 0 10px 0;
padding: 0 !important;
font-family: poppins, arial;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk {
list-style: disc;
margin: 0 0 0 20px;
max-width: 200px;
font-size: 14px;
padding: 0 !important;
}
.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk li + li {
margin-top: 10px;
}
.components-radio-control-input,
.components-checkbox-control-input {
box-shadow: none !important;
}
.timeslot-animation-wbk {
animation: append-animate-wbk 0.3s linear;
}
.input-label-wbk {
display: block;
margin: 10px 0 2px 0;
font-size: 14px;
font-weight: normal;
color: #000;
font-family: poppins, arial;
text-align: left;
}
.appointment-content-wbk:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.appointment-status-text-mobile-wbk {
display: none;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.current-step-wbk {
margin: 0 !important;
padding: 0 !important;
font-family: poppins-medium, arial;
font-size: 16px;
}
.next-step-wbk {
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
}
@media (max-width: 1200px) {
.appointment-box-wbk {
display: block;
box-shadow: none;
padding: 5px 0 10px 0;
min-height: 0;
}
.appointment-box-wbk .appointment-status-wrapper-wbk {
display: flex;
padding: 20px 25px 20px 25px;
align-items: center;
min-width: 0;
max-width: none;
margin: 0 15px 20px 15px;
min-height: auto;
}
.appointment-status-list-wbk {
display: none;
}
.appointment-status-text-mobile-wbk {
display: block;
}
}
.circle-chart-wbk {
display: none;
width: 80px;
height: 80px;
background: #428a89;
position: relative;
margin: 0 15px 0 0;
}
@media (max-width: 950px) {
.circle-chart-wbk {
display: inline-block;
}
}
@media (max-width: 500px) {
.appointment-box-wbk .appointment-status-wrapper-wbk {
padding: 10px;
}
}
.custom-radiobutton-wbk {
display: inline-block;
position: relative;
padding-left: 25px;
line-height: 23px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
font-weight: normal;
}
.circle-chart-wbk .circle-chart-text-wbk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.hidden-wbk {
display: none !important;
}
.checkmark-wbk {
position: absolute;
top: 4px;
left: 0;
height: 16px;
width: 16px;
border: 1px solid #212121;
border-radius: 50%;
box-sizing: border-box;
transition: 0.2s;
}
.checkmark-multiple-wbk {
border-radius: 0 !important;
}
.narrow-form-wbk {
max-width: 600px;
}
.appointment-content-scroll-wbk {
padding: 0 25px 30px 10px;
position: relative;
margin: 0 0 23px;
height: 555px;
overflow: hidden !important;
}
.appointment-content-wbk {
flex-grow: 1;
padding: 0 20px;
}
.button-block-wbk {
display: flex;
justify-content: right;
padding: 0 25px 0 0;
}
.button-wbk {
font-family: poppins-semibold, arial;
display: flex;
align-items: center;
justify-content: center;
background: #1f6763;
border-radius: 15px;
color: #fff;
border: none;
padding: 18px 20px 18px 20px !important;
font-size: 16px;
transition: 0.2s;
cursor: pointer;
min-width: 155px;
outline: none;
height: auto !important;
text-align: center;
position: relative;
overflow: hidden;
margin-left: 5px;
}
.button-wbk.loading-wbk {
cursor: wait !important;
pointer-events: none;
background: #808080;
}
.button-wbk.loading-wbk::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: loading-animation-wbk 1.5s infinite linear;
}
@keyframes loading-animation-wbk {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.loading-holder-wbk {
display: block !important;
}
.react-loading-skeleton {
height: 75px;
overflow: hidden;
border-radius: 9px;
margin-bottom: 10px;
}
.justify-content-center-wbk {
justify-content: center;
}
.input-wbk,
.select-wbk,
.text-wbk,
.email-custom-wbk {
width: 100% !important;
max-width: 100% !important;
margin-top: 0;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
display: block;
box-sizing: border-box !important;
border: 1px solid #cdcfde !important;
border-radius: 15px;
height: 50px;
padding: 0 20px 0 20px;
font-family: poppins, arial;
font-size: 16px;
color: #212121;
outline: none;
font-weight: normal;
background: #fff !important;
}
.wbk-form {
width: 100%;
max-width: 450px;
display: flex;
flex-flow: column;
justify-content: center;
}
.wbk-form__heading {
margin-bottom: 50px;
}
.wbk-form__title {
font-size: 20px !important;
font-weight: normal;
line-height: 1.2;
padding-left: 5px;
border-left: 5px solid #428a89;
color: #428a89;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
font-family: "poppins";
}
.wbk-form__input-wrapper {
display: flex;
flex-flow: column;
gap: 15px;
}
.wbk-form__group {
display: flex;
flex-flow: column;
gap: 10px;
}
.wbk-form__label {
display: block;
font-size: 16px;
font-weight: normal;
color: #000;
font-family: poppins, arial;
text-align: left;
}
.wbk-form [type=text],
.wbk-form [type=email],
.wbk-form [type=password],
.wbk-form select {
width: 100% !important;
max-width: 100% !important;
margin-top: 0;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
display: block;
box-sizing: border-box !important;
border: 1px solid #cdcfde !important;
border-radius: 15px;
padding: 18px 20px 18px 20px;
font-family: poppins, arial;
font-size: 16px;
color: #212121;
outline: none;
font-weight: normal;
background: #fff !important;
height: auto;
}
.wbk-form [type=text]:disabled,
.wbk-form [type=email]:disabled,
.wbk-form [type=password]:disabled,
.wbk-form select:disabled {
color: #cecccc !important;
}
.wbk-form [type=text]:focus,
.wbk-form [type=email]:focus,
.wbk-form [type=password]:focus,
.wbk-form select:focus {
box-shadow: none !important;
outline: none !important;
}
.wbk-form__error {
border-right: 4px solid #ff2a2a !important;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
padding-right: 5px;
text-align: right;
margin-top: 15px;
font-size: 16px;
}
.wbk-form__button-holder {
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
.form-single-col-wbk {
width: 350px;
}
.input-wbk:disabled {
color: #cecccc !important;
}
.input-wbk:focus {
box-shadow: none !important;
outline: none !important;
}
.input-error-wbk {
border-left: 2px solid #ff2a2a !important;
}
.button-holder-wbk {
margin: 20px 0 0 0;
display: flex;
justify-content: flex-end;
}
.items-list-wbk {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
li.item-wbk {
margin: 0 0 20px 0 !important;
padding: 10px !important;
border-radius: 10px;
width: 100%;
box-sizing: border-box;
border: 1px solid #e5e7eb;
}
.timeslot-animation-wbk {
animation: append-animate-w 0.3s linear;
}
@keyframes append-animate-wbk {
from {
transform: scaleY(0);
opacity: 0;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.icon-wbk {
display: block;
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
background-size: 20px 20px;
}
.money-grey-icon-wbk {
background-image: url(data:image/png;base64,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);
}
.clock-grey-icon-wbk {
background-image: url(data:image/png;base64,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);
}
.item-title-wbk {
font-family: poppins, arial;
font-size: 16px;
display: block;
margin-bottom: 10px !important;
color: #000;
}
.item-block-sub-title-wbk {
font-family: poppins, arial;
font-size: 16px;
color: #686080 !important;
margin-right: 30px !important;
}
.item-block-controls-wbk {
display: flex;
align-items: center;
margin-top: 10px;
}
.item-block-controls-wbk a {
text-decoration: none !important;
margin: 0 10px 0 0;
color: #686080;
outline: none !important;
}
.item-block-controls-wbk a:hover {
text-decoration: underline !important;
}
.color-red-wbk {
color: #ff2020 !important;
}
.navbar-links-wbk li a {
text-decoration: none !important;
font-size: 16px !important;
font-weight: 300;
font-family: poppins, arial !important;
outline: none !important;
}
.react-calendar {
border: none !important;
background: #fff !important;
width: 100% !important;
border-radius: 20px;
box-shadow: 0 0 19px rgba(161, 163, 182, 0.2);
}
abbr[title],
.react-calendar__tile,
.react-calendar__tile abbr {
border: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
.react-calendar__navigation__label,
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__label,
.react-calendar__navigation__prev-button,
.react-calendar__navigation__next-button,
.react-calendar__navigation__next2-button {
color: #000;
}
.react-calendar__month-view__days__day:not(:disabled):not(.react-calendar__tile--active),
.react-calendar__tile--no:not(:disabled):not(.react-calendar__tile--active) {
color: #000;
}
.react-calendar__tile--now {
background: #ffffff;
}
.timeslots-list-wbk {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
-moz-column-gap: 6px;
column-gap: 6px;
row-gap: 6px;
list-style: none !important;
margin: 15px 0 30px 0 !important;
padding: 0 12px 0 0 !important;
width: 100%;
box-sizing: border-box;
}
.timeslots-list-wbk li {
margin: 0 !important;
padding: 0 !important;
}
.timeslots-list-wbk input[type=radio] {
display: none;
}
.timeslots-list-wbk input[type=radio] ~ .radio-time-block-wbk {
transition: 0.2s;
}
.timeslots-list-wbk .radio-time-block-wbk {
display: flex;
height: 44px;
border: 1px solid #1f6763;
border-radius: 10px;
justify-content: center;
align-items: center;
transition: 0.2s;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-wbk {
color: #fff;
background: #1f6763;
border: 1px solid #1f6763;
cursor: default;
}
.timeslot-animation-w {
animation: append-animate-w 0.3s linear;
}
.timeslots-list-wbk .radio-checkmark {
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #8a9393;
border-radius: 100%;
margin: 0 5px 0 0;
}
.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-w .radio-checkmark {
border-color: #fff;
border-width: 4px;
}
.loading-small-horizontal-wbk {
width: 150px;
height: 22px;
background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 50%, #f0f0f0 100%);
background-size: 200% 100%;
animation: loading-small-horizontal 1.5s infinite;
display: inline-block;
border-radius: 3px;
}
@keyframes loading-small-horizontal {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.navbar--wbk {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
color: white;
padding: 10px 20px;
}
.menu-toggle-wbk {
display: none;
background: none !important;
border: none !important;
color: white !important;
font-size: 1.5em;
cursor: pointer;
}
.menu-toggle-wbk:hover {
background: none !important;
border: none !important;
color: white !important;
outline: none !important;
}
.navbar-links-wbk {
display: flex;
flex-direction: column;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.navbar-links-wbk a {
color: white;
text-decoration: none;
}
@media (min-width: 768px) {
.menu-toggle-wbk {
display: none;
}
.navbar-links-wbk {
flex-direction: column;
display: flex;
}
.navbar-links-wbk li {
margin: 10px 0;
}
}
.active-wbk {
font-weight: bold !important;
}
.mt-50-wbk {
margin-top: 50px;
}
@media (max-width: 768px) {
.menu-toggle-wbk {
display: block;
}
.navbar-links-wbk {
display: none;
position: relative;
right: 0;
width: 100%;
z-index: 50;
}
.navbar-links-wbk.open-wbk {
display: flex;
flex-direction: column;
}
.navbar-links-wbk li {
text-align: left;
margin: 0 0 10px 33px;
}
.timeslots-list-wbk {
grid-template-columns: 1fr 1fr;
}
}
.rcs-inner-handle {
background-color: rgba(149, 149, 149, 0.19) !important;
} @keyframes react-loading-skeleton {
100% {
transform: translateX(100%);
}
}
.react-loading-skeleton {
--base-color: #ebebeb;
--highlight-color: #f5f5f5;
--animation-duration: 1.5s;
--animation-direction: normal;
--pseudo-element-display: block; background-color: var(--base-color);
width: 100%;
border-radius: 0.25rem;
display: inline-flex;
line-height: 1;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
}
.react-loading-skeleton::after {
content: ' ';
display: var(--pseudo-element-display);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-repeat: no-repeat;
background-image: var(
--custom-highlight-background,
linear-gradient(
90deg,
var(--base-color) 0%,
var(--highlight-color) 50%,
var(--base-color) 100%
)
);
transform: translateX(-100%);
animation-name: react-loading-skeleton;
animation-direction: var(--animation-direction);
animation-duration: var(--animation-duration);
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion) {
.react-loading-skeleton {
--pseudo-element-display: none; }
} .Lu8iI_MchCctFXmDCMig {
width: 240px;
background-color: #f9fafb;
border-right: 1px solid #e5e7eb;
padding: 16px 24px;
display: flex;
flex-flow: column;
}
@media screen and (max-width: 768px) {
.Lu8iI_MchCctFXmDCMig {
width: 100%;
height: 100%;
position: absolute;
top: 65px;
left: 0;
}
}
.DaOo2wUDbaVUD37wrjvb {
display: flex;
flex-flow: column;
gap: 8px;
}
.yJuJy2E3rLSJePYj0VJd {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
border-radius: 10px;
transition: 0.3s all ease;
cursor: pointer;
}
.yJuJy2E3rLSJePYj0VJd:not(.cWDc32KwxF8qXlokv9l3) img {
filter: grayscale(100%);
transform: 0.3s all ease;
}
.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi {
background-color: var(--wbk-primary-50);
color: #0f766e;
}
.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi img {
filter: grayscale(0%);
}
.i9D3IUtoARuXewHYGOnH {
padding-top: 25px;
border-top: 1px solid #e5e7eb;
margin-top: 16px;
color: #dc2626;
}
.NX_BtmJj_l0yIldmDY8X {
border-top: 1px solid #e5e7eb;
margin-top: auto;
padding-top: 22px;
}
.NX_BtmJj_l0yIldmDY8X .sazvKVCxaFRTVcTXVDKe {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
padding-bottom: 10px;
margin-bottom: 10px;
}
.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw {
display: flex;
flex-flow: column;
gap: 10px;
}
.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw a {
text-decoration: none;
font-size: 14px;
font-weight: 300;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 8px;
color: #668091;
}
.NnVcxxRm5pv4mksCbTPR {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border-radius: 10px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 p {
margin-bottom: 20px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button {
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.cAsmc0yA_IzwHcevxIgn {
background-color: #dc2626;
color: #fff;
}
.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.DV_0Te8XeWN84kBwlDsH {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
} .wbk_button {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 12px 16px;
border-radius: 8px;
outline: none;
cursor: pointer;
border: none;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
text-align: center;
vertical-align: middle;
transition: 0.3s all cubic-bezier(0.25, 0.8, 0.25, 1);
text-decoration: none !important;
position: relative;
}
.wbk_button:active, .wbk_button:focus {
outline: none;
box-shadow: none;
}
.wbk_button:active {
transform: scale(0.95);
}
.wbk_button:hover:not(.disabled):not(:active) {
transform: translateY(-4px) scale(1.03) perspective(400px) rotateX(4deg);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 1.5px 4px rgba(0, 0, 0, 0.1);
}
.wbk_button--primary {
background-color: var(--wbk-primary-500);
color: #fff;
}
.wbk_button--primary:hover:not(.disabled) {
background-color: var(--wbk-primary-600);
color: #fff;
}
.wbk_button--secondary {
background-color: #edeff2;
color: #22292f;
}
.wbk_button--secondary:hover {
background-color: var(--wbk-primary-500);
color: var(--wbk-primary-50);
}
.wbk_button--generic {
border: none;
background-color: transparent;
color: #668091;
box-shadow: none;
outline: none;
position: static;
transition: none;
}
.wbk_button--generic:hover:not(.disabled):not(:active) {
transform: none;
box-shadow: none;
color: #668091;
background-color: transparent !important;
}
.wbk_button--generic:active:not(.disabled) {
transform: none;
box-shadow: none;
color: #668091;
background-color: transparent !important;
}
.wbk_button--error {
background-color: #dc2626;
color: #fff;
}
.wbk_button--error:hover {
background-color: #b91c1c;
color: #fff;
}
.wbk_button--disabled {
background-color: #edeff3;
cursor: not-allowed;
}
.wbk_button:hover .wbk_button__tooltip {
visibility: visible;
z-index: 9999;
opacity: 1;
}
.wbk_button__tooltip {
background: #fff;
color: #222;
padding: 8px 14px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 14px;
white-space: pre-line;
pointer-events: none;
transition: all 0.3s ease;
text-align: center;
min-width: 180px;
max-width: 320px;
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
bottom: calc(100% + 12px);
right: 30%;
margin-left: 12px;
}
.wbk_button__tooltip::after {
content: "";
position: absolute;
top: 100%;
left: calc(100% - 16px);
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.wbk_button__loader {
width: 20px;
height: 20px;
border: 3px solid #fff;
border-top: 3px solid #668091;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-right: 8px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .KKLofP45FsQ6Eu3Ueet1 {
padding: 32px;
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
}
.KKLofP45FsQ6Eu3Ueet1 h2 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
color: #111827;
margin: 0;
}
.KKLofP45FsQ6Eu3Ueet1 p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #6b7280;
margin: 0;
}
.cp82M2vWPil8NvhvB7tS {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.cp82M2vWPil8NvhvB7tS .fVXVED1O36U8fktffkda {
width: 64px;
height: 64px;
min-width: 64px;
min-height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--wbk-primary-100);
}
.O2NCX3pelTmVHMEJzuh5 {
margin-top: 30px;
display: flex;
flex-flow: column;
gap: 24px;
}
.O2NCX3pelTmVHMEJzuh5 .ihHoO1Qa6iDLerEwnWc9 {
display: flex;
flex-flow: column;
gap: 8px;
}
.O2NCX3pelTmVHMEJzuh5 label {
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #374151;
}
.O2NCX3pelTmVHMEJzuh5 [type=text],
.O2NCX3pelTmVHMEJzuh5 [type=email],
.O2NCX3pelTmVHMEJzuh5 [type=password] {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #d1d5db;
padding: 12px 16px;
outline: none;
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color: #374151;
transform: 0.3s all ease;
}
.O2NCX3pelTmVHMEJzuh5 [type=text]:active, .O2NCX3pelTmVHMEJzuh5 [type=text]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=email]:active,
.O2NCX3pelTmVHMEJzuh5 [type=email]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=password]:active,
.O2NCX3pelTmVHMEJzuh5 [type=password]:focus {
outline: none;
background-color: #ffffff;
border-color: var(--wbk-primary-500);
}
.O2NCX3pelTmVHMEJzuh5 [type=text]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=email]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=password]::-moz-placeholder {
color: #adaebc;
}
.O2NCX3pelTmVHMEJzuh5 [type=text]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=email]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=password]::placeholder {
color: #adaebc;
}
.LReKVHda87_mh16GnXVF {
margin-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C {
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: #4b5563;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input {
outline: none;
}
.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:active, .LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:focus {
outline: none;
}
.O5EW09aH9h5D0BqBZXXn {
margin-top: 24px;
}
.O5EW09aH9h5D0BqBZXXn .rZuZOqn3rAUwtdEnyMpa {
width: 100%;
}
.zq64uOkvy0xtT7EwEZov {
text-align: center;
margin-top: 15px;
font-size: 16px;
padding: 4px 8px;
border-radius: 8px;
background: #f8dcdc;
color: #ff2a2a;
border: 1px solid #ffadad;
margin-top: 24px !important;
} .InN_8lx3C7bpwVXsHTQ4 {
width: 100%;
max-width: 900px;
height: 638px;
position: relative;
}
.InN_8lx3C7bpwVXsHTQ4.s8WhGkRlu_GlBh2GIK6G {
max-width: 448px;
max-height: 568px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.InN_8lx3C7bpwVXsHTQ4 {
max-width: 100%;
}
}
.ynC1ZR_wxt_olPgREeC_ {
border-radius: 10px;
border: 1px solid #e5e7eb;
display: flex;
overflow: hidden;
height: 100%;
}
@media screen and (max-width: 768px) {
.ynC1ZR_wxt_olPgREeC_ {
flex-flow: column;
}
}
.Bp1uzjt9OFvcwc4UYQ48 {
width: 100%;
}
.Bp1uzjt9OFvcwc4UYQ48 h2 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
color: #111827;
margin: 0;
}
.Bp1uzjt9OFvcwc4UYQ48 p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #6b7280;
}
._zIDKA87SLhgC06gQySp {
display: none;
align-items: center;
justify-content: flex-start;
padding: 16px;
}
._zIDKA87SLhgC06gQySp .gNYM54_2qUucz11PVPSO {
margin-left: auto;
display: flex;
align-items: center;
gap: 12px;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq {
display: flex;
flex-flow: column;
gap: 3px;
cursor: pointer;
position: relative;
width: 17.5px;
height: 15px;
align-items: center;
justify-content: center;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq div {
width: 17.5px;
height: 3px;
border-radius: 10px;
background-color: #4b5563;
cursor: 0.3s all ease;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.2s ease-in-out;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(1) {
transform: translate(-50%, -50%) rotate(45deg);
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(2) {
opacity: 0;
}
._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(3) {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
._zIDKA87SLhgC06gQySp {
display: flex;
}
} .xwWlUDmt0ykq86bzfUR_ {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
.xwWlUDmt0ykq86bzfUR_ p {
margin: 0;
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.xwWlUDmt0ykq86bzfUR_ h2,
.xwWlUDmt0ykq86bzfUR_ .r4arV_VOAbV3jiSmpQBg {
display: none;
}
}
.rLvgHst1cTyNutyXrzfH {
height: 100%;
display: flex;
flex-flow: column;
padding: 24px;
}
@media screen and (max-width: 768px) {
.rLvgHst1cTyNutyXrzfH {
padding: 16px;
border-top: 1px solid #e5e7eb;
}
}
.jsg_tGWFamYxp2iYLd4T {
margin-top: 24px;
}
.jsg_tGWFamYxp2iYLd4T .PO94JLiucMXN3fdgLvjF {
background-color: #f3f4f6;
border-radius: 10px;
width: 100%;
padding: 4px;
display: flex;
}
.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF {
border-radius: 8px;
padding: 10px 14px;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #111827;
transition: 0.3s all linear;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid transparent;
}
.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF.Jz0IeJa5IuoSL9kC31WN {
background-color: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922);
}
.jsg_tGWFamYxp2iYLd4T .LqzeJjawhmJVg9rdl8V6 {
margin-top: 24px;
display: flex;
flex-flow: column;
}
.jsg_tGWFamYxp2iYLd4T .NnONoJRl5c8wLokNEtET {
display: flex;
flex-flow: column;
gap: 16px;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
} .wAXfpnZjatliINzwf4xU {
border: 1px solid #e5e7eb;
background-color: #ffffff;
padding: 17px;
border-radius: 10px;
}
.kpVUXhDw6zpF86Yta7do {
display: flex;
align-items: center;
gap: 14px;
}
.kpVUXhDw6zpF86Yta7do .ep1mLJAD3S2wtyfg3dVn {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #111827;
}
.kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
border-radius: 9999px;
padding: 4px 6px;
font-weight: 300;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
}
@media screen and (max-width: 768px) {
.kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
margin-left: auto;
}
}
.kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
margin-left: auto;
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
color: #111827;
}
@media screen and (max-width: 768px) {
.kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
display: none;
}
}
.mqfFtDlwMcSQtSnm7ZHw {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-top: 8px;
}
@media screen and (max-width: 768px) {
.mqfFtDlwMcSQtSnm7ZHw {
flex-flow: column;
gap: 12px;
align-items: flex-start;
}
}
.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 {
display: flex;
flex-flow: column;
gap: 4px;
}
.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 .jVpdqWkaaumXWYwCjIu7 {
display: flex;
align-items: center;
gap: 8px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: #4b5563;
}
.mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
display: flex;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 768px) {
.mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
border-top: 1px solid #f3f4f6;
padding-top: 8px;
justify-content: flex-end;
width: 100%;
}
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3 {
border: 1px solid transparent;
border-radius: 8px;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #374151;
padding: 8px 12px;
transition: 0.3s all ease;
cursor: pointer;
text-decoration: none;
outline: none;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE {
border-color: #d1d5db;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE:hover {
background-color: rgb(237.6097560976, 239.1219512195, 241.3902439024);
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN {
border-color: #fca5a5;
color: #b91c1c;
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN:hover {
background-color: rgb(253.6451612903, 214.3548387097, 214.3548387097);
}
.VJJHtUuNOBT43yllydsT {
margin-left: auto;
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
color: #111827;
display: none;
}
@media screen and (max-width: 768px) {
.VJJHtUuNOBT43yllydsT {
display: block;
margin-right: auto;
}
} .react-calendar {
width: 350px;
max-width: 100%;
background: white;
border: 1px solid #a0a096;
font-family: 'Arial', 'Helvetica', sans-serif;
line-height: 1.125em;
}
.react-calendar--doubleView {
width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
display: flex;
margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
width: 50%;
margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
box-sizing: border-box;
}
.react-calendar button {
margin: 0;
border: 0;
outline: none;
}
.react-calendar button:enabled:hover {
cursor: pointer;
}
.react-calendar__navigation {
display: flex;
height: 44px;
margin-bottom: 1em;
}
.react-calendar__navigation button {
min-width: 44px;
background: none;
}
.react-calendar__navigation button:disabled {
background-color: #f0f0f0;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__month-view__weekdays {
text-align: center;
text-transform: uppercase;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.react-calendar__month-view__weekdays__weekday {
padding: 0.5em;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
display: flex;
align-items: center;
justify-content: center;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.react-calendar__month-view__days__day--weekend {
color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
padding: 2em 0.5em;
}
.react-calendar__tile {
max-width: 100%;
padding: 10px 6.6667px;
background: none;
text-align: center;
font: inherit;
font-size: 0.833em;
}
.react-calendar__tile:disabled {
background-color: #f0f0f0;
color: #ababab;
}
.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
color: #cdcdcd;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
background-color: #e6e6e6;
}
.react-calendar__tile--now {
background: #ffff76;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
background: #ffffa9;
}
.react-calendar__tile--hasActive {
background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
background: #a9d4ff;
}
.react-calendar__tile--active {
background: #006edc;
color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
background-color: #e6e6e6;
} .wbk_booking_form__wrapper * {
box-sizing: border-box;
font-family: "Ubuntu", sans-serif;
}
.wbk_booking_form__wrapper {
position: relative;
width: calc(100vw - 32px);
text-align: left;
max-width: min(750px, 100%);
flex-shrink: 0;
flex-grow: 0;
align-self: center;
justify-self: center;
}
.wbk_booking_form__wrapper--compact-form {
max-width: 500px;
background-color: #ffffff;
border-radius: 8px;
}
.wbk_booking_form__wrapper__loading-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.wbk_booking_form__wrapper:not(.wbk_booking_form__wrapper--expanded) .wbk_booking_form__left-panel {
max-width: 100%;
width: 100%;
}
.wbk_booking_form__content {
padding: 24px;
display: flex;
flex-flow: column;
gap: 16px;
height: calc(100% - 80px);
}
.wbk_booking_form__left-panel {
max-width: calc(100% - 250px);
width: 100%;
transition: 0.3s all linear;
display: flex;
flex-direction: column;
max-height: inherit;
}
.wbk_booking_form__left-panel :global(.custom-scroll-handle) {
left: 4px !important;
}
.wbk_booking_form__right-panel {
margin-left: auto;
}
.wbk_booking_form__body__wrapper {
max-width: 750px;
min-height: 750px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 100%;
border-radius: 8px;
display: flex;
flex-flow: column;
}
.wbk_booking_form__body__inner-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 750px;
min-height: 750px;
max-height: 750px;
background-color: #ffffff;
border-radius: 8px;
}
.wbk_booking_form__body__inner-wrapper--bottom-view {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
@media screen and (max-width: 768px) {
.wbk_booking_form {
min-width: 100%;
max-width: 100%;
position: relative;
}
.wbk_booking_form__left-panel {
max-width: 100%;
width: 100%;
}
} .wbk_services_wrapper {
display: flex;
flex-flow: column;
gap: 8px;
font-family: "Ubuntu", sans-serif;
margin-top: 8px;
border-radius: 12px;
}
.wbk_services_wrapper p {
margin: 0;
}
.wbk_services_skeleton {
height: 96px;
border-radius: 12px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 400% 100%;
background-position: 100% 50%;
animation: skeleton-loading 1.2s infinite linear;
margin-bottom: 8px;
}
.wbk_services_item_appear {
animation: slideFadeIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_service_item {
border: 1.5px solid #edeff2;
border-radius: 12px;
cursor: pointer;
transform: 0.3s all linear;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_service_item--selected {
border: 1.5px solid var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_service_item--selected.wbk_service_item_bottom-part {
border-top: 1.5px solid var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__button {
border-color: var(--wbk-primary-500);
}
.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__input {
background-color: var(--wbk-primary-50);
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-text-50);
}
.wbk_service_item--selected h3, .wbk_service_item--selected.wbk_service_item__heading-wrapper__price {
color: var(--wbk-primary-text-50);
}
.wbk_service_item--selected p {
color: var(--wbk-primary-text-100);
}
.wbk_service_item--selected.wbk_service_item_bottom-part__heading p,
.wbk_service_item--selected.wbk_service_item_bottom-part__heading span {
color: var(--wbk-primary-text-100) !important;
}
.wbk_service_item__top-part {
display: flex;
gap: 16px;
padding: 16px 16px 24px;
}
.wbk_service_item__image {
width: 72px;
height: 72px;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
.wbk_service_item__content-wrapper {
display: flex;
flex-flow: column;
gap: 12px;
width: 100%;
}
.wbk_service_item__heading-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.wbk_service_item__heading-wrapper h3 {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 4px;
color: #22292f;
}
.wbk_service_item__heading-wrapper__duration {
color: #668091;
}
.wbk_service_item__heading-wrapper p {
margin: 0;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 4px;
}
.wbk_service_item__heading-wrapper__price {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
vertical-align: middle;
white-space: nowrap;
color: #22292f;
}
.wbk_service_item__description {
margin: 0;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_service_item__description-toggle {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
cursor: pointer;
}
.wbk_service_item__description-toggle img {
transition: 0.3s all linear;
}
.wbk_service_item__description-toggle--expanded img {
transform: rotate(180deg);
}
.wbk_service_item__bottom-part {
padding: 16px;
border-top: 1.5px solid #edeff2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_service_item__bottom-part__heading p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 2px;
color: #22292f;
}
.wbk_service_item__bottom-part__heading span {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_service_item__bottom-part__quantity-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_service_item__bottom-part__quantity-wrapper__input {
height: 32px !important;
max-height: 32px;
min-width: 32px;
border: 1.5px solid #edeff2 !important;
outline: none !important;
box-shadow: none !important;
border-radius: 0 !important;
appearance: textfield !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
background-color: #ffffff !important;
}
.wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-outer-spin-button, .wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0 !important;
}
.wbk_service_item__bottom-part__quantity-wrapper__input[type=number] {
-moz-appearance: textfield;
}
.wbk_service_item__bottom-part__quantity-wrapper__button {
width: 32px;
max-width: 32px;
min-width: 32px;
height: 32px;
max-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_service_item__bottom-part__quantity-wrapper__button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_service_item__bottom-part__quantity-wrapper__button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.wbk_service_item__mobile-select-button {
display: none;
margin: 16px;
width: calc(100% - 32px);
}
@media screen and (max-width: 768px) {
.wbk_service_item__mobile-select-button {
display: flex;
}
}
.wbk_service_item__mobile-select-button--selected {
background-color: #ffffff !important;
}
.wbk_service_item__mobile-select-button--selected:hover {
color: #22292f;
}
@keyframes skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes slideFadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .xeObMU09QbqpVUrs3IFp {
border-collapse: collapse;
width: 100%;
text-align: center;
margin-top: 24px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr {
background-color: #fff;
border: 1px solid #f3f4f6;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.eioRTipEpuq4YSMkt6Ae {
display: none;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.M0zs30fE6spXGppSQMrf {
padding: 15px;
cursor: pointer;
text-align: left;
font-family: "Ubuntu", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 300;
font-style: normal;
color: #4b5563;
}
.JA8gM5LLHaa3s23W26V2 {
display: flex;
align-items: center;
gap: 5px;
}
.M0zs30fE6spXGppSQMrf:first-child {
border-radius: 10px 0 0 10px;
}
.M0zs30fE6spXGppSQMrf:last-child {
border-radius: 0 10px 10px 0;
}
.mzbxvKLNBk6SP7juR9os {
padding: 15px;
text-align: left;
font-family: "Ubuntu", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
font-style: normal;
}
.mzbxvKLNBk6SP7juR9os:first-child {
max-width: 50px;
width: 50px;
}
.mzbxvKLNBk6SP7juR9os:last-child {
text-align: right;
}
.ZuTgtuzmJiEGCHQ4ZGqq > td {
padding: 0;
}
.McRdKW0tiU0bup1NCe7l {
border: none;
background-color: transparent;
cursor: pointer;
transition: opacity 200ms, transform 500ms;
padding: 0;
min-width: unset;
display: flex;
align-items: center;
justify-content: center;
}
.McRdKW0tiU0bup1NCe7l:active {
transform: scale(0.9);
}
.McRdKW0tiU0bup1NCe7l[data-title] {
position: relative;
}
.McRdKW0tiU0bup1NCe7l[data-title]::after {
content: attr(data-title);
display: flex;
padding: 2px 5px;
border-radius: 2px;
background-color: rgba(17, 24, 39, 0.8666666667);
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: scale(0) translate(-50%, -100%);
white-space: nowrap;
}
.McRdKW0tiU0bup1NCe7l[data-title]:hover::after {
top: calc(-100% - 15px);
right: 0;
left: unset;
transform: translateX(-25%) scale(1);
}
.McRdKW0tiU0bup1NCe7l img {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
max-width: 20px;
min-height: 20px;
}
.McRdKW0tiU0bup1NCe7l:hover img {
opacity: 0.7;
}
.McRdKW0tiU0bup1NCe7l.OwCoTowlEWzTPRYyZhSP {
visibility: hidden;
}
.McRdKW0tiU0bup1NCe7l.nTkL_6lP6DQ6AoozrLeP {
transform: rotate(180deg);
}
.NGxaEBhggQFj6Q15eTwZ {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media screen and (max-width: 768px) {
.NGxaEBhggQFj6Q15eTwZ {
flex-flow: column;
align-items: flex-start;
}
}
._6ph0sEDjEqFrg2sCaQt {
border: none;
background-color: green;
color: white;
padding: 10px;
font-size: 18px;
border-radius: 12px;
cursor: pointer;
}
.h0Mkrc2f4bTX4Yy39LMX {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-size: 30px;
line-height: 40px;
margin: 0;
}
.lVeRDoCb6PsI5l3J0XKD {
padding: 15px;
}
.rqNUQAismKt5yWnzBO63 {
margin-bottom: 15px;
}
.i1Qq3N4bzNQAfmCzyBiF {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16px;
}
@media screen and (max-width: 768px) {
.i1Qq3N4bzNQAfmCzyBiF {
white-space: nowrap;
flex-flow: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
width: 100%;
margin-top: 20px;
}
.i1Qq3N4bzNQAfmCzyBiF input[id=search] {
width: 100%;
}
}
.JtvlDHvf_bC8QDjR13Ck {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 16px;
}
.PI3aBK2u5TQgaJHULPld {
display: flex;
align-items: center;
gap: 8px;
}
.PI3aBK2u5TQgaJHULPld p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 14px;
letter-spacing: 0%;
color: #4b5563;
}
@media screen and (max-width: 768px) {
.PI3aBK2u5TQgaJHULPld p:nth-child(3) {
display: none;
}
}
.PI3aBK2u5TQgaJHULPld select {
border-radius: 4px;
border: 1px solid #e5e7eb;
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #1f2937;
}
.bx99b0eDylBEWU0vs5UX {
display: flex;
align-items: center;
gap: 8px;
}
.HeHDo_XrLuoZmbgGZyJk {
display: flex;
align-items: stretch;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.bx99b0eDylBEWU0vs5UX button {
border: 1px solid #e5e7eb;
border-radius: 4px;
padding: 8px 12px;
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #1f2937;
transition: 0.3s all linear;
background-color: transparent;
}
.bx99b0eDylBEWU0vs5UX button:hover, .bx99b0eDylBEWU0vs5UX button.qRhr_RJITrCC5JoiebNr {
background-color: #1f6763;
color: white;
}
.bx99b0eDylBEWU0vs5UX button:not(:disabled) {
cursor: pointer;
}
.bx99b0eDylBEWU0vs5UX button:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.bx99b0eDylBEWU0vs5UX button img {
display: none;
}
@media screen and (max-width: 768px) {
.bx99b0eDylBEWU0vs5UX button img {
display: flex;
}
.bx99b0eDylBEWU0vs5UX button span {
display: none;
}
}
.eioRTipEpuq4YSMkt6Ae {
display: table-header-group;
}
.yOprrPU8iYcfbWU2VgJM {
box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
border-radius: 20px;
padding: 32px;
margin: 20px;
background: #f9fafb;
}
@media screen and (max-width: 768px) {
.yOprrPU8iYcfbWU2VgJM {
margin: 10px;
padding: 25px;
}
}
.rqNUQAismKt5yWnzBO63 input {
display: none;
}
.O_yDOzS6kAsfJpoNLung {
display: inline-flex;
align-items: center;
justify-content: flex-end;
row-gap: 1px;
-moz-column-gap: 12px;
column-gap: 12px;
width: 170px;
max-width: 170px;
}
@media screen and (max-width: 768px) {
.O_yDOzS6kAsfJpoNLung .NZ1oE936sv_Gw3ZWkod_ {
display: none;
}
}
@media screen and (max-width: 768px) {
.O_yDOzS6kAsfJpoNLung {
width: auto;
max-width: unset;
}
}
@media (max-width: 1400px) {
.R5Y82Xy1JZkfiNM14kmD {
overflow-x: auto;
overflow-y: clip;
}
}
.R5Y82Xy1JZkfiNM14kmD.aMa0pW3Bqp0VfX_ExPEL {
overflow-x: auto;
}
.Dxs3vmRCUEqD5T26ZhtQ {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #111827;
margin: 0;
word-wrap: break-word;
}
._9xM3uoVEHjjOYAb6fElg {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #6b7280;
margin: 0;
word-wrap: break-word;
}
.OgZNcMbWoKFN9EtfNFaW * {
white-space: nowrap;
}
.SaBmIwrFn5yVseVkouv1 {
position: fixed;
bottom: 0;
right: 0;
width: calc(100% - 160px);
z-index: 999;
}
@media (max-width: 960px) {
.SaBmIwrFn5yVseVkouv1 {
width: calc(100% - 36px);
}
}
@media (max-width: 782px) {
.SaBmIwrFn5yVseVkouv1 {
width: 100%;
}
}
.DyxKuaAWfHk3dzFrzhQf {
width: 100%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border: 1px solid #e5e7eb;
border-bottom: none;
padding: 17px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
}
@media (max-width: 960px) {
.DyxKuaAWfHk3dzFrzhQf {
flex-flow: column;
padding: 10px;
gap: 10px;
}
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD {
display: flex;
align-items: center;
gap: 10px;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: #4b5563;
margin: 0;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span {
display: flex;
align-items: center;
gap: 10px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #6b7280;
cursor: pointer;
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span img {
width: 12px;
height: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.DyxKuaAWfHk3dzFrzhQf .Deq6LTYYTh4sYzLurEvI {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.DyxKuaAWfHk3dzFrzhQf .BLViTt2VPyU4l43_YEw7 {
padding: 0;
}
.DyxKuaAWfHk3dzFrzhQf .mMzotIUd2Wb7rNY_LK_I {
background-color: #fff;
color: #ef4444;
border: 1px solid #ef4444;
padding: 11px 17px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}
.DyxKuaAWfHk3dzFrzhQf select {
padding: 11px 17px;
border-radius: 8px;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
} .wbk_categories__wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.wbk_categories__items {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.wbk_categories__items::-webkit-scrollbar {
display: none;
}
.wbk_categories__items__item {
padding: 4px 12px;
border-radius: 100px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
color: #22292f;
background-color: #edeff2;
cursor: pointer;
border: 1.5px solid #edeff2;
white-space: nowrap;
}
.wbk_categories__items__item--selected {
border-color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
color: var(--wbk-primary-500);
}
.wbk_categories__navigation-button {
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wbk_categories__navigation-button--prev {
left: -12px;
}
.wbk_categories__navigation-button--next {
right: -12px;
} .wbk_step__separator {
width: 100%;
height: 1px;
background-color: #edeff2;
}
.wbk_step__scroll-wrapper .rcs-custom-scrollbar {
width: 3px;
right: 0;
padding: 0;
}
.wbk_step__payment-step {
display: flex;
flex-flow: column;
gap: 16px;
}
.wbk_step__certificates {
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.wbk_step__certificates img {
filter: grayscale(1);
opacity: 0.5;
}
.wbk_step__form-wrapper {
padding-right: 8px;
}
.wbk_step__native-scroll-wrapper {
overflow-y: auto;
overflow-x: hidden;
min-height: 0;
flex: 1;
scroll-behavior: smooth;  scrollbar-width: thin;
scrollbar-color: #d1d5db transparent;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 4px;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: #b0b8c1;
}
.wbk_coupon__wrapper {
display: flex;
align-items: center;
gap: 12px;
}
.wbk_coupon__wrapper input[type=text] {
border-radius: 8px;
border: 1px solid #edeff2;
outline: none;
box-shadow: none;
padding: 11px 16px;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
width: 100%;
background: #fff;
}
.wbk_coupon__feedback {
margin-top: 4px;
padding: 10px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.wbk_coupon__feedback--success {
background: #e6f7ec;
color: #1a7f37;
border: 1px solid #b7ebc6;
}
.wbk_coupon__feedback--failed {
background: #fff1f0;
color: #d93025;
border: 1px solid #ffccc7;
} .wbk_booking_calendar {
z-index: 0;
padding: 0px 14px;
position: relative;
}
.wbk_booking_calendar .wbk_booking_calendar__indications {
display: flex;
gap: 24px;
align-items: center;
margin: 16px 0;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication {
display: flex;
align-items: center;
gap: 8px;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication .wbk_booking_calendar__indication-dot {
display: flex;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 4px;
border: 1px solid transparent;
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--available .wbk_booking_calendar__indication-dot {
background-color: var(--wbk-primary-50);
}
.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--today .wbk_booking_calendar__indication-dot {
background-color: var(--wbk-primary-100);
}
.wbk_booking_calendar__calendar-wrapper {
box-shadow: none;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation__label__labelText--from {
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.5%;
text-align: center;
color: #22292f;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation {
margin-bottom: 0 !important;
margin-top: 8px !important;
height: auto !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__weekdays__weekday {
font-weight: 300;
font-size: 12px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #668091;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:disabled {
text-decoration: line-through !important;
background-color: #ffffff !important;
color: #b0bfc9 !important;
border-color: transparent !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day {
background-color: var(--wbk-primary-50) !important;
color: var(--wbk-primary-text-50) !important;
border-radius: 4px;
transition: 0.2s all ease-in-out;
cursor: pointer;
border: 1.5px solid var(--wbk-primary-50) !important;
width: 100%;
height: 100%;
box-shadow: none !important;
font-size: 12px;
padding: 8px;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:hover:not(:disabled), .wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:active:not(:disabled) {
background-color: var(--wbk-primary-50);
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days {
display: grid !important;
grid-template-columns: repeat(7, 1fr);
gap: 6px;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day.react-calendar__tile--now {
background-color: var(--wbk-primary-100) !important;
color: var(--wbk-primary-text-50) !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__tile--active {
background-color: var(--wbk-primary-50) !important;
border: 1.5px solid var(--wbk-primary-500) !important;
color: var(--wbk-primary-text-50) !important;
}
.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation button {
font-weight: 100 !important;
font-size: 22px !important;
padding: 2px 6px !important;
min-width: 28px !important;
min-height: 28px !important;
height: 28px !important;
width: 28px !important;
box-shadow: none !important;
margin: 0 2px !important;
line-height: 1 !important;
border-radius: 4px !important;
background: #fff !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background 0.2s !important;
z-index: 2 !important;
} .wbk_timeslots {
gap: 8px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
padding: 16px;
}
.wbk_timeslots--noitems {
padding: 0;
}
.wbk_timeslots__item {
border-radius: 4px;
border: 1px solid #edeff2;
background-color: #ffffff;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
transition: 0.2s all linear;
padding: 9px 18px;
white-space: nowrap;
width: 100%;
min-width: 100px;
cursor: pointer;
text-align: center;
flex: 1 0 120px;
max-width: 180px;
box-sizing: border-box;
}
.wbk_timeslots__item--selected {
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_timeslots__item--max-reached, .wbk_timeslots__item--disabled {
background-color: #f8f9fa;
border-color: #e9ecef;
color: #6c757d;
cursor: not-allowed;
opacity: 0.6 !important;
}
.wbk_timeslots__slot-appear {
animation: slotSlideFadeIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_timeslots__free-places {
font-size: 12px;
color: var(--wbk-primary-500);
}
.wbk_timeslots__skeleton-slot {
height: 36px;
flex: 0 0 120px;
width: 100%;
margin-bottom: 8px;
border-radius: 6px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 400% 100%;
background-position: 100% 50%;
animation: skeleton-loading 1.2s infinite linear !important;
}
@media screen and (max-width: 768px) {
.wbk_timeslots {
grid-template-columns: repeat(3, minmax(50px, 1fr));
}
}
@keyframes skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes slotSlideFadeIn {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .wbk_selected_services__wrapper {
display: flex;
flex-flow: column;
gap: 25px;
}
.wbk_selected_services__item__heading {
padding: 12px 16px;
background-color: var(--wbk-primary-50);
border: 1px solid #e5e7eb;
display: flex;
align-items: center;
gap: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor: pointer;
}
.wbk_selected_services__item__heading__index {
background-color: var(--wbk-primary-500);
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
color: var(--wbk-primary-text-500);
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
display: flex;
align-items: center;
justify-content: center;
}
.wbk_selected_services__item__heading__title {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--wbk-primary-text-50);
margin: 0;
text-align: left !important;
}
.wbk_selected_services__item__heading__empty-timeslots-label {
background-color: var(--wbk-primary-100);
padding: 3px 7px;
border-radius: 4px;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #6b7280;
color: var(--wbk-primary-text-100);
white-space: nowrap;
}
.wbk_selected_services__item__heading__selected-times {
display: flex;
flex-flow: column;
gap: 4px;
margin-left: auto;
}
.wbk_selected_services__item__heading__selected-timeslot {
padding: 4px;
border-radius: 4px;
background-color: var(--wbk-primary-100);
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: var(--wbk-primary-600);
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.wbk_selected_services__item__heading__selected-timeslot span {
display: flex;
width: 4px;
height: 4px;
min-width: 4px;
min-height: 4px;
border-radius: 50%;
background-color: var(--wbk-primary-600);
}
.wbk_selected_services__item__heading__toggle-icon {
margin-left: auto;
transition: 0.2s all ease-in-out;
cursor: pointer;
transform: rotate(180deg);
}
.wbk_selected_services__item__body {
border-top: none;
border: 1px solid #e5e7eb;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading {
border-radius: 10px;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__body {
max-height: 0;
height: 0;
overflow: hidden;
border: none;
}
.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading__toggle-icon {
transform: rotate(0deg);
}
.wbk_selected_services__item--disabled .wbk_selected_services__item__heading {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #f3f4f6;
}
.wbk_selected_services__item--disabled .wbk_selected_services__item__heading .wbk_selected_services__item__heading__index {
background-color: #9ca3af;
}
.wbk_selected_services__item__bottom-part {
padding: 16px;
border-top: 1.5px solid #edeff2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_selected_services__item__bottom-part__group-heading p {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin-bottom: 2px;
}
.wbk_selected_services__item__bottom-part__group-heading span {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_selected_services__item__bottom-part__quantity-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_selected_services__item__bottom-part__quantity-input {
height: 32px;
max-height: 32px;
min-width: 32px;
border: 1.5px solid #edeff2;
text-align: center;
outline: none;
box-shadow: none;
border-radius: 0;
appearance: textfield;
-webkit-appearance: textfield;
-moz-appearance: textfield;
text-align: center;
padding: 0;
}
.wbk_selected_services__item__bottom-part__quantity-input::-webkit-outer-spin-button, .wbk_selected_services__item__bottom-part__quantity-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wbk_selected_services__item__bottom-part__quantity-input[type=number] {
-moz-appearance: textfield;
}
.wbk_selected_services__item__bottom-part__quantity-button {
width: 32px;
max-width: 32px;
min-width: 32px;
height: 32px;
max-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_selected_services__item__bottom-part__quantity-button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_selected_services__item__bottom-part__quantity-button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.wbk_selected_services__item__selected-date {
padding: 16px;
background-color: #f7f7f7;
text-align: left !important;
}
.wbk_selected_services__item__selected-date p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin: 0;
color: #22292f;
}
.wbk_selected_services__item__selected-date p span {
color: var(--wbk-primary-500);
}
.wbk_selected_services__item__no-timeslots {
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
color: #f61616;
white-space: nowrap;
padding: 16px;
} .wbk_input__phone__input .PhoneInputInput {
border: none !important;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
padding: 0 !important;
height: auto !important;
outline: none !important;
box-shadow: none !important;
}  :root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput { display: flex;
align-items: center;
}
.PhoneInputInput { flex: 1; min-width: 0;
}
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {  display: block; width: 100%;
height: 100%;
}
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
} .PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
cursor: default;
}
.PhoneInputCountrySelectArrow {
display: block;
content: '';
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
} .wbk_input__file__drop-area {
border: 1.5px dashed #edeff2;
border-radius: 8px;
height: 120px;
width: 100%;
padding: 26px;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
gap: 4px;
cursor: grab;
margin-top: 16px;
}
.wbk_input__file__drop-area:active {
cursor: grabbing;
}
.wbk_input__file__drop-area p,
.wbk_input__file__drop-area span {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
color: #22292f;
margin: 0;
}
.wbk_input__file__drop-area span {
color: #668091;
}
.wbk_input__file__list {
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 16px;
display: flex;
flex-flow: column;
gap: 8px;
}
.wbk_input__file__list li {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
color: #668091;
}
.wbk_input__file__list__item {
display: flex;
align-items: center;
background: #f7f9fa;
border: 1px solid #edeff2;
border-radius: 6px;
padding: 8px 12px;
gap: 12px;
transition: box-shadow 0.2s;
position: relative;
box-shadow: 0 1px 2px rgba(34, 41, 47, 0.03);
}
.wbk_input__file__list__item__name {
flex: 1;
font-weight: 400;
color: #22292f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wbk_input__file__list__item__size {
font-size: 13px;
color: #668091;
margin-left: 8px;
}
.wbk_input__file__list__item__remove-btn {
background: none;
border: none;
color: #e74c3c;
font-size: 18px;
cursor: pointer;
margin-left: 8px;
padding: 2px 6px;
border-radius: 50%;
transition: background 0.15s;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.wbk_input__file__list__item__remove-btn:hover {
background: #fdecea;
color: #c0392b;
} .wbk_input__number__inner-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.wbk_input__number__input-wrapper {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.wbk_input__number__input {
height: 40px;
max-height: 40px;
border: 1.5px solid #edeff2 !important;
text-align: center;
outline: none !important;
box-shadow: none;
border-radius: 0;
max-width: 48px;
background-color: #ffffff !important;
}
.wbk_input__number__quantity-button {
width: 40px;
max-width: 40px;
min-width: 40px;
height: 40px;
max-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #edeff2;
cursor: pointer;
background-color: #ffffff;
}
.wbk_input__number__quantity-button--increase {
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_input__number__quantity-button--reduce {
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
@media screen and (max-width: 768px) {
.wbk_input__number__input {
height: 30px;
max-height: 30px;
max-width: 28px;
}
.wbk_input__number__quantity-button {
width: 30px;
max-width: 30px;
min-width: 30px;
height: 30px;
max-height: 30px;
}
} .wbk_input_checkbox__label {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.wbk_input_checkbox__label span {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_input_checkbox__label input {
outline: none;
} .wbk_input__select__input {
padding: 4px;
border-radius: 8px !important;
}
.wbk_input__select__option {
font-weight: 300;
font-size: 14px !important;
line-height: 22px !important;
letter-spacing: 1%;
} .wbk_form_notice {
padding: 16px;
border-radius: 8px;
background-color: #f9fafb;
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
} .wbk_form {
display: flex;
flex-wrap: wrap;
row-gap: 16px;
-moz-column-gap: 12px;
column-gap: 12px;
justify-content: space-between;
margin-top: 24px;
} .wbk_input {
width: 100%;
}
.wbk_input--half-width {
width: calc(50% - 6px);
}
.wbk_input__label {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
color: #22292f;
}
.wbk_input__main {
border-radius: 8px !important;
border: 1px solid #d4dde2 !important;
outline: none !important;
padding: 9px 16px !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 22px !important;
letter-spacing: 1% !important;
vertical-align: middle;
color: #22292f !important;
transition: 0.2s all ease !important;
width: 100% !important;
max-width: unset !important;
box-shadow: none !important;
background-color: #ffffff !important;
margin: 0 !important;
}
.wbk_input__main::-moz-placeholder {
color: #668091 !important;
}
.wbk_input__main::placeholder {
color: #668091 !important;
}
.wbk_input__main--error {
border-color: red !important;
}
.wbk_input__main:focus {
border-color: var(--wbk-primary-500) !important;
}
.wbk_input__error {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: red;
} .wbk_payment-selector__wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
gap: 16px;
margin-top: 24px;
width: 100%;
}
.wbk_payment-selector__method {
height: auto;
box-sizing: border-box;
flex: 0 0 84px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 21px 16px;
gap: 8px;
border-radius: 8px;
border: 1.5px solid #edeff2;
cursor: pointer;
min-width: 125px;
}
.wbk_payment-selector__method,
.wbk_payment-selector__method * {
transition: 0.2s all ease-in;
}
.wbk_payment-selector__method img {
filter: grayscale(1);
}
.wbk_payment-selector__method span {
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
text-align: center;
vertical-align: middle;
color: #668091;
width: 100%;
}
.wbk_payment-selector__method--selected {
border-color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
color: var(--wbk-primary-50);
}
.wbk_payment-selector__method--selected img {
filter: var(--wbk-primary-filter-500);
}
.wbk_payment-selector__method--selected span {
color: #22292f;
}
.wbk_payment-selector__method:hover {
background-color: var(--wbk-primary-50);
}
.wbk_payment-selector__method--appear {
animation: methodSlideFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.wbk_payment-selector__no-methods {
margin-top: 16px;
color: red;
}
@keyframes methodSlideFadeIn {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .wbk_progressbar__indicator {
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.wbk_progressbar__steps-list {
display: flex;
gap: 4px;
align-items: center;
justify-content: flex-end;
}
.wbk_progressbar__steps-list__step {
transition: 0.3s all linear;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
background-color: #f9fafb;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 1%;
text-align: center;
color: #b0bfc9;
border-radius: 50%;
border: 1.5px solid #f9fafb;
}
.wbk_progressbar__steps-list__step--active {
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-500);
background-color: var(--wbk-primary-50);
}
.wbk_progressbar__steps-list__step--done {
background-color: var(--wbk-primary-500);
border-color: var(--wbk-primary-500);
color: var(--wbk-primary-50);
}
.wbk_progressbar__progress-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 100px;
background-color: #edeff2;
height: 4px;
width: 100%;
}
.wbk_progressbar__progress-wrapper__progress {
height: 100%;
border-radius: 100px;
background-color: var(--wbk-primary-500);
}
.wbk_progressbar__content h3 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
color: #22292f;
margin: 0;
margin-bottom: 4px;
text-align: left !important;
}
.wbk_progressbar__content p {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
margin: 0 !important;
} @keyframes sidebarItemEnter {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.wbk_sidebar__wrapper {
height: 100%;
position: relative;
transition: 0.3s all linear;
}
.wbk_sidebar__wrapper--open {
width: 250px;
}
.wbk_sidebar__wrapper--hidden {
width: 0;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__wrapper--open {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
z-index: 1;
}
}
.wbk_sidebar__toggle-button {
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 50%;
left: -12px;
transition: 0.3s all linear;
z-index: 1;
transform: rotate(180deg);
}
.wbk_sidebar__toggle-button--hidden {
transform: rotate(0deg);
}
.wbk_sidebar__inner-wrapper {
padding: 24px;
width: 250px;
background-color: var(--wbk-secondary-500);
border-left: 1px solid #edeff2;
height: 100%;
position: relative;
transition: 0.3s all linear;
display: flex;
flex-flow: column;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.wbk_sidebar__inner-wrapper--open {
width: 250px;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__inner-wrapper--open {
width: 100%;
}
}
.wbk_sidebar__inner-wrapper--hidden {
width: 0;
visibility: hidden;
overflow: hidden;
display: none;
}
.wbk_sidebar__mobile-close-button {
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
right: 24px;
top: 26px;
display: none;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__mobile-close-button {
display: block;
}
}
.wbk_sidebar__title {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
vertical-align: middle;
color: var(--wbk-secondary-text-600) !important;
margin: 0;
margin-bottom: 24px;
text-align: left !important;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__title {
padding-bottom: 24px;
border-bottom: 1px solid #edeff2;
}
}
.wbk_sidebar__items, .wbk_sidebar__items__inner {
display: flex;
flex-flow: column;
margin-bottom: 24px;
}
.wbk_sidebar__items__inner {
max-height: 360px;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #d1d5db transparent;
}
.wbk_sidebar__items__inner::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.wbk_sidebar__items__inner::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 4px;
}
.wbk_sidebar__items__inner::-webkit-scrollbar-thumb:hover {
background: #b0b8c1;
}
.wbk_sidebar__items__item {
display: flex;
gap: 16px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.wbk_sidebar__items__item:not(:last-child) {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #edeff2;
}
.wbk_sidebar__items__item--animated {
animation: sidebarItemEnter 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.wbk_sidebar__items__item__info {
margin-right: auto;
}
.wbk_sidebar__items__item__title, .wbk_sidebar__items__item__price {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
margin: 0;
color: var(--wbk-secondary-text-600);
margin-bottom: 4px !important;
margin-right: auto;
text-transform: none !important;
}
.wbk_sidebar__items__item__price {
white-space: nowrap;
margin-right: unset;
}
.wbk_sidebar__items__item__subline {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
vertical-align: middle;
color: var(--wbk-secondary-text-500);
margin: 0;
margin-bottom: 0 !important;
}
.wbk_sidebar__items__item__button-remove {
cursor: pointer;
display: inline-flex;
margin-top: 6px;
}
.wbk_sidebar__items__item__button-remove img {
width: 12px;
height: 12px;
max-width: 12px;
max-height: 12px;
min-width: 12px;
min-height: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.wbk_sidebar__empty {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
margin: 0;
color: var(--wbk-secondary-text-500);
margin-bottom: 4px;
text-align: left !important;
}
.wbk_sidebar__help {
margin-top: auto;
}
.wbk_sidebar__help__title {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: var(--wbk-secondary-text-500);
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--wbk-secondary-text-400);
word-break: break-word;
}
.wbk_sidebar__help__text {
display: flex;
flex-flow: column;
gap: 10px;
}
.wbk_sidebar__help__text a {
text-decoration: none;
font-weight: 300;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 8px;
color: var(--wbk-secondary-text-500);
word-break: break-word;
}
.wbk_sidebar__bottom-summary__wrapper {
width: 100%;
max-width: 750px;
margin: 0 auto;
z-index: 10;
background: var(--wbk-secondary-500);
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 24px 12px 24px;
border-top: 1px solid #edeff2;
border-radius: 0 0 8px 8px;
gap: 16px;
min-height: 56px;
}
@media screen and (max-width: 768px) {
.wbk_sidebar__bottom-summary__wrapper {
align-items: stretch;
padding: 12px 8px;
max-width: 100%;
border-radius: 0 0 8px 8px;
}
}
.wbk_sidebar__bottom-summary__total-section {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.wbk_sidebar__bottom-summary__label {
font-size: 13px;
color: var(--wbk-secondary-text-500);
font-weight: 400;
margin-bottom: 2px;
}
.wbk_sidebar__bottom-summary__total {
font-size: 18px;
color: var(--wbk-secondary-text-600);
font-weight: 500;
margin-bottom: 2px;
}
.wbk_sidebar__bottom-summary__subline {
font-size: 12px;
color: var(--wbk-secondary-text-800);
font-weight: 300;
}
.wbk_sidebar__bottom-summary__show-summary-button {
color: var(--wbk-secondary-text-500) !important;
}
.wbk_sidebar__bottom-summary__show-summary-button img {
width: 12px;
height: 12px;
min-width: 12px;
min-height: 12px;
max-width: 12px;
max-height: 12px;
} .wbk_navigation__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-top: 1px solid #edeff2;
margin-top: auto;
}
.wbk_navigation__button-next {
margin-left: auto;
} .wbk_thank_you__wrapper {
width: 100%;
max-width: 500px;
min-height: 750px;
max-height: 750px;
border-radius: 8px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
padding: 32px 24px;
background-color: #fff;
}
.wbk_thank_you__wrapper h1,
.wbk_thank_you__wrapper h3 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.5%;
margin: 0;
}
.wbk_thank_you__wrapper h4 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
margin: 0;
}
.wbk_thank_you__wrapper p,
.wbk_thank_you__wrapper li {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
margin: 0;
}
.wbk_thank_you__wrapper strong {
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #22292f;
}
.wbk_thank_you__header {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 24px;
width: 100%;
}
.wbk_thank_you__header__content {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 8px;
text-align: center;
}
.wbk_thank_you__header img {
width: 88px;
height: 88px;
max-width: 88px;
max-height: 88px;
-o-object-fit: contain;
object-fit: contain;
}
.wbk_thank_you__header--hidden {
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(40px);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__header--visible {
opacity: 1;
position: relative;
transform: translateY(0);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__outer-wrapper {
width: 100%;
max-width: 750px;
min-height: 750px;
max-height: 750px;
border-radius: 8px;
box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-start;
margin: 0 auto;
}
.wbk_thank_you__inner-wrapper {
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-start;
gap: 16px;
height: 100%;
}
.wbk_thank_you__information {
margin-top: auto;
width: 100%;
}
.wbk_thank_you__information ul {
margin-top: 12px;
}
.wbk_thank_you__booking_items {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 12px;
width: 100%;
}
.wbk_thank_you__panel-wrapper {
padding: 16px;
border: 1.5px solid #edeff2;
border-radius: 8px;
width: 100%;
}
.wbk_thank_you__cart-items {
margin-top: 12px;
display: flex;
flex-flow: column;
}
.wbk_thank_you__cart-items__item {
display: flex;
justify-content: space-between;
gap: 16px;
}
.wbk_thank_you__cart-items__item--total {
padding-top: 20px;
margin-top: 4px;
border-top: 1px solid #edeff2;
}
.wbk_thank_you__cart-items__item--total strong {
color: var(--wbk-primary-500);
}
.wbk_thank_you__custom-scroll {
width: 100%;
}
.wbk_thank_you__calendar--hidden {
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateY(40px);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_thank_you__calendar--visible {
opacity: 1;
position: relative;
transform: translateY(0);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.wbk_cancel_icon_bg {
background: rgba(220, 38, 38, 0.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
}
.wbk_cancel_icon_bg img {
width: 72px;
height: 72px;
max-width: 72px;
max-height: 72px;
-o-object-fit: contain;
object-fit: contain;
} .wbk_booking_block {
padding: 16px;
display: flex;
gap: 16px;
border-radius: 8px;
border: 1.5px solid #edeff2;
width: 100%;
}
.wbk_booking_block__date-label {
background-color: #f9fafb;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 4px;
border-radius: 4px;
padding: 4px 12px;
}
.wbk_booking_block__date-label p {
white-space: nowrap;
}
.wbk_booking_block h4 {
font-weight: 500;
font-size: 20px;
line-height: 24px !important;
letter-spacing: 0.5% !important;
text-align: center;
color: #22292f;
margin: 0;
}
.wbk_booking_block p {
font-weight: 300;
font-size: 14px;
line-height: 18px;
letter-spacing: 1%;
color: #668091;
}
.wbk_booking_block__info {
display: flex;
flex-flow: column;
} .ESbRQxziCxjpcB98ACQ4 {
text-align: center;
margin-top: 32px;
}
.DT_UIAwsc8JOG9R9BWnu {
margin: 16px 0;
text-align: left;
display: inline-block;
background: #f8fafc;
border-radius: 10px;
padding: 16px 24px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
.Yg_AISfKkuKJ0HoutWRw {
padding-left: 20px;
margin-bottom: 12px;
}
.PQpm72UFoQfvvLBnS9sZ {
margin: 24px 0;
color: #888;
font-style: italic;
}
.CGzI_yQhKo9KS2aSe3TI {
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-end;
gap: 16px;
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.CGzI_yQhKo9KS2aSe3TI .y0atMzx2Tzec0VZiIb7S {
width: 100%;
}
.zDzoDStuBNoeRwEddzRv {
text-align: left;
display: inline-block;
background: #f4f4f4;
border-radius: 8px;
padding: 12px 16px;
font-size: 13px;
color: #333;
margin-top: 16px;
}
.XbrA2vRaWVH31pVWQScu {
margin-top: 24px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-flow: column;
text-align: center;
}
.YyQ8DDNn1A673fjp93PK {
color: #dc2626;
font-size: 15px;
} .ximx9XS7aKi7L_bD0no2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 750px;
padding: 2rem;
background: rgba(255, 255, 255, 0.98);
border-radius: 8px;
}
.MjaETNQTutHOmxD00Q1G {
border-radius: 50%;
border: 3px solid #f3f3f3;
border-top: 3px solid #1f6763;
animation: mOgSUE51UXyGZbYF91P0 1s linear infinite;
margin-bottom: 1rem;
}
.MjaETNQTutHOmxD00Q1G.CYvjBniBTiLmGuJpcDvW {
width: 20px;
height: 20px;
border-width: 2px;
}
.MjaETNQTutHOmxD00Q1G.SXR_i0kIzO8OCcIW0xPy {
width: 32px;
height: 32px;
border-width: 3px;
}
.MjaETNQTutHOmxD00Q1G.mjCFVRwlA8g0nYiB_7H4 {
width: 48px;
height: 48px;
border-width: 4px;
}
.pPxd3Vv8wCJuaCfw5JmS {
margin: 0;
font-size: 1rem;
color: #666;
text-align: center;
font-weight: 500;
margin-top: 0.5rem;
}
@keyframes mOgSUE51UXyGZbYF91P0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .wbk_landing_page__action-button-container {
margin-top: 24px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-flow: column;
text-align: center;
}
.wbk_landing_page__action-button-error {
color: #dc2626;
font-size: 15px;
} .wbk_customer_panel {
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: center;
gap: 16px;
}