.button-div{cursor:pointer}.button-div.disabled{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer}
.container{background:#fff;border-radius:1rem;box-shadow:0px 2px 4px rgba(0,0,0,.15);box-sizing:border-box}
.complete-register{display:flex;justify-content:center;align-items:center;position:relative;overflow:auto;height:100vh;min-height:88rem}.complete-register .complete-register-container{display:flex;flex-direction:column;align-items:center;width:52rem;height:60rem;padding:0 6rem;box-sizing:border-box;overflow:auto}.complete-register .complete-register-container .check-icon{width:5rem;height:5rem;margin-top:18.7rem}.complete-register .complete-register-container .sub-title{font-size:3rem;font-weight:600;color:#57536d;padding:2rem 0 1.5rem}.complete-register .complete-register-container .page-description{font-size:1.6rem;line-height:2.6rem;color:#242f38}.complete-register .complete-register-container .back-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.complete-register .complete-register-container .back-button:focus{outline:none}.complete-register .complete-register-container .back-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.complete-register .complete-register-container .back-button:hover{filter:brightness(110%)}.complete-register .complete-register-container .back-button{margin-top:auto;margin-bottom:4rem;width:100%}
.complete-reset-password{display:flex;justify-content:center;align-items:center;position:relative;overflow:auto;height:100vh;min-height:88rem}.complete-reset-password .complete-reset-password-container{display:flex;flex-direction:column;align-items:center;width:52rem;height:60rem;padding:0 6rem;box-sizing:border-box;overflow:auto}.complete-reset-password .complete-reset-password-container .check-icon{width:5rem;height:5rem;margin-top:18.7rem}.complete-reset-password .complete-reset-password-container .sub-title{font-size:3rem;font-weight:600;color:#57536d;padding:2rem 0 1.5rem}.complete-reset-password .complete-reset-password-container .page-description{font-size:1.6rem;line-height:2.6rem;color:#242f38}.complete-reset-password .complete-reset-password-container .back-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.complete-reset-password .complete-reset-password-container .back-button:focus{outline:none}.complete-reset-password .complete-reset-password-container .back-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.complete-reset-password .complete-reset-password-container .back-button:hover{filter:brightness(110%)}.complete-reset-password .complete-reset-password-container .back-button{margin-top:auto;margin-bottom:4rem;width:100%}
.divider{height:2px;width:100%;background-color:#dedede}
.general-modal{width:35rem;max-width:100%}.general-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.general-modal .button-group{display:flex;align-items:center;justify-content:flex-end;padding:1rem}.general-modal .button-group .confirm-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.general-modal .button-group .confirm-button:focus{outline:none}.general-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#426da2}.general-modal .button-group .confirm-button:hover{background-color:hsl(213.125,42.1052631579%,54.7058823529%)}
.general-delete-modal{width:35rem;max-width:100%}.general-delete-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.general-delete-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding:1rem}.general-delete-modal .button-group .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.general-delete-modal .button-group .cancel-button:focus{outline:none}.general-delete-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#a9a9a9}.general-delete-modal .button-group .cancel-button:hover{background-color:rgb(194.5,194.5,194.5)}.general-delete-modal .button-group .delete-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.general-delete-modal .button-group .delete-button:focus{outline:none}.general-delete-modal .button-group .delete-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:red}.general-delete-modal .button-group .delete-button:hover{background-color:#f33}
.delete-modal{width:35rem;max-width:100%}.delete-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.delete-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding:1rem}.delete-modal .button-group .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.delete-modal .button-group .cancel-button:focus{outline:none}.delete-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#a9a9a9}.delete-modal .button-group .cancel-button:hover{background-color:rgb(194.5,194.5,194.5)}.delete-modal .button-group .delete-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.delete-modal .button-group .delete-button:focus{outline:none}.delete-modal .button-group .delete-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:red}.delete-modal .button-group .delete-button:hover{background-color:#f33}
.message-modal{width:35rem;max-width:100%}.message-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.message-modal .button-group{display:flex;align-items:center;justify-content:flex-end;padding:1rem}.message-modal .button-group .confirm-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.message-modal .button-group .confirm-button:focus{outline:none}.message-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.message-modal .button-group .confirm-button:hover{background-color:#fff}.message-modal .button-group .confirm-button{color:#57536d}.message-modal .button-group .confirm-button:hover{color:rgb(110.109375,105.046875,137.953125)}.message-modal .button-group .confirm-button{width:8rem}
.error-modal{width:35rem;max-width:100%}.error-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0;white-space:pre-wrap}.error-modal .button-group{display:flex;align-items:center;justify-content:flex-end;padding:1rem}.error-modal .button-group .confirm-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-modal .button-group .confirm-button:focus{outline:none}.error-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.error-modal .button-group .confirm-button:hover{background-color:#fff}.error-modal .button-group .confirm-button{color:#57536d}.error-modal .button-group .confirm-button:hover{color:rgb(110.109375,105.046875,137.953125)}.error-modal .button-group .confirm-button{width:8rem}
.approve-modal{width:35rem;max-width:100%}.approve-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.approve-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding:1rem}.approve-modal .button-group .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.approve-modal .button-group .cancel-button:focus{outline:none}.approve-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#a9a9a9}.approve-modal .button-group .cancel-button:hover{background-color:rgb(194.5,194.5,194.5)}.approve-modal .button-group .approve-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.approve-modal .button-group .approve-button:focus{outline:none}.approve-modal .button-group .approve-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#63b5a1}.approve-modal .button-group .approve-button:hover{background-color:hsl(165.3658536585,35.652173913%,64.9019607843%)}
.confirm-modal{width:35rem;max-width:100%}.confirm-modal .message{font-size:1.5rem;text-align:center;padding:3rem 0}.confirm-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding-top:1rem;margin:0 1rem}.confirm-modal .button-group .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.confirm-modal .button-group .cancel-button:focus{outline:none}.confirm-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.confirm-modal .button-group .cancel-button:hover{background-color:#fff}.confirm-modal .button-group .cancel-button{color:#424242}.confirm-modal .button-group .cancel-button:hover{color:#757575}.confirm-modal .button-group .confirm-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.confirm-modal .button-group .confirm-button:focus{outline:none}.confirm-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.confirm-modal .button-group .confirm-button:hover{background-color:#fff}.confirm-modal .button-group .confirm-button{color:#57536d}.confirm-modal .button-group .confirm-button:hover{color:rgb(110.109375,105.046875,137.953125)}
.text-input{position:relative;display:flex;flex-direction:column}.text-input.zen{padding:0}.text-input.zen .input-title-container,.text-input.zen .input-title,.text-input.zen .error-message{display:none}.text-input .input-title-container{display:flex;flex-direction:row;justify-content:space-between}.text-input .input-title-container .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.text-input .input-title-container .input-title.required{display:flex}.text-input .input-title-container .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.text-input .input-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.text-input .input-container.full{max-width:initial}.text-input .input-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.text-input .input-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.text-input .input-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.text-input .input-container .input-text-section{position:relative;display:flex}.text-input .input-container .form-input:focus{outline:none}.text-input .input-container .form-input{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.text-input .input-container .form-input.full{max-width:initial}.text-input .input-container .form-input.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.text-input .input-container .form-input::placeholder{color:#c4c4c4}.text-input .input-container .form-input::-webkit-input-placeholder{color:#c4c4c4}.text-input .input-container .form-input::-moz-placeholder{color:#c4c4c4}.text-input .input-container .form-input:-moz-placeholder{color:#c4c4c4}.text-input .input-container .form-input:-ms-input-placeholder{color:#c4c4c4}.text-input .input-container .form-input.textarea{font-family:initial;padding:1rem;resize:none;height:11rem;max-height:initial}.text-input .input-container .form-input.with-icon{padding:0 3.5rem 0 1.2rem}.text-input .input-container .form-input.disable{background:#f2f2f2}.text-input .input-container .trailing-icon{display:flex;justify-content:center;align-items:center}.text-input .input-container .trailing-icon:focus{outline:none}.text-input .input-container .trailing-icon{position:absolute;right:1rem;top:0;cursor:pointer;width:2.4rem;height:4.5rem;color:#969696}.text-input .input-container .trailing-icon:hover{filter:brightness(120%)}.window-small .input-title{min-width:12rem;max-width:12rem}.window-small .input-container{flex-direction:column;grid-gap:.8rem}.window-small .input-container .form-input{max-width:initial;min-width:0}.window-small .input-container .message-section{align-items:initial}
.change-password-modal{padding:2.4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:37.4rem;width:36rem;box-sizing:border-box}.change-password-modal .input-section{display:flex;flex-direction:column;gap:2.4rem}.change-password-modal .button-container{display:flex;justify-content:center;align-items:center;display:flex;flex-direction:row;gap:3.5rem}.change-password-modal .button-container .cancel-button{display:flex;justify-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.change-password-modal .button-container .cancel-button:focus{outline:none}.change-password-modal .button-container .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#f6f6f6}.change-password-modal .button-container .cancel-button:hover{background-color:#fff}.change-password-modal .button-container .cancel-button{color:#57536d;width:11.5rem;height:4.5rem}.change-password-modal .button-container .action-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.change-password-modal .button-container .action-button:focus{outline:none}.change-password-modal .button-container .action-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.change-password-modal .button-container .action-button:hover{filter:brightness(110%)}.change-password-modal .button-container .action-button{width:11.5rem;height:4.5rem}
.complete-change-password-modal{display:flex;flex-direction:column;align-items:center;width:36rem;box-sizing:border-box}.complete-change-password-modal .check-icon{width:5rem;height:5rem;padding-top:11.6rem}.complete-change-password-modal .title{padding-top:2.4rem;font-size:1.6rem;font-weight:600;line-height:2rem}.complete-change-password-modal .sub-title{padding-top:1rem;font-size:1.6rem;line-height:2.6rem}.complete-change-password-modal .login-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.complete-change-password-modal .login-button:focus{outline:none}.complete-change-password-modal .login-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.complete-change-password-modal .login-button:hover{filter:brightness(110%)}.complete-change-password-modal .login-button{width:13rem;height:4.5rem;margin:11.2rem 0 2.4rem}
.form-description{position:relative;display:flex;flex-direction:column}.form-description .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.form-description .input-title.required{display:flex}.form-description .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.form-description .child-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.form-description .child-container.full{max-width:initial}.form-description .child-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.form-description .child-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.form-description .child-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}
.form-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.form-row>div{flex:1}.window-small .form-row{display:block}
.select-input{position:relative;display:flex;flex-direction:column}.select-input.zen{padding:0}.select-input.zen .input-title,.select-input.zen .error-message{display:none}.select-input .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.select-input .input-title.required{display:flex}.select-input .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.select-input .select-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.select-input .select-container.full{max-width:initial}.select-input .select-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.select-input .select-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.select-input .select-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.select-input .select-container .form-input:focus{outline:none}.select-input .select-container .form-input{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.select-input .select-container .form-input.full{max-width:initial}.select-input .select-container .form-input.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.select-input .select-container .form-input::placeholder{color:#c4c4c4}.select-input .select-container .form-input::-webkit-input-placeholder{color:#c4c4c4}.select-input .select-container .form-input::-moz-placeholder{color:#c4c4c4}.select-input .select-container .form-input:-moz-placeholder{color:#c4c4c4}.select-input .select-container .form-input:-ms-input-placeholder{color:#c4c4c4}.select-input .select-container .form-input{padding:0 3.5rem 0 1.2rem;cursor:pointer}.select-input .select-container .form-input.disable{background:#f2f2f2}.select-input .select-container .trailing-icon{display:flex;justify-content:center;align-items:center}.select-input .select-container .trailing-icon:focus{outline:none}.select-input .select-container .trailing-icon{position:absolute;right:1rem;top:0;cursor:pointer;width:2.4rem;height:4.5rem;color:#969696}.select-input .select-container .trailing-icon:hover{filter:brightness(120%)}.select-input .select-container .options{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:4.5rem;width:100%;height:fit-content;max-height:16rem;box-sizing:border-box;background-color:#fff;box-shadow:0px 2px 4px rgba(0,0,0,.15);border-radius:6px;z-index:10;overflow:auto}.select-input .select-container .options.bottom{top:auto;bottom:5.3rem;box-shadow:0px -2px -4px rgba(0,0,0,.15)}.select-input .select-container .options .placeholder:focus{outline:none}.select-input .select-container .options .placeholder{font-size:1.5rem;padding:1rem 2rem;height:4rem;box-sizing:border-box;cursor:pointer;color:#c8c8c8}.select-input .select-container .options .option:focus{outline:none}.select-input .select-container .options .option{font-size:1.5rem;padding:1rem 2rem;height:4rem;box-sizing:border-box;cursor:pointer}.select-input .select-container .options .option:hover{background-color:#f6f6f6}.select-input .select-container .options .option.selected{background-color:#fff9e4}.select-input .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.desktop .select-input .select-container .options .option:hover{opacity:.7}.desktop .select-input .select-container .options .option.selected:hover{opacity:1}.mobile .select-input .select-container .options .option:active{opacity:.7}.mobile .select-input .select-container .options .option.selected:active{opacity:1}
.time-input{display:flex;flex-direction:row;align-items:center;gap:.8rem;font-size:1.4rem;line-height:2rem}.time-input .select-input .select-container{max-width:12rem}.time-input .colon{color:#768088}
.class-modal{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem 2.4rem 2.4rem 3.6rem;width:72rem;box-sizing:border-box}.class-modal .title{color:#242f38;font-size:2rem;font-style:normal;font-weight:700;letter-spacing:1px}.class-modal .time-column{gap:2.4rem}.class-modal .open-section-container{display:flex;flex-direction:row;align-items:center;gap:.8rem;font-size:1.4rem;line-height:2rem}.class-modal .open-section-container .select-input .select-container{max-width:12rem}.class-modal .open-section-container .weekday{width:4.8rem}.class-modal .open-section-container .colon{color:#768088}.class-modal .open-section-container .to{width:4.8rem;color:#768088;text-align:center}.class-modal .classroom-image-container{position:relative;display:flex;width:66rem;height:24rem;box-sizing:border-box;border-radius:.8rem;background-color:#f6f6f6;border:1px dashed #768088;overflow:hidden}.class-modal .classroom-image-container .upload-container{position:relative;display:flex;align-items:center;flex-direction:column;gap:1.2rem;margin:0 auto}.class-modal .classroom-image-container .upload-container .upload-icon{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:1.2rem;width:207px;height:142px}.class-modal .classroom-image-container .upload-container .upload-text{z-index:1;font-size:1.4rem;color:#ff6700;margin-top:13.5rem}.class-modal .classroom-image-container .upload-container .image-warning{font-size:1.4rem;color:#46535f}.class-modal .classroom-image-container .classroom-image{flex:1;object-fit:cover}.class-modal .classroom-image-container .switch-image-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.class-modal .classroom-image-container .switch-image-button:focus{outline:none}.class-modal .classroom-image-container .switch-image-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.class-modal .classroom-image-container .switch-image-button:hover{background-color:#fff}.class-modal .classroom-image-container .switch-image-button{color:#57536d}.class-modal .classroom-image-container .switch-image-button:hover{color:rgb(110.109375,105.046875,137.953125)}.class-modal .classroom-image-container .switch-image-button{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.4rem;position:absolute;right:1.2rem;bottom:1.2rem;width:13rem;height:4.5rem}.class-modal .classroom-image-container .switch-image-button .icon{width:2rem;height:2rem}.class-modal .classroom-image-container .switch-image-button .text{font-size:1.4rem;color:#57536d;letter-spacing:.3px}.class-modal .action-buttons{display:flex;flex-direction:row;gap:2rem;margin:0 auto}.class-modal .action-buttons .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.class-modal .action-buttons .cancel-button:focus{outline:none}.class-modal .action-buttons .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#a9a9a9}.class-modal .action-buttons .cancel-button:hover{background-color:rgb(194.5,194.5,194.5)}.class-modal .action-buttons .cancel-button{width:10rem;height:4rem;line-height:4rem}.class-modal .action-buttons .cancel-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}.class-modal .action-buttons .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.class-modal .action-buttons .submit-button:focus{outline:none}.class-modal .action-buttons .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.class-modal .action-buttons .submit-button:hover{filter:brightness(110%)}.class-modal .action-buttons .submit-button{width:10rem;height:4rem;line-height:4rem}.class-modal .action-buttons .submit-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.gym-student-order-modal{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem 2.4rem 2.4rem 3.6rem;width:72rem;box-sizing:border-box}.gym-student-order-modal .title{color:#242f38;font-size:2rem;font-style:normal;font-weight:700;letter-spacing:1px}.gym-student-order-modal .action-buttons{display:flex;flex-direction:row;gap:2rem;margin:0 auto}.gym-student-order-modal .action-buttons .cancel-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gym-student-order-modal .action-buttons .cancel-button:focus{outline:none}.gym-student-order-modal .action-buttons .cancel-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#a9a9a9}.gym-student-order-modal .action-buttons .cancel-button:hover{background-color:rgb(194.5,194.5,194.5)}.gym-student-order-modal .action-buttons .cancel-button{width:10rem;height:4rem;line-height:4rem}.gym-student-order-modal .action-buttons .cancel-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}.gym-student-order-modal .action-buttons .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gym-student-order-modal .action-buttons .submit-button:focus{outline:none}.gym-student-order-modal .action-buttons .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.gym-student-order-modal .action-buttons .submit-button:hover{filter:brightness(110%)}.gym-student-order-modal .action-buttons .submit-button{width:10rem;height:4rem;line-height:4rem}.gym-student-order-modal .action-buttons .submit-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.table-component{overflow-y:auto;white-space:nowrap;border-radius:1rem 1rem 0 0}.table-component table{width:100%;border-collapse:collapse;border-style:hidden;border-bottom:1px solid #c4c4c4}.table-component table thead{height:4rem;line-height:4rem;color:#848484;background-color:#f6f6f6;font-size:1.2rem;font-weight:400}.table-component table thead th .head-content{display:flex;justify-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;padding:0 1rem}.table-component table thead th .head-content .icon{display:flex;justify-content:center;align-items:center}.table-component table thead th .head-content.select-cell{padding:0;min-width:0}.table-component table thead th:last-child .head-content::after{display:none}.table-component table tbody{color:#000;font-weight:400;font-size:1.4rem}.table-component table tbody tr:focus{outline:none}.table-component table tbody tr{height:6rem;text-align:center;background-color:#fff;border-bottom:1px solid #c4c4c4}.table-component table tbody tr:hover{background-color:#f6f6f6}.table-component table tbody td{position:relative;min-width:5rem;padding:0 1.5rem}.table-component table tbody td.select-cell{padding:0;min-width:0}.table-component table tbody td.cell .nav-link{height:4rem;display:flex;color:#000;text-decoration:none;align-items:center;padding:0 1.5rem}.table-component table tbody td.cell .nav-link .link-cell{flex:1;display:block}
.price-cell{display:flex;justify-content:center;align-items:center}
.table-modal{display:flex;flex-direction:column;width:80rem;box-sizing:border-box}.table-modal .header-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.7rem 2.4rem;font-size:2rem;color:#000;font-weight:600;letter-spacing:.03rem;border-bottom:1px dashed #c4c4c4}.table-modal .header-section .close-icon{width:2rem;height:2rem;object-fit:cover}.table-modal .table-section{padding:2.4rem}
.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 4rem;height:8rem;background:#fff}.header .logo-container{display:flex;flex-direction:row;align-items:center;gap:2.4rem;text-decoration:none}.header .logo-container .logo{width:24rem}.header .logo-container .title{font-size:3rem;font-weight:600;color:#57536d;padding-top:.4rem}.header .user-container{position:relative;display:flex;flex-direction:row;align-items:center;gap:1.2rem}.header .user-container .username{color:#000;font-size:1.4rem}.header .user-container .avatar{width:3.4rem;height:3.4rem;border-radius:5rem;background:#f6f6f6;overflow:hidden}.header .user-container .avatar .avatar-image{width:100%;height:100%;object-fit:cover}.header .user-container .user-menu{position:absolute;display:flex;flex-direction:column;top:4.5rem;right:0;width:13rem;box-sizing:border-box;background:#fff;border-radius:.8rem;box-shadow:0px 2px 4px rgba(0,0,0,.15);font-size:1.4rem}.header .user-container .user-menu .menu-item{box-sizing:border-box;width:13rem;height:4rem;padding:1rem;border-bottom:1px solid #c4c4c4;color:#000;text-decoration:none}.header .user-container .user-menu .menu-item.selected{background-color:#f6f6f6;border-bottom:none}.header .user-container .user-menu .menu-item:last-child{border-bottom:none}.header .user-container .user-menu .menu-item:hover{background-color:#f6f6f6}
.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;font-size:1.4rem;color:#768088;font-weight:500;padding-bottom:4rem}.footer .contact-us-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1.6rem}.footer .contact-us{color:#768088;text-decoration:underline}
.link-tabs{display:flex;flex-direction:row;border-radius:.8rem;box-shadow:0px 2px 4px rgba(0,0,0,.15)}.link-tabs .menu-tab-item{display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:#57536d;text-decoration:none;width:14rem;height:4.5rem;box-sizing:border-box;border-right:1px solid #c4c4c4}.link-tabs .menu-tab-item:first-child{border-top-left-radius:.8rem;border-bottom-left-radius:.8rem}.link-tabs .menu-tab-item:last-child{border-top-right-radius:.8rem;border-bottom-right-radius:.8rem;border-right:none}.link-tabs .menu-tab-item.active{color:#fff;background-image:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%)}
.menu-fragment{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap}.menu-fragment .modification-record-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-fragment .modification-record-button:focus{outline:none}.menu-fragment .modification-record-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.menu-fragment .modification-record-button:hover{background-color:#fff}.menu-fragment .modification-record-button{color:#57536d}.menu-fragment .modification-record-button:hover{color:rgb(110.109375,105.046875,137.953125)}.menu-fragment .modification-record-button{font-size:1.4rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;width:13rem;height:4.5rem;box-sizing:border-box;box-shadow:0px 2px 4px rgba(0,0,0,.15)}.menu-fragment .modification-record-button .time-icon{width:2rem}
.dashed-line{border-top:1px dashed #c4c4c4}
.text-select-input{position:relative;display:flex;flex-direction:column}.text-select-input.zen{padding:0}.text-select-input.zen .input-title,.text-select-input.zen .error-message{display:none}.text-select-input .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.text-select-input .input-title.required{display:flex}.text-select-input .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.text-select-input .input-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.text-select-input .input-container.full{max-width:initial}.text-select-input .input-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.text-select-input .input-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.text-select-input .input-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.text-select-input .input-container .input-text-section:focus{outline:none}.text-select-input .input-container .input-text-section{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.text-select-input .input-container .input-text-section.full{max-width:initial}.text-select-input .input-container .input-text-section.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.text-select-input .input-container .input-text-section::placeholder{color:#c4c4c4}.text-select-input .input-container .input-text-section::-webkit-input-placeholder{color:#c4c4c4}.text-select-input .input-container .input-text-section::-moz-placeholder{color:#c4c4c4}.text-select-input .input-container .input-text-section:-moz-placeholder{color:#c4c4c4}.text-select-input .input-container .input-text-section:-ms-input-placeholder{color:#c4c4c4}.text-select-input .input-container .input-text-section{max-height:fit-content;position:relative;display:flex}.text-select-input .input-container .form-input:focus{outline:none}.text-select-input .input-container .form-input{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.text-select-input .input-container .form-input.full{max-width:initial}.text-select-input .input-container .form-input.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.text-select-input .input-container .form-input::placeholder{color:#c4c4c4}.text-select-input .input-container .form-input::-webkit-input-placeholder{color:#c4c4c4}.text-select-input .input-container .form-input::-moz-placeholder{color:#c4c4c4}.text-select-input .input-container .form-input:-moz-placeholder{color:#c4c4c4}.text-select-input .input-container .form-input:-ms-input-placeholder{color:#c4c4c4}.text-select-input .input-container .form-input{border:none;background-color:rgba(0,0,0,0)}.text-select-input .input-container .form-input.with-icon{padding:0 3.5rem 0 1.2rem}.text-select-input .input-container .form-input.disable{background:#f2f2f2}.text-select-input .input-container .trailing-icon{display:flex;justify-content:center;align-items:center}.text-select-input .input-container .trailing-icon:focus{outline:none}.text-select-input .input-container .trailing-icon{position:absolute;right:1rem;top:0;cursor:pointer;width:2.4rem;height:4.5rem;color:#969696}.text-select-input .input-container .trailing-icon:hover{filter:brightness(120%)}.text-select-input .input-container .trailing-icon{top:initial;bottom:0}.text-select-input .input-container .options{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:calc(100% - .8rem);width:100%;height:fit-content;max-height:16rem;box-sizing:border-box;background-color:#fff;box-shadow:0px 2px 4px rgba(0,0,0,.15);border-radius:6px;z-index:10;overflow:auto}.text-select-input .input-container .options.bottom{top:auto;bottom:5.3rem;box-shadow:0px -2px -4px rgba(0,0,0,.15)}.text-select-input .input-container .options .option:focus{outline:none}.text-select-input .input-container .options .option{font-size:1.5rem;padding:1rem 2rem;height:4rem;box-sizing:border-box;cursor:pointer}.text-select-input .input-container .options .option:hover{background-color:#f6f6f6}.text-select-input .input-container .options .option.selected{background-color:#fff9e4}.text-select-input .input-container .options .option.multi-selected{background-color:#fff9e4;position:relative}.text-select-input .input-container .options .option.multi-selected .check-icon{position:absolute;width:3rem;height:3rem;right:1rem;top:50%;transform:translateY(-50%)}.text-select-input .input-container .options .option.disable{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer}.text-select-input .input-container .options .option.no-option{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer}.text-select-input .selected-values{display:flex;flex-direction:row;column-gap:1rem;flex-wrap:wrap;flex:1}.text-select-input .selected-values .form-input{padding:0}.text-select-input .selected-values .value-button{display:flex;flex-direction:row;align-items:center;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);padding:0 .8rem 0 1rem;margin:.7rem 0;border-radius:.4rem;height:3rem;box-sizing:border-box;color:#fff}.text-select-input .selected-values .value-button .icon{margin-left:1rem}.text-select-input .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.window-small .input-title{min-width:12rem;max-width:12rem}.window-small .input-container{flex-direction:column;grid-gap:.8rem}.window-small .input-container .form-input{max-width:initial;min-width:0}.window-small .input-container .message-section{align-items:initial}.window-small .input-container .options{width:100%}.desktop .text-select-input .input-container .options .option:hover{opacity:.7}.desktop .text-select-input .input-container .options .option.selected:hover{opacity:1}.mobile .text-select-input .input-container .options .option:active{opacity:.7}.mobile .text-select-input .input-container .options .option.selected:active{opacity:1}
.gym-information{padding:2.7rem 3rem;display:flex;flex-direction:row;gap:3rem}.gym-information .info-section{display:flex;flex-direction:column;align-items:center;width:18rem}.gym-information .info-section .gym-image-container{width:11rem;height:11rem;border-radius:11rem;background-color:#f6f6f6;overflow:hidden}.gym-information .info-section .gym-image-container .gym-image{width:100%;height:100%;object-fit:cover}.gym-information .info-section .gym-name-container{display:flex;flex-direction:row;gap:1rem;padding:2rem 0 1rem}.gym-information .info-section .gym-name-container .gym-icon{width:1.8rem;height:1.8rem}.gym-information .info-section .gym-name-container .gym-name{font-size:1.8rem;font-weight:600;line-height:1.8rem}.gym-information .info-section .gym-division{font-size:1.4rem;line-height:1.8rem;color:#000}.gym-information .info-section .login-detail{display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-size:1.2rem;color:#848484;padding:2.4rem 0}.gym-information .info-section .deactivate-button{display:flex;flex-direction:row;gap:1.1rem;align-items:center;justify-content:center;font-size:1.2rem;color:#848484;height:4.5rem;width:13rem;border:1px solid #c4c4c4;border-radius:5rem;cursor:pointer}.gym-information .info-section .deactivate-button .forbidden-icon{width:2rem;height:2rem}.gym-information .info-section .deactivate-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}.gym-information .input-section{display:flex;flex-direction:column;gap:2.4rem;width:64rem;max-width:64rem;box-sizing:border-box}.gym-information .input-section .time-column{gap:2.4rem}.gym-information .input-section .open-section-container{display:flex;flex-direction:row;align-items:center;gap:.8rem;font-size:1.4rem;line-height:2rem}.gym-information .input-section .open-section-container .select-input .select-container{max-width:12rem}.gym-information .input-section .open-section-container .weekday{width:4.8rem}.gym-information .input-section .open-section-container .colon{color:#768088}.gym-information .input-section .open-section-container .to{width:4.8rem;color:#768088;text-align:center}.gym-information .input-section .contract-container{display:flex;flex-direction:row;align-items:center;background-color:#f6f6f6;border-radius:.6rem;padding:1.2rem 2.4rem 1.2rem 1.2rem;margin-top:.8rem;color:#000;font-size:1.4rem}.gym-information .input-section .contract-container .contract-status{padding-right:1.5rem;border-right:1px solid #000}.gym-information .input-section .contract-container .contract-time{padding-left:1.5rem}.gym-information .input-section .contract-container .view-contract-button{margin-left:auto;color:#ff6700;font-size:1.2rem;text-decoration:underline}.gym-information .input-section .bank,.gym-information .input-section .main-contact,.gym-information .input-section .manager{display:flex;flex-direction:column;gap:2rem}.gym-information .input-section .bank .section-title,.gym-information .input-section .main-contact .section-title,.gym-information .input-section .manager .section-title{font-size:1.8rem;font-weight:600;color:#000}.gym-information .input-section .bank .row-between,.gym-information .input-section .main-contact .row-between,.gym-information .input-section .manager .row-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.gym-information .input-section .bank .add-button,.gym-information .input-section .main-contact .add-button,.gym-information .input-section .manager .add-button{display:flex;flex-direction:row;align-items:center;gap:.7rem;font-size:1.6rem}.gym-information .input-section .bank .add-button .add-icon,.gym-information .input-section .main-contact .add-button .add-icon,.gym-information .input-section .manager .add-button .add-icon{width:2rem;height:2rem}.gym-information .input-section .bank .add-button .add-text,.gym-information .input-section .main-contact .add-button .add-text,.gym-information .input-section .manager .add-button .add-text{background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.gym-information .input-section .bank .contact-action-button-container,.gym-information .input-section .main-contact .contact-action-button-container,.gym-information .input-section .manager .contact-action-button-container{display:flex;flex-direction:column;gap:1rem}.gym-information .input-section .bank .contact-action-button-container .delete-button,.gym-information .input-section .main-contact .contact-action-button-container .delete-button,.gym-information .input-section .manager .contact-action-button-container .delete-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gym-information .input-section .bank .contact-action-button-container .delete-button:focus,.gym-information .input-section .main-contact .contact-action-button-container .delete-button:focus,.gym-information .input-section .manager .contact-action-button-container .delete-button:focus{outline:none}.gym-information .input-section .bank .contact-action-button-container .delete-button,.gym-information .input-section .main-contact .contact-action-button-container .delete-button,.gym-information .input-section .manager .contact-action-button-container .delete-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:red}.gym-information .input-section .bank .contact-action-button-container .delete-button:hover,.gym-information .input-section .main-contact .contact-action-button-container .delete-button:hover,.gym-information .input-section .manager .contact-action-button-container .delete-button:hover{background-color:#f33}.gym-information .input-section .bank .contact-action-button-container .delete-button,.gym-information .input-section .main-contact .contact-action-button-container .delete-button,.gym-information .input-section .manager .contact-action-button-container .delete-button{margin-left:auto}.gym-information .input-section .invitation,.gym-information .input-section .coach{display:flex;flex-direction:column;gap:1.2rem}.gym-information .input-section .invitation .section-title,.gym-information .input-section .coach .section-title{font-size:1.8rem;font-weight:600;color:#000}.gym-information .input-section .invitation .section-description-container,.gym-information .input-section .coach .section-description-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.gym-information .input-section .invitation .section-description-container .section-description,.gym-information .input-section .coach .section-description-container .section-description{display:flex;flex-direction:row;gap:.5rem;font-size:1.4rem}.gym-information .input-section .invitation .section-description-container .section-description .pink,.gym-information .input-section .coach .section-description-container .section-description .pink{color:#ff0086}.gym-information .input-section .invitation .section-description-container .view-all-button,.gym-information .input-section .coach .section-description-container .view-all-button{font-size:1.4rem;color:#ff6700}.gym-information .input-section .invitation .section-description-container .view-all-button:hover,.gym-information .input-section .coach .section-description-container .view-all-button:hover{filter:brightness(120%)}.gym-information .input-section .regulation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#000}.gym-information .input-section .regulation .regulation-title{display:flex;flex-direction:row;gap:1rem;align-items:center;font-size:1.8rem;font-weight:600}.gym-information .input-section .regulation .regulation-title .info-icon{width:1.8rem}.gym-information .input-section .regulation .expand-button{display:flex;flex-direction:row;align-items:center;gap:.6rem;font-size:1.4rem;color:#ff6700}.gym-information .input-section .regulation .expand-button .down-icon{width:1.2rem}.gym-information .input-section .regulation .expand-button:hover{filter:brightness(120%)}.gym-information .input-section .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gym-information .input-section .submit-button:focus{outline:none}.gym-information .input-section .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.gym-information .input-section .submit-button:hover{filter:brightness(110%)}.gym-information .input-section .submit-button{width:13rem;margin:0 auto}
.dropdown{position:relative;width:fit-content}.dropdown .dropdown-button{display:flex;justify-content:center;align-items:center}.dropdown .dropdown-button:focus{outline:none}.dropdown .dropdown-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;width:10rem;height:3.6rem;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:3rem;padding:0 1.2rem;font-size:1.2rem;color:#57536d}.dropdown .dropdown-button .content{white-space:nowrap}.dropdown .dropdown-button .content.placeholder{color:#c4c4c4}.dropdown .dropdown-button .icon{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2rem;height:2rem;object-fit:cover}.dropdown .dropdown-button .icon.open{transform:rotate(180deg)}.dropdown .dropdown-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:calc(100% + .6rem);left:0;display:flex;flex-direction:column;width:100%;border:1px solid #c4c4c4;border-radius:.6rem;padding:.4rem 1.2rem;background:#fff;z-index:100}.dropdown .dropdown-menu.bottom{top:auto;bottom:calc(100% + .6rem)}.dropdown .dropdown-menu .dropdown-menu-item{border-bottom:1px dashed #c4c4c4;padding:1.2rem .4rem}.dropdown .dropdown-menu .dropdown-menu-item:hover{font-weight:600}.dropdown .dropdown-menu .dropdown-menu-item:last-child{border:none}.dropdown .outside-area{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}
.pagination{display:flex;flex-direction:row;align-content:center;background:#f6f6f6;height:6rem;border-radius:0 0 1rem 1rem;padding:0 2.4rem;color:#57536d}.pagination .page-size{flex:1;display:flex;gap:.8rem;align-items:center;justify-content:start}.pagination .page-control{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row;grid-gap:.5rem}.pagination .page-control .icon:focus{outline:none}.pagination .page-control .icon{display:flex;justify-content:center;align-items:center;border-radius:.5rem;cursor:pointer;width:3rem;height:3rem}.pagination .search-page{flex:1;display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:end}.pagination .search-page .goto{font-size:1.4rem}.pagination .search-page .search-page-container{display:flex;flex-direction:row;align-items:center;gap:.6rem;justify-content:space-between;width:10rem;box-sizing:border-box;height:3.6rem;border:1px solid #c4c4c4;border-radius:3rem;padding:0 1.3rem}.pagination .search-page .search-page-container .current-page-input:focus{outline:none}.pagination .search-page .search-page-container .current-page-input{flex:1;text-align:right;font-size:1.2rem;background-color:rgba(0,0,0,0);border:none}
.gym-coach-table-section{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem}.gym-coach-table-section .section-title{color:#000;font-size:1.6rem;font-weight:600;letter-spacing:.3px}.gym-coach-table-section .action-section{display:flex;flex-direction:row;gap:2rem}
.gym-coach{display:flex;flex-direction:column;gap:2rem}
.gym-student-table-section{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem}.gym-student-table-section .section-title{color:#000;font-size:1.6rem;font-weight:600;letter-spacing:.3px}.gym-student-table-section .action-section{display:flex;flex-direction:row;gap:2rem}
.gym-student{display:flex;flex-direction:column;gap:2rem}
.gym-student-order-table-section{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem}.gym-student-order-table-section .section-title{color:#000;font-size:1.6rem;font-weight:600;letter-spacing:.3px}.gym-student-order-table-section .action-section{display:flex;flex-direction:row;gap:2rem}
.gym-student-order{display:flex;flex-direction:column;gap:2rem}
.chart-container{width:100%;min-height:30rem}
.list-item{display:flex;flex-direction:row;justify-content:space-between}.list-item .list-title{font-size:1.4rem;font-weight:400;letter-spacing:.3px}.list-item .list-content{display:flex;flex-direction:row;gap:.8rem;font-size:1.4rem;font-weight:400;letter-spacing:.3px}.list-item .list-content .content{color:#ff6700;font-weight:600}.list-item .list-content .unit{color:#000}
.analysis-chart-group{display:flex;flex-direction:row;gap:2rem}.analysis-chart-group .analysis-chart{display:flex;flex-direction:column;flex:1}.analysis-chart-group .analysis-chart .title{font-size:1.6rem;font-weight:600;line-height:3.8rem;color:#000}.analysis-chart-group .analysis-chart .range-section{padding:1.2rem 3rem;display:flex;flex-direction:row;justify-content:space-between}.analysis-chart-group .analysis-chart .range-section .current-range{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.analysis-chart-group .analysis-chart .range-section .current-range .range-text{font-size:1.6rem;font-weight:600;color:#000}.analysis-chart-group .analysis-chart .range-section .comparison-container{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1.4rem;color:#000}.analysis-chart-group .analysis-chart .range-section .comparison-container .switch-icon{width:5.3rem;height:3rem}.analysis-chart-group .analysis-chart .info-section-group{display:flex;flex-direction:row}.analysis-chart-group .analysis-chart .info-section-group .info-section{flex:1;padding:2rem 2rem 2rem 3rem;display:flex;flex-direction:column;gap:.8rem}.analysis-chart-group .analysis-chart .chart-section{padding:2rem 3rem;display:flex;flex-direction:column;gap:1.2rem}.analysis-chart-group .analysis-chart .chart-section .info-section{display:flex;flex-direction:row;gap:5rem}.analysis-chart-group .analysis-chart .chart-section .info-section .info-item{display:flex;flex-direction:row;align-items:flex-end;gap:.8rem;font-size:1.4rem;color:#000;letter-spacing:.3px;line-height:200%}.analysis-chart-group .analysis-chart .chart-section .info-section .info-item .content{font-size:1.6rem;color:#ff6700}
.image-container{display:flex;justify-content:center;align-items:center;background-color:#c4c4c4;overflow:hidden}.image-container .image{width:100%;height:100%;object-fit:cover}.image-container .no-image{display:flex;flex-direction:row;align-items:center;gap:.4rem}.image-container .no-image .icon{width:2.4rem;height:2.4rem;color:#fff}.image-container .no-image .text{font-size:1.4rem;color:#fff}
.image-info-section{display:flex;flex-direction:column;gap:2rem;color:#242f38}
.image-row{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:2rem;background-color:#f6f6f6;border-radius:.6rem}.image-row .image-detail{display:flex;flex-direction:column;gap:2rem;font-size:1.4rem}.image-row .image-detail .image-action-button-container{display:flex;flex-direction:row;gap:2rem}.image-row .image-detail .image-action-button-container .image-action-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-row .image-detail .image-action-button-container .image-action-button:focus{outline:none}.image-row .image-detail .image-action-button-container .image-action-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.image-row .image-detail .image-action-button-container .image-action-button:hover{background-color:#fff}.image-row .image-detail .image-action-button-container .image-action-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:13rem;height:4.5rem;color:#57536d}.image-row .image-detail .image-action-button-container .image-action-button .change-icon{width:1.8rem;height:1.3rem}.image-row .image-detail .image-action-button-container .image-action-button .trash-icon{width:1.2rem;height:1.5rem}.image-row .image-detail .image-action-button-container .image-action-button .image-icon{width:1.8rem;height:1.8rem}.image-row .image-detail .image-action-button-container .image-action-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.video-container{display:flex;justify-content:center;align-items:center;background-color:#c4c4c4;overflow:hidden}.video-container .image{width:100%;height:100%;object-fit:cover}.video-container .no-image{display:flex;flex-direction:row;align-items:center;gap:.4rem}.video-container .no-image .icon{width:2.4rem;height:1.2rem;color:#fff}.video-container .no-image .text{font-size:1.4rem;color:#fff}
.video-row{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:2rem;background-color:#f6f6f6;border-radius:.6rem}.video-row .video-detail{display:flex;flex-direction:column;gap:2rem;font-size:1.4rem}.video-row .video-detail .video-action-button-container{display:flex;flex-direction:row;gap:2rem}.video-row .video-detail .video-action-button-container .video-action-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-row .video-detail .video-action-button-container .video-action-button:focus{outline:none}.video-row .video-detail .video-action-button-container .video-action-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.video-row .video-detail .video-action-button-container .video-action-button:hover{background-color:#fff}.video-row .video-detail .video-action-button-container .video-action-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:13rem;height:4.5rem;color:#57536d}.video-row .video-detail .video-action-button-container .video-action-button .change-icon{width:1.8rem;height:1.3rem}.video-row .video-detail .video-action-button-container .video-action-button .trash-icon{width:1.2rem;height:1.5rem}.video-row .video-detail .video-action-button-container .video-action-button .video-icon{width:1.8rem;height:1.8rem}.video-row .video-detail .video-action-button-container .video-action-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.gallery{display:flex;flex-direction:column;gap:2rem;padding:3rem}.gallery .section-container{display:flex;flex-direction:column;gap:1.5rem}.gallery .section-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.gallery .section-container .section-subtitle{font-size:1.4rem;color:#242f38}.gallery .section-container .section-content{display:flex;flex-direction:column;gap:2rem}.gallery .section-container .section-content .gray-container{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:2rem;background-color:#f6f6f6;border-radius:.6rem}.gallery .section-container .section-content .gray-container .image-section{object-fit:cover;width:32rem;height:20rem;border-radius:.6rem;background-color:#c4c4c4}.gallery .section-container .section-content .gray-container .image-section.circle{width:20rem;border-radius:20rem}.gallery .section-container .section-content .gray-container .image-detail{display:flex;flex-direction:column;gap:2rem;font-size:1.4rem}.gallery .section-container .section-content .gray-container .image-detail .detail-section{display:flex;flex-direction:column;gap:2rem;color:#242f38}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container{display:flex;flex-direction:row;gap:2rem}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button:focus{outline:none}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#fff}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button:hover{background-color:#fff}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:13rem;height:4.5rem;color:#57536d}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button .change-icon{width:1.8rem;height:1.3rem}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button .trash-icon{width:1.2rem;height:1.5rem}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button .image-icon{width:1.8rem;height:1.8rem}.gallery .section-container .section-content .gray-container .image-detail .image-action-button-container .image-action-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}.gallery .section-container .section-content .add-content-container{display:flex;flex-direction:row;align-items:center;gap:.6rem;width:fit-content}.gallery .section-container .section-content .add-content-container .add-icon{width:2rem;height:2rem}.gallery .section-container .section-content .add-content-container .add-text{font-size:1.6rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.gallery .section-container .section-content .add-content-container:hover{filter:brightness(120%)}.gallery .action-button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3.55rem}.gallery .action-button-container .preview-button{display:flex;justify-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gallery .action-button-container .preview-button:focus{outline:none}.gallery .action-button-container .preview-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#f6f6f6}.gallery .action-button-container .preview-button:hover{background-color:#fff}.gallery .action-button-container .preview-button{color:#57536d;width:13rem;height:4.5rem}.gallery .action-button-container .preview-button:hover{background-color:hsl(0,0%,91.4705882353%);box-shadow:0px 2px 4px rgba(0,0,0,.15)}.gallery .action-button-container .update-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gallery .action-button-container .update-button:focus{outline:none}.gallery .action-button-container .update-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.gallery .action-button-container .update-button:hover{filter:brightness(110%)}.gallery .action-button-container .update-button{width:13rem;height:4.5rem}.gallery .action-button-container .update-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.room-open-section-fragment{display:flex;flex-direction:row;gap:2rem;padding:2rem;box-sizing:border-box;background-color:#f6f6f6;border-radius:.6rem}.room-open-section-fragment .room-avatar{display:flex;justify-content:center;width:15rem;height:15rem;border-radius:.6rem;border:1px solid #c4c4c4;background:#848484;overflow:hidden}.room-open-section-fragment .room-avatar .classroom-image{flex:1;object-fit:cover}.room-open-section-fragment .room-detail{display:flex;flex-direction:column;flex:1}.room-open-section-fragment .room-detail .room-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.room-open-section-fragment .room-detail .room-title-container .room-title{font-size:1.4rem;font-weight:600;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.room-open-section-fragment .room-detail .room-title-container .action-buttons{display:flex;flex-direction:row;align-items:center;gap:2rem}.room-open-section-fragment .room-detail .room-title-container .action-buttons .edit-button,.room-open-section-fragment .room-detail .room-title-container .action-buttons .delete-button{font-size:1.2rem;color:#ff6700;text-decoration:underline}.room-open-section-fragment .room-detail .room-info-container{display:flex;flex-direction:row;font-size:1.4rem;color:#57536d;gap:2rem;margin-top:.6rem}.room-open-section-fragment .room-detail .room-info-container .room-info{display:flex;flex-direction:row;align-items:center}.room-open-section-fragment .room-detail .input-section{display:flex;flex-direction:column;gap:2rem;margin:2.5rem 0 1rem}.room-open-section-fragment .room-detail .input-section .open-section{flex:1;display:flex;flex-direction:column;max-width:40rem}.room-open-section-fragment .room-detail .input-section .open-section .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.room-open-section-fragment .room-detail .input-section .open-section .input-title.required{display:flex}.room-open-section-fragment .room-detail .input-section .open-section .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.room-open-section-fragment .room-detail .input-section .open-section .open-section-container{display:flex;flex-direction:column;gap:.4rem;color:#57536d;font-size:1.4rem}.room-open-section-fragment .room-detail .input-section .text-input,.room-open-section-fragment .room-detail .input-section .text-select-input,.room-open-section-fragment .room-detail .input-section .select-input{max-width:40rem}
.matchmaking{display:flex;flex-direction:column;gap:2rem;padding:3rem}.matchmaking .section-container{display:flex;flex-direction:column;gap:1.5rem}.matchmaking .section-container .general-setting-container{display:flex;flex-direction:row;gap:1rem;font-size:1.4rem}.matchmaking .section-container .general-setting-container .teaching-category{width:22rem}.matchmaking .section-container .general-setting-container .course-category{width:59rem}.matchmaking .section-container .teaching-gender{max-width:40rem}.matchmaking .section-container .section-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.matchmaking .section-container .section-title-container .individual-setting{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1.6rem;color:#57536d}.matchmaking .section-container .section-title-container .individual-setting .switch-icon{width:auto;height:3rem}.matchmaking .section-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.matchmaking .section-container .section-subtitle{font-size:1.4rem;color:#242f38}.matchmaking .section-container .section-description{display:flex;flex-direction:row;gap:.5rem;font-size:1.4rem}.matchmaking .section-container .section-description .pink{color:#ff0086}.matchmaking .input-section{display:flex;flex-direction:column;gap:2rem}.matchmaking .input-section .add-room-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.matchmaking .input-section .add-room-container .view-all{font-size:1.6rem;text-decoration:underline;color:#ff6700}.matchmaking .input-section .add-button{display:flex;flex-direction:row;align-items:center;gap:.7rem;font-size:1.6rem}.matchmaking .input-section .add-button .add-icon{width:2rem;height:2rem}.matchmaking .input-section .add-button .add-text{background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.matchmaking .update-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.matchmaking .update-button:focus{outline:none}.matchmaking .update-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.matchmaking .update-button:hover{filter:brightness(110%)}.matchmaking .update-button{width:13rem;height:4.5rem;margin:0 auto}.matchmaking .update-button:hover{box-shadow:0px 2px 4px rgba(0,0,0,.15)}
.course-list-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.course-list-item .title{color:#000;font-size:1.4rem;font-weight:400}.course-list-item .list-content-container{display:flex;flex-direction:row;align-items:flex-end;gap:.6rem}.course-list-item .list-content-container .content{font-size:2.4rem;font-weight:600;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.course-list-item .list-content-container .unit{color:#57536d;font-size:1.4rem;font-weight:400;line-height:2}
.course-overview{display:flex;flex-direction:row}.course-overview .info-block{flex:1;display:flex;flex-direction:column;gap:2.3rem;padding:2rem}.course-overview .info-block .info-title{color:#000;font-size:1.6rem;font-weight:600;letter-spacing:.3px}.course-overview .info-block .info-list{display:flex;flex-direction:row;align-items:center;height:8rem}.course-overview .info-block .info-list .vertical-dashed-line{height:100%}
.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:0 .6rem}.date-picker-header .date-button-container{display:flex;flex-direction:row;align-items:center}.date-picker-header .previous-year-button:focus,.date-picker-header .next-year-button:focus,.date-picker-header .previous-month-button:focus,.date-picker-header .next-month-button:focus{outline:none}.date-picker-header .previous-year-button,.date-picker-header .next-year-button,.date-picker-header .previous-month-button,.date-picker-header .next-month-button{cursor:pointer}.date-picker-header .previous-year-button.disabled,.date-picker-header .next-year-button.disabled,.date-picker-header .previous-month-button.disabled,.date-picker-header .next-month-button.disabled{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer}.date-picker-header .year-selector .select-input{width:9rem !important}.date-picker-header .year-selector .select-input .select-container{width:9rem !important}.date-picker-header .year-selector .select-input .select-container .form-input{width:9rem !important;min-width:0;border:1.5px solid #c4c4c4 !important;border-radius:.5rem !important}.date-picker-header .month-selector .select-input{width:6rem !important}.date-picker-header .month-selector .select-input .select-container{width:6rem !important}.date-picker-header .month-selector .select-input .select-container .form-input{width:6rem !important;min-width:0;border:1.5px solid #c4c4c4 !important;border-radius:.5rem !important}.date-picker-header .select-input{padding:0}.date-picker-header .select-input .input-title,.date-picker-header .select-input .error-message{display:none}.date-picker-header .select-input .trailing-icon{right:.5rem}
.date-input{position:relative;display:flex;flex-direction:column}.date-input.zen{padding:0}.date-input.zen .input-title,.date-input.zen .error-message{display:none}.date-input.button .react-datepicker{position:absolute;right:0;top:4rem;z-index:1;font-size:1.2rem}.date-input .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.date-input .input-title.required{display:flex}.date-input .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.date-input .input-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.date-input .input-container.full{max-width:initial}.date-input .input-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.date-input .input-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.date-input .input-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.date-input .input-container{grid-gap:0}.date-input .input-container>div{flex:1}.date-input .input-container .form-input:focus{outline:none}.date-input .input-container .form-input{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.date-input .input-container .form-input.full{max-width:initial}.date-input .input-container .form-input.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.date-input .input-container .form-input::placeholder{color:#c4c4c4}.date-input .input-container .form-input::-webkit-input-placeholder{color:#c4c4c4}.date-input .input-container .form-input::-moz-placeholder{color:#c4c4c4}.date-input .input-container .form-input:-moz-placeholder{color:#c4c4c4}.date-input .input-container .form-input:-ms-input-placeholder{color:#c4c4c4}.date-input .input-container .form-input.disable{background:#f2f2f2}.date-input .input-container .calendar-icon{position:absolute;width:2rem;height:2rem;top:1rem;right:1rem}.date-input .input-container .select-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.date-input .input-container .select-button:focus{outline:none}.date-input .input-container .select-button{text-align:center;cursor:pointer;font-size:1.5rem;height:3.6rem;line-height:3.6rem;border-radius:2.25rem;box-sizing:border-box;padding:0 1rem;color:#fff;background-color:#426da2}.date-input .input-container .select-button:hover{background-color:hsl(213.125,42.1052631579%,54.7058823529%)}.date-input .input-container .select-button{display:inline-block;padding:0 1rem;margin-left:1rem;min-width:4rem;width:fit-content}.date-input .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086;margin-top:.5rem}.window-small .input-title{min-width:12rem;max-width:12rem}.window-small .input-container{flex-direction:column;grid-gap:.8rem}.window-small .input-container .form-input{max-width:initial;min-width:0}.window-small .input-container .message-section{align-items:initial}.window-small .input-container .calendar-icon{left:auto;right:1rem}
.course-table-section{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem}.course-table-section .section-title{color:#000;font-size:1.6rem;font-weight:600;letter-spacing:.3px}.course-table-section .action-section{display:flex;flex-direction:row;gap:2rem}.course-table-section .course-option-dropdown .select-input .input-title,.course-table-section .course-option-dropdown .select-input .error-message{display:none}.course-table-section .course-option-dropdown .select-input .form-input{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:20rem;height:4.6rem;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:2.3rem;padding:0 1rem 0 1.5rem;font-size:1.4rem;color:#57536d}.course-table-section .course-option-dropdown .select-input .options{position:absolute;top:calc(100% + 1rem);left:0;display:flex;flex-direction:column;width:100%;border:1px solid #c4c4c4;border-radius:.6rem;padding:.4rem 1.2rem;background:#fff}.course-table-section .course-option-dropdown .select-input .options .placeholder{padding:1.2rem .4rem;white-space:nowrap}.course-table-section .course-option-dropdown .select-input .options .option{padding:1.2rem .4rem;white-space:nowrap}.course-table-section .course-option-dropdown .select-input .options .option:hover{background-color:initial;font-weight:600}.course-table-section .course-option-dropdown .select-input .options .option.selected{background-color:initial;font-weight:600;color:#ff6700}.course-table-section .course-day-input .input-container input{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:30rem;height:4.6rem;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:2.3rem;padding:0 1rem 0 1.5rem;font-size:1.4rem;color:#57536d}
.course{display:flex;flex-direction:column;gap:2rem}.course .calendar-container{padding:3rem}
.front-member-system{display:flex;flex-direction:column;gap:2rem}.front-member-system .section-header{display:flex;flex-direction:row}.front-member-system .section-header .gym-name{font-size:3rem;font-weight:600;color:#57536d}.front-member-system .section-header .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.front-member-system .section-header .submit-button:focus{outline:none}.front-member-system .section-header .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.front-member-system .section-header .submit-button:hover{filter:brightness(110%)}.front-member-system .section-header .submit-button{width:13rem;margin-left:auto}.front-member-system .content-container{width:100%}
.user-information{display:flex;flex-direction:column;gap:2rem}.user-information .gym-name{font-size:3rem;font-weight:600;color:#57536d}.user-information .content-container{width:100%;display:flex;flex-direction:row;gap:3rem}.user-information .content-container .info-section{display:flex;flex-direction:column;align-items:center;width:22rem;box-sizing:border-box;padding:3rem 0 3rem 1rem;border-right:1px dashed #c4c4c4}.user-information .content-container .info-section .gym-image{width:11rem;height:11rem;border-radius:11rem;background-color:#63b5a1}.user-information .content-container .info-section .gym-name-container{display:flex;flex-direction:row;gap:1rem;padding:2rem 0 1.4rem}.user-information .content-container .info-section .gym-name-container .gym-icon{width:1.8rem;height:1.8rem}.user-information .content-container .info-section .gym-name-container .gym-name{font-size:1.8rem;line-height:1.8rem}.user-information .content-container .info-section .user-type{font-size:1.4rem;line-height:1.8rem;color:#000}.user-information .content-container .info-section .login-detail{display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-size:1.2rem;color:#848484;padding:1.4rem 0}.user-information .content-container .input-section{display:flex;flex-direction:column;padding:2.4rem;gap:2.4rem;width:64rem;max-width:64rem;box-sizing:border-box}.user-information .content-container .input-section .change-password{font-size:1.2rem;color:#ff6700;line-height:2.2rem}.user-information .content-container .input-section .update-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-information .content-container .input-section .update-button:focus{outline:none}.user-information .content-container .input-section .update-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.user-information .content-container .input-section .update-button:hover{filter:brightness(110%)}.user-information .content-container .input-section .update-button{width:13rem}
.description{position:relative;display:flex;flex-direction:column}.description .title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.description .title.required{display:flex}.description .title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.description .content{font-size:1.4rem;color:#242f38}.description .content.no-data{color:#c8c8c8}.window-small .input-title{min-width:12rem;max-width:12rem}
.coach-information{display:flex;flex-direction:column;gap:2rem}.coach-information .coach-name{font-size:3rem;font-weight:600;color:#57536d}.coach-information .content-container{width:100%;display:flex;flex-direction:row;gap:3rem;padding:2.7rem 3rem}.coach-information .content-container .info-section{display:flex;flex-direction:column;align-items:center;width:18rem;box-sizing:border-box}.coach-information .content-container .info-section .coach-image{width:11rem;height:11rem;border-radius:11rem;background-color:#63b5a1}.coach-information .content-container .info-section .coach-name-container{display:flex;flex-direction:row;gap:1rem;padding:2rem 0 1.4rem}.coach-information .content-container .info-section .coach-name-container .coach-icon{width:1.8rem;height:1.8rem}.coach-information .content-container .info-section .coach-name-container .coach-name{font-size:1.8rem;line-height:1.8rem}.coach-information .content-container .info-section .user-type{font-size:1.4rem;line-height:1.8rem;color:#000}.coach-information .content-container .info-section .login-detail{display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-size:1.2rem;color:#848484;padding:1.4rem 0}.coach-information .content-container .coach-content-container{display:flex;flex-direction:column;gap:2.4rem}.coach-information .content-container .coach-content-container .description-container{display:flex;flex-direction:column;gap:2.4rem}.coach-information .content-container .coach-content-container .description-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.coach-information .content-container .coach-content-container .description-container .description-section{display:flex;gap:2.4rem;width:64rem;max-width:64rem;box-sizing:border-box;flex-wrap:wrap}.coach-information .content-container .coach-content-container .description-container .description-section .description-link{min-width:40%;max-width:100%;text-decoration:none}.coach-information .content-container .coach-content-container .description-container .description-section .description-link .content{color:#ff6700 !important;text-decoration:underline}.coach-information .content-container .coach-content-container .description-container .description-section .description-link:hover .content{background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.coach-information .content-container .coach-content-container .description-container .description-section .description{min-width:40%;max-width:100%}
.student-information{display:flex;flex-direction:column;gap:2rem}.student-information .student-name{font-size:3rem;font-weight:600;color:#57536d}.student-information .content-container{width:100%;display:flex;flex-direction:row;gap:3rem;padding:2.7rem 3rem}.student-information .content-container .info-section{display:flex;flex-direction:column;align-items:center;width:18rem;box-sizing:border-box}.student-information .content-container .info-section .student-image{width:11rem;height:11rem;border-radius:11rem;background-color:#63b5a1}.student-information .content-container .info-section .student-name-container{display:flex;flex-direction:row;gap:1rem;padding:2rem 0 1.4rem}.student-information .content-container .info-section .student-name-container .student-icon{width:1.8rem;height:1.8rem}.student-information .content-container .info-section .student-name-container .student-name{font-size:1.8rem;line-height:1.8rem}.student-information .content-container .info-section .user-type{font-size:1.4rem;line-height:1.8rem;color:#000}.student-information .content-container .info-section .login-detail{display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-size:1.2rem;color:#848484;padding:1.4rem 0}.student-information .content-container .student-content-container{display:flex;flex-direction:column;gap:2.4rem}.student-information .content-container .student-content-container .description-container{display:flex;flex-direction:column;gap:2.4rem}.student-information .content-container .student-content-container .description-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.student-information .content-container .student-content-container .description-container .description-section{display:flex;gap:2.4rem;width:64rem;max-width:64rem;box-sizing:border-box;flex-wrap:wrap}.student-information .content-container .student-content-container .description-container .description-section .description-link{min-width:40%;max-width:100%;text-decoration:none}.student-information .content-container .student-content-container .description-container .description-section .description-link .content{color:#ff6700 !important;text-decoration:underline}.student-information .content-container .student-content-container .description-container .description-section .description-link:hover .content{background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.student-information .content-container .student-content-container .description-container .description-section .description{min-width:40%;max-width:100%}
.entry .entry-content{padding:3.2rem;margin:0 auto}
.validate-input{position:relative;display:flex;flex-direction:column}.validate-input.zen{padding:0}.validate-input.zen .input-title,.validate-input.zen .error-message{display:none}.validate-input .input-title{display:flex;font-size:1.4rem;color:#848484;min-width:0;line-height:2.2rem;margin-bottom:1rem}.validate-input .input-title.required{display:flex}.validate-input .input-title.required::after{content:"*";color:red;margin-left:.2rem;align-self:flex-start}.validate-input .input-container{flex:1;position:relative;display:flex;flex-direction:column;grid-gap:.8rem;min-width:0}.validate-input .input-container.full{max-width:initial}.validate-input .input-container .message-section{display:flex;justify-content:center;flex-direction:column;grid-gap:.6rem}.validate-input .input-container .message-section .input-description{display:flex;align-items:center;font-size:1.2rem;line-height:2rem;color:#ff0086;flex:1}.validate-input .input-container .message-section .error-message{font-family:"Inter",sans-serif;line-height:2rem;font-size:1.2rem;color:#ff0086}.validate-input .input-container .input-text-section{position:relative;display:flex;flex-wrap:wrap;gap:1rem}.validate-input .input-container .input-text-section .text-input{flex:1}.validate-input .input-container .input-text-section .text-input .message-section{display:none}.validate-input .input-container .input-text-section .validation-code:focus{outline:none}.validate-input .input-container .input-text-section .validation-code{width:12rem;height:4rem;cursor:pointer}.validate-input .input-container .form-input:focus{outline:none}.validate-input .input-container .form-input{min-height:4.5rem;max-height:4.5rem;padding:0 1rem;box-sizing:border-box;font-size:1.4rem;border:1px solid #c4c4c4;border-radius:.6rem;flex:1;color:#000;background-color:#fff;margin:0}.validate-input .input-container .form-input.full{max-width:initial}.validate-input .input-container .form-input.display{opacity:.5;pointer-events:none;touch-action:none;cursor:pointer;color:#848484;background-color:#f6f6f6}.validate-input .input-container .form-input::placeholder{color:#c4c4c4}.validate-input .input-container .form-input::-webkit-input-placeholder{color:#c4c4c4}.validate-input .input-container .form-input::-moz-placeholder{color:#c4c4c4}.validate-input .input-container .form-input:-moz-placeholder{color:#c4c4c4}.validate-input .input-container .form-input:-ms-input-placeholder{color:#c4c4c4}.validate-input .input-container .form-input.disable{background:#f2f2f2}.window-small .input-title{min-width:12rem;max-width:12rem}.window-small .input-container{flex-direction:column;grid-gap:.8rem}.window-small .input-container .form-input{max-width:initial;min-width:0}.window-small .input-container .message-section{align-items:initial}
.forgot-password{display:flex;justify-content:center;align-items:center;position:relative;overflow:auto;height:100vh;min-height:88rem}.forgot-password .forgot-password-container{display:flex;flex-direction:column;align-items:center;width:52rem;height:60rem;padding:0 6rem;box-sizing:border-box;overflow:auto}.forgot-password .forgot-password-container .page-title{font-size:3rem;font-weight:600;color:#57536d;padding:4.5rem 0 2rem}.forgot-password .forgot-password-container .input-section{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.forgot-password .forgot-password-container .button-container{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding:0 0 1rem;width:100%;box-sizing:border-box}.forgot-password .forgot-password-container .button-container .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.forgot-password .forgot-password-container .button-container .submit-button:focus{outline:none}.forgot-password .forgot-password-container .button-container .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.forgot-password .forgot-password-container .button-container .submit-button:hover{filter:brightness(110%)}.forgot-password .forgot-password-container .button-container .back-button{display:flex;justify-content:center;align-items:center;font-family:"Noto Looped Thai",sans-serif;height:4.5rem;font-size:1.4rem;line-height:2rem;font-weight:500;color:#ff0086}.forgot-password .forgot-password-container .button-container .back-button:hover{filter:brightness(120%)}
.login{display:flex;justify-content:center;align-items:center;position:relative;overflow:auto;height:100vh;min-height:88rem}.login .login-container{display:flex;flex-direction:column;align-items:center;width:52rem;height:60rem;max-height:60rem;overflow:auto}.login .login-container .logo-section{display:flex;flex-direction:column;align-items:center;height:17rem}.login .login-container .logo-section .logo{display:flex;justify-content:center;align-items:center;width:28rem;padding-top:4rem}.login .login-container .logo-section .sub-title{font-size:3rem;font-weight:600;color:#57536d;padding:1.5rem 0}.login .login-container .input-section{display:flex;flex-direction:column;gap:2rem;min-height:28rem;overflow:visible;padding:3rem 6rem;box-sizing:border-box;width:100%}.login .login-container .action-section .login-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login .login-container .action-section .login-button:focus{outline:none}.login .login-container .action-section .login-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.login .login-container .action-section .login-button:hover{filter:brightness(110%)}.login .login-container .action-section .login-button{width:40rem;margin-top:3.2rem}.login .login-container .action-section .page-link{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1.8rem 0 3rem;height:3.6rem}.login .login-container .action-section .page-link .link-text{width:8rem;text-align:center;font-family:"Noto Looped Thai","Noto Sans",sans-serif;font-size:1.4rem;font-weight:500;line-height:2rem;color:#ff6700;text-decoration:underline;margin:auto 0}.login .login-container .action-section .page-link .horizontal-line{height:2.4rem;border:.5px solid #c4c4c4}.login .dashed-line{width:50rem;border:1px dashed #c4c4c4}.login .version-copyright{position:absolute;bottom:3rem;text-align:center;font-size:1.2rem;color:#848484}
.register{display:flex;justify-content:center;align-items:center;position:relative;overflow:auto;height:100vh;min-height:88rem}.register .register-container{display:flex;flex-direction:column;align-items:center;width:52rem;height:60rem;overflow:auto}.register .register-container .page-title{font-size:3rem;font-weight:600;color:#57536d;padding:4.5rem 0 2rem}.register .register-container .input-section{width:100%;padding:0 6rem;box-sizing:border-box}.register .register-container .button-container{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding:0 6rem 1rem;width:100%;box-sizing:border-box}.register .register-container .button-container .submit-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.register .register-container .button-container .submit-button:focus{outline:none}.register .register-container .button-container .submit-button{height:4.5rem;padding:0 1rem;box-sizing:border-box;cursor:pointer;text-align:center;font-size:1.4rem;line-height:4.5rem;border-radius:2.25rem;background:linear-gradient(129.28deg, #ff7a43 34.52%, #ff33c1 98.62%);color:#fff}.register .register-container .button-container .submit-button:hover{filter:brightness(110%)}.register .register-container .button-container .back-button{display:flex;justify-content:center;align-items:center;font-family:"Noto Looped Thai",sans-serif;height:4.5rem;font-size:1.4rem;line-height:2rem;font-weight:500;color:#ff0086}.register .register-container .button-container .back-button:hover{filter:brightness(120%)}
.service-information{display:flex;flex-direction:column;gap:2rem}.service-information .content-container{display:flex;flex-direction:column;gap:2.4rem;padding:2.7rem 3rem}.service-information .content-container .description-container{display:flex;flex-direction:column;gap:2.4rem}.service-information .content-container .description-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.service-information .content-container .description-container .description-section p{font-size:1.4rem;color:#242f38}
.policy-information{display:flex;flex-direction:column;gap:2rem}.policy-information .content-container{display:flex;flex-direction:column;gap:2.4rem;padding:2.7rem 3rem}.policy-information .content-container .description-container{display:flex;flex-direction:column;gap:2.4rem}.policy-information .content-container .description-container .section-title{font-size:1.8rem;font-weight:600;color:#000}.policy-information .content-container .description-container .description-section p{font-size:1.4rem;color:#242f38}
.modal-wrapper{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;top:0;left:0;width:100vw;height:100vh;overflow-x:hidden;z-index:100}.modal-wrapper .backdrop{position:fixed;width:100vw;height:100vh;z-index:99;background-color:rgba(80,80,80,.45)}.modal-wrapper .backdrop.top{z-index:199}.modal-wrapper .modal{overflow-x:hidden;position:relative;display:flex;flex-direction:column;margin:2rem auto;border-radius:1rem;z-index:100;align-self:center;color:#000;max-width:95%;box-shadow:0px 2px 4px rgba(0,0,0,.15)}.modal-wrapper .modal.fixed-size{width:60vw;height:60%;min-height:40rem;min-width:40rem}.modal-wrapper .modal.top{z-index:300}.modal-wrapper .modal .modal-header{position:relative;height:5rem;line-height:5rem;font-size:1.5rem;font-weight:600;border-bottom:1px dashed #c4c4c4;background:#fff;padding-left:2rem}.modal-wrapper .modal .modal-header .close-button:focus{outline:none}.modal-wrapper .modal .modal-header .close-button{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2.4rem;cursor:pointer}.modal-wrapper .modal .modal-header .close-button:hover{opacity:.7}.modal-wrapper .modal .modal-body{flex:1;overflow-y:scroll;background:#fff}


.full-screen-loading-container{display:flex;justify-content:center;align-items:center;position:fixed;width:100vw;height:100vh;background-color:rgba(80,80,80,.45);z-index:200}.full-screen-loading-container .icon{width:4rem;height:4rem;border:.6rem solid #f3f3f3;border-top:.6rem solid #6c0000;border-radius:50%;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
html{font-size:10px;font-weight:400;letter-spacing:.04rem}main{display:flex;min-height:100vh;min-width:30rem;flex-direction:column}.viewport{position:relative;display:flex;flex-direction:row;flex:1;background-color:#f6f6f6}.viewport .main-content{flex:1;min-width:0;min-height:calc(100vh - 6rem);height:100%;box-sizing:border-box;overflow:hidden}body{font-family:"Noto Sans",sans-serif;margin:0}body .description-container{display:grid;justify-content:space-between;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(16rem, 20%)), 1fr))}body .vertical-dashed-line{border-left:1px dashed #c4c4c4}.window-small .viewport{flex-direction:column}
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.react-datepicker__input-container{display:flex}.react-datepicker__tab-loop{flex:0 !important}.react-datepicker{z-index:0;font-size:1.2rem}.react-datepicker .react-datepicker__triangle{left:20px !important;transform:none !important}.react-datepicker .react-datepicker__header{padding:1rem 0}.react-datepicker .react-datepicker__header .react-datepicker__current-month{font-size:1.2rem}.react-datepicker .react-datepicker__header .react-datepicker__day-names{padding-top:.8rem}.react-datepicker .react-datepicker__month .react-datepicker__day:focus{outline:none}.react-datepicker .react-datepicker__time-container{width:12rem}.react-datepicker .react-datepicker__time-container .react-datepicker__time-box{width:100%}.react-datepicker .react-datepicker__time-container .react-datepicker-time__header{font-size:1.5rem}.react-datepicker .react-datepicker__time-container .react-datepicker__time-list-item{font-size:1.5rem}.react-datepicker .react-datepicker-year-header{font-size:1.5rem}.react-datepicker .react-datepicker__year{font-size:1.4rem}.react-datepicker .react-datepicker__year .react-datepicker__year-wrapper{justify-content:center;max-width:28rem}.react-datepicker .react-datepicker__year .react-datepicker__year-wrapper .react-datepicker__year-text{margin:1rem .5rem;padding:.5rem}.react-datepicker{width:28rem;height:fit-content}.react-datepicker.react-datepicker--time-only{width:12rem}.react-datepicker .react-datepicker__month-container{float:none}.react-datepicker .react-datepicker__month-container .react-datepicker__current-month{font-size:1.5rem}.react-datepicker .react-datepicker__month-container .react-datepicker__month{display:flex;flex-direction:column;grid-gap:1rem;margin-top:1rem}.react-datepicker .react-datepicker__month-container .react-datepicker__day-names,.react-datepicker .react-datepicker__month-container .react-datepicker__week{display:flex;justify-content:space-evenly;font-size:1.4rem}.react-datepicker .react-datepicker__month-container .react-datepicker__day{padding:.3rem}.react-datepicker-popper{z-index:10}