div[id=booking]{position:relative;min-height:100vh;padding:76px 0 108px}div[id=booking] svg{cursor:pointer}div[id=booking] .page__title{font-size:16px;font-weight:700;color:#222227;line-height:23px;margin-bottom:10px}div[id=booking] .page__event__title{font-size:21px;font-weight:700;line-height:30px;margin-bottom:40px}div[id=booking] section .section__title{font-size:16px;font-weight:700;line-height:23px;margin-bottom:20px}div[id=booking] section .section__input__box{display:flex;flex-direction:column;gap:20px}div[id=booking] .section__content__box{display:flex;flex-direction:column;margin-bottom:32px}div[id=booking] .section__content__box .time__box__container{display:flex;flex-wrap:wrap}div[id=booking] .section__content__box .time__box__container .time__box__wrap{list-style-type:none;padding:6px;width:25%}div[id=booking] .section__content__box .time__box__container .time__box{width:100%;height:36px;border-radius:4px;border:1px solid #e2e2e9;background-color:#fff;text-align:center;line-height:36px;font-weight:400;color:#222227;font-size:14px}div[id=booking] .section__content__box .time__box__container .time__box.selected{background-color:#eaeeff;color:#134cff;font-weight:700;border:1px solid #134cff}div[id=booking] .section__content__box .time__box__container .time__box.disabled{background-color:#f3f3f5;color:#cacad3;cursor:default}div[id=booking] .section__content__box .ppl__box__container{display:flex;justify-content:space-between;align-items:center}div[id=booking] .section__content__box .ppl__box__container>h6{font-size:15px;font-weight:400;line-height:21px}div[id=booking] .section__content__box .ppl__box__container .quantity__control__box{display:flex}div[id=booking] .section__content__box .ppl__box__container .quantity__control__box .controller{font-size:16px;line-height:40px;height:40px;width:48px;background:#fff;border-top:1px solid #e2e2e9;border-bottom:1px solid #e2e2e9;text-align:center}div[id=booking] .section__content__box .ppl__box__container .quantity__control__box .controller.left{font-size:20px;width:40px;border-radius:4px 0 0 4px;border:1px solid #e2e2e9}div[id=booking] .section__content__box .ppl__box__container .quantity__control__box .controller.right{font-size:20px;width:40px;border:1px solid #e2e2e9;border-radius:0 4px 4px 0}div[id=booking] .section__content__box .ppl__box__container .quantity__control__box .controller.disabled{color:#cacad3;background:#f3f3f5}div[id=booking] .section__content__box .ppl__box__container .ppl_box{height:48px;width:48px;border-radius:50%}div[id=booking] .section__content__box .quantity__msg{font-size:13px;color:#f8434e;font-weight:400;margin-top:16px}div[id=booking] .checkAllbox__box{display:inline-flex;cursor:pointer;gap:10px;align-items:center;margin-bottom:8px}div[id=booking] .checkAllbox__box .section__title{margin-bottom:0}div[id=booking] .checkbox__box{display:flex;justify-content:space-between;align-items:center;min-height:40px}div[id=booking] .checkbox__box .checkbox__text__box{display:flex;gap:11px;align-items:center}div[id=booking] .checkbox__box .checkbox__text__box .empty{width:17px}div[id=booking] .checkbox__box .checkbox__text__box h6{width:100%;font-size:14px;font-weight:500}div[id=booking] .checkbox__box .checkbox__text__box .checkbox__arrow__box{display:flex;justify-content:center;align-items:center;width:24px;height:24px}div[id=booking] .input__box{display:flex;flex-direction:column;gap:8px}div[id=booking] .input__box h6{font-size:14px;font-weight:700;line-height:20px}div[id=booking] .input__box input{transform-origin:left top;font-size:16px;font-weight:700;transform:scale(.9);height:53px;width:111%;line-height:20px;padding:0 16px;border-radius:7px;border:1px solid #e2e2e9}div[id=booking] .input__box input::placeholder{font-size:16px;font-weight:500;line-height:20px;color:#aeaeba}div[id=booking] .input__box input.err{border:1px solid #f8434e;background-color:#fff2f3}div[id=booking] .input__box p{font-size:13px;font-weight:700;line-height:17px;color:#f8434e;padding-left:6px}div[id=booking] .fixed__button__box{position:fixed;bottom:0;left:0;right:0;pointer-events:none;max-width:430px;margin:0 auto;height:56px;padding:39px 24px 24px;height:119px;background:linear-gradient(181deg,hsla(0,0%,100%,0) .55%,#fff 36.68%,#fff 98.58%)}div[id=booking] .fixed__button__box button{height:100%;width:100%;border-radius:8px;background-color:#f3f3f5;color:#aeaeba;font-size:16px;font-weight:700;pointer-events:none}div[id=booking] .fixed__button__box.active button{background-color:#000;color:#fff;pointer-events:auto}div[id=booking] .fixed__button__box.full{padding:0;border-radius:0}div[id=booking] .fixed__button__box.blue.active button{background-color:#134cff;color:#fff}div[id=booking].whipped{background-color:#fff}div[id=booking].whipped .page__title{color:#282828}div[id=booking].whipped .divider{background-color:#f3f3f5}div[id=booking].whipped .section__content__box .MuiPickersLayout-root{background-color:#fff}div[id=booking].whipped .fixed__button__box{background:transparent}div[id=booking].whipped .fixed__button__box.blue.active button{background-color:#282828}div[id=booking].whipped .section__content__box .time__box__container .time__box.selected{background-color:#fff;color:#282828;border:1px solid #282828}div[id=booking] .finished__container{max-width:430px;width:100%;height:100vh;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}div[id=booking] .finished__container .finished__tag__box{text-align:center;font-size:14px;font-weight:700;line-height:36px;color:#134cff;border-radius:67px;width:103px;height:36px;background:#fff;margin-bottom:16px}div[id=booking] .finished__container .finished__text{text-align:center;font-size:28px;font-weight:700;line-height:40px;color:#fff}