/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/global.scss ***!
  \******************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Loading/index.module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.overlay__Wslpv {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
}
.overlay__Wslpv .overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/account/components/create/index.module.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.createAccount__YFOWF {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  width: 100%;
  background: #fff;
}
.createAccount__YFOWF p {
  font-size: 16px;
}
.createAccount__YFOWF .description__fDtfV {
  padding: 4rem 0 2rem 0;
  font-size: 18px;
  color: #000;
}
.createAccount__YFOWF button {
  margin: 3rem auto 0 auto;
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer;
  background-color: #ff8181;
  width: 111px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.createAccount__YFOWF button:hover {
  transform: unset !important;
}
.createAccount__YFOWF .formInput__PGWQB form {
  width: 100%;
  border: 1px solid #949494;
  border-radius: 4px;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form {
  background-color: #fff3e6;
  position: relative;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form::after {
  position: absolute;
  background-color: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item-row {
  position: relative;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  height: 25px;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 35px 20px 0 20px;
  height: unset !important;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-weight: bold;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 20px 20px 0 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 22px;
  opacity: 1;
  left: 0;
  background: #fffaf4;
  bottom: -23px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.createAccount__YFOWF .formInput__PGWQB .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
}
@media only screen and (max-width: 1200px) {
  .createAccount__YFOWF .formInput__PGWQB form {
    width: 100%;
    border: 1px solid #949494;
    border-radius: 4px;
  }
  .createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item .ant-form-item-label {
    width: 35%;
  }
  .createAccount__YFOWF .formInput__PGWQB .ant-form .ant-form-item-row::after {
    left: 35%;
  }
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/InputCustom/index.scss ***!
  \****************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.inputCustom__YRbAA {
  /* Firefox */
}
.inputCustom__YRbAA .ant-form-item-label {
  width: 15%;
}
.inputCustom__YRbAA .ant-form-item-label label,
.inputCustom__YRbAA .ant-radio-wrapper {
  font-size: 15px;
  color: #142537;
  font-weight: 500;
}
.inputCustom__YRbAA .ant-form-item-label label:before,
.inputCustom__YRbAA .ant-radio-wrapper:before {
  display: none !important;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input {
  min-height: 40px;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-disabled {
  background: #e5e5e5;
  color: #333333;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:hover, .inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper:active {
  border-color: #a81f2c;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:focus, .inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:hover, .inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:focus,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:focus,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:active,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:focus,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:active {
  border-color: #a81f2c !important;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker-focused {
  border-color: #a81f2c !important;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-handler-wrap {
  display: none;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-group .ant-input-number {
  width: 100%;
  border-right: none;
  border-radius: 7px 0 0 7px;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-group .ant-input-number-group-addon {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-color: #23418c !important;
  background: transparent;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector {
  width: 100%;
  display: flex;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select:hover, .inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select:focus,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector:hover,
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector:focus {
  border-color: #a81f2c;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper {
  font-size: 15px;
  color: #142537;
  border-color: #e8e8f0;
  border-radius: 5px;
  box-shadow: none !important;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:hover, .inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:focus {
  border-color: #a81f2c;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper span {
  font-size: 0.9rem;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label {
  font-size: 15px;
  font-weight: 500;
  color: #142537;
  line-height: 27px;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label .ant-checkbox {
  top: unset;
  margin: auto;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label .ant-checkbox .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}
.inputCustom__YRbAA .ant-form-item-control .ant-form-item-explain-error {
  color: #a81f2c !important;
}
.inputCustom__YRbAA .ant-select-disabled .ant-select-selector {
  color: #13202f !important;
}
.inputCustom__YRbAA .ant-picker {
  border-radius: 4px !important;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
}
.inputCustom__YRbAA .ant-picker input {
  font-size: 15px;
  color: #13202f;
}
.inputCustom__YRbAA .ant-picker input::placeholder {
  font-size: 12px !important;
}
.inputCustom__YRbAA .ant-select-selector {
  font-size: 15px;
  color: #13202f;
  border-color: #a81f2c;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  height: 40px !important;
}
.inputCustom__YRbAA .ant-select-selector .ant-select-selection-item {
  line-height: 3rem;
}
.inputCustom__YRbAA .ant-select-selection-overflow .ant-select-selection-item {
  line-height: unset;
  margin-top: 0;
  background: #1679b6;
  border-color: #1679b6;
}
.inputCustom__YRbAA .ant-select-selection-overflow .ant-select-selection-item .ant-select-selection-item-content {
  font-size: 15px;
  color: #fff;
}
.inputCustom__YRbAA .ant-select-selection-overflow .ant-select-selection-item-remove {
  margin: auto;
}
.inputCustom__YRbAA .ant-select-selection-overflow .ant-select-selection-item-remove .anticon-close {
  line-height: 0 !important;
}
.inputCustom__YRbAA .ant-select-selection-overflow .ant-select-selection-item-remove .anticon-close svg {
  color: #fff;
}
.inputCustom__YRbAA .ant-input-affix-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.inputCustom__YRbAA .ant-input-affix-wrapper input {
  padding-left: 11px !important;
  height: 38px !important;
}
.inputCustom__YRbAA .ant-select-arrow {
  color: #13202f;
  font-size: 1.1rem !important;
  width: 1.1rem;
  height: 1.1rem;
}
.inputCustom__YRbAA .ant-form-item-label > label.ant-form-item-no-colon::after {
  display: none;
}
.inputCustom__YRbAA .ant-form-item-label label {
  height: 100% !important;
}
.inputCustom__YRbAA .input-label-custom {
  display: flex;
  height: 100% !important;
  justify-content: space-between;
  width: 100%;
  white-space: pre-wrap;
}
.inputCustom__YRbAA .input-label-custom .input-title {
  white-space: break-spaces;
}
.inputCustom__YRbAA .input-label-custom .input-title-required {
  display: flex;
  align-items: baseline;
}
.inputCustom__YRbAA .input-label-custom .input-title-required span {
  color: #fd3d3d;
  border: 1px solid #fd3d3d;
  background: #fdd8cd;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
}
.inputCustom__YRbAA input,
.inputCustom__YRbAA textarea {
  border-color: #e8e8f0 !important;
  border-radius: 4px;
  box-shadow: none !important;
}
.inputCustom__YRbAA input:hover, .inputCustom__YRbAA input:focus,
.inputCustom__YRbAA textarea:hover,
.inputCustom__YRbAA textarea:focus {
  border-color: #a81f2c;
}
.inputCustom__YRbAA input {
  height: 40px !important;
}
.inputCustom__YRbAA input::-webkit-outer-spin-button,
.inputCustom__YRbAA input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inputCustom__YRbAA input[type=number] {
  -moz-appearance: textfield;
}

.inputNumberCustom__ZuGDg input {
  border: none;
}
.inputNumberCustom__ZuGDg .ant-input-group {
  display: flex;
  border: 1px solid #e8e8f0;
  border-radius: 4px;
}
.inputNumberCustom__ZuGDg .ant-input-group .ant-input-group-addon {
  width: auto;
  padding-left: 0;
  margin: auto;
  border: none;
  background: white;
}
.inputNumberCustom__ZuGDg .btnNextNumber__vRK6_ {
  display: flex;
  flex-direction: column;
  margin: auto 0;
  padding: 0 0.5rem;
}
.inputNumberCustom__ZuGDg .btnNextDisable__Lif_0 svg:hover {
  cursor: not-allowed;
}
.inputNumberCustom__ZuGDg .iconSuffix__LW7Mw {
  margin: auto 0;
  color: #142537;
}

.inputCustomImage__bt2c9 .ant-form-item-label {
  margin: unset !important;
}

.inputRadioCustom__rpWuK .ant-radio .ant-radio-inner {
  box-shadow: none;
  outline: none;
}
.inputRadioCustom__rpWuK .ant-radio:hover .ant-radio-inner {
  border-color: #bd5364 !important;
  box-shadow: none;
  outline: none;
}
.inputRadioCustom__rpWuK .ant-radio-checked .ant-radio-inner {
  box-shadow: none;
  outline: none;
  border-width: 5px;
  border-color: #bd5364 !important;
}
.inputRadioCustom__rpWuK .ant-radio-checked .ant-radio-inner:after {
  background: #fff;
}

.inputCustomImageHide__e1VUu {
  visibility: hidden;
}

.inputCustomReadOnly__xxckM .ant-input-disabled,
.inputCustomReadOnly__xxckM .ant-input-affix-wrapper-disabled {
  background: #fff !important;
  color: #142537 !important;
  cursor: pointer !important;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/notice/components/list/index.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.listNotice__z0Y1r {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 0;
  background: #fff;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.listNotice__z0Y1r button {
  margin: auto;
  width: 100px;
  border: 1px solid;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}
.listNotice__z0Y1r .listTitle__g1Z3u {
  display: flex;
  justify-content: space-between;
  padding: 1em 2em 0 2em;
}
.listNotice__z0Y1r .listTitle__g1Z3u h3 {
  display: inline-block;
  margin: 0.4em 0;
  padding: 0.6em 0.8em;
}
.listNotice__z0Y1r .listTitle__g1Z3u .btnLink__ymt8b {
  display: inline-block;
  margin: 0.8em 0;
  padding: 0.6em 0.8em;
  color: #fff;
  background-color: #e95807;
  border-radius: 5px;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TableCustom/index.scss ***!
  \****************************************************************************************************************************************************************************************/
.tableCustom__e3VGa {
  border-collapse: collapse;
  margin: 0 2em 2em 2em;
  border-radius: 4px 4px 0 0;
}
.tableCustom__e3VGa td,
.tableCustom__e3VGa th {
  text-align: left;
  padding: 8px 0 8px 24px;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tableCustom__e3VGa th {
  background-color: #fff3e6;
  border-bottom: 2px solid #aeabab;
}
.tableCustom__e3VGa tr td {
  max-width: 200px;
  text-overflow: ellipsis;
}
.tableCustom__e3VGa tr:hover td {
  background-color: #ddd;
}
.tableCustom__e3VGa tr:nth-child(odd) {
  background-color: #fffaf4;
}
.tableCustom__e3VGa tr td:nth-child(2):hover {
  cursor: pointer;
  text-decoration: underline;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PaginationCustom/index.module.scss ***!
  \****************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.pagination__mfpTo {
  text-align: center;
}
.pagination__mfpTo .pagination_button__q9cnt {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__mfpTo .pagination_button__q9cnt .btnFirstPage__sKTyJ,
.pagination__mfpTo .pagination_button__q9cnt .btnLastPage__AAXOx {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.pagination__mfpTo .pagination_button__q9cnt .btnFirstPage__sKTyJ:hover,
.pagination__mfpTo .pagination_button__q9cnt .btnLastPage__AAXOx:hover {
  cursor: pointer;
  border-color: #1890ff;
}
.pagination__mfpTo .pagination_button__q9cnt .btnFirstPage__sKTyJ:disabled,
.pagination__mfpTo .pagination_button__q9cnt .btnLastPage__AAXOx:disabled {
  cursor: not-allowed;
  border-color: #d9d9d9;
}
.pagination__mfpTo .pagination_button__q9cnt .btnFirstPage__sKTyJ {
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: 45% 55%;
}
.pagination__mfpTo .pagination_button__q9cnt .btnLastPage__AAXOx {
  margin-left: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination {
  display: inline-block;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination li {
  border-radius: 0;
  margin-right: 0;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination li:hover {
  color: #ffffff;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-prev button {
  border-radius: 12px 0 0 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNLTIuMzM2NWUtMDUgNC4yMDQ1OUMtMi4zMzY1ZS0wNSA0LjMwMjM1IDAuMDM2NjMyNSA0LjQwMDIgMC4xMDk4NTEgNC40NzQ4M0wzLjg1OTg1IDguMjk3MTZDNC4wMDYzOCA4LjQ0NjUyIDQuMjQzNjYgOC40NDY1MiA0LjM5MDEgOC4yOTcxNkM0LjUzNjU0IDguMTQ3OCA0LjUzNjYzIDcuOTA1OTUgNC4zOTAxIDcuNzU2NjhMMC45MDUyMjcgNC4yMDQ1OUw0LjM5MDEgMC42NTI1MDNDNC41MzY2MyAwLjUwMzE0NSA0LjUzNjYzIDAuMjYxMjg3IDQuMzkwMSAwLjExMjAyNEM0LjI0MzU3IC0wLjAzNzIzNzIgNC4wMDYyOSAtMC4wMzczMzM1IDMuODU5ODUgMC4xMTIwMjRMMC4xMDk4NTEgMy45MzQzNUMwLjAzNjYzMjUgNC4wMDg5OSAtMi4zMzY1ZS0wNSA0LjEwNjg0IC0yLjMzNjVlLTA1IDQuMjA0NTlaIiBmaWxsPSIjQzcwMDU3Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: 45% 55%;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-prev button svg {
  display: none;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-next button {
  border-radius: 0 12px 12px 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC41MDAwMiA0LjIwNDU5QzQuNTAwMDIgNC4zMDIzNSA0LjQ2MzM3IDQuNDAwMiA0LjM5MDE1IDQuNDc0ODNMMC42NDAxNDggOC4yOTcxNkMwLjQ5MzYxNyA4LjQ0NjUyIDAuMjU2MzM2IDguNDQ2NTIgMC4xMDk4OTggOC4yOTcxNkMtMC4wMzY1MzkxIDguMTQ3OCAtMC4wMzY2MzI4IDcuOTA1OTUgMC4xMDk4OTggNy43NTY2OEwzLjU5NDc3IDQuMjA0NTlMMC4xMDk4OTggMC42NTI1MDNDLTAuMDM2NjMyOCAwLjUwMzE0NSAtMC4wMzY2MzI4IDAuMjYxMjg3IDAuMTA5ODk4IDAuMTEyMDI0QzAuMjU2NDMgLTAuMDM3MjM3MiAwLjQ5MzcxMSAtMC4wMzczMzM1IDAuNjQwMTQ4IDAuMTEyMDI0TDQuMzkwMTUgMy45MzQzNUM0LjQ2MzM3IDQuMDA4OTkgNC41MDAwMiA0LjEwNjg0IDQuNTAwMDIgNC4yMDQ1OVoiIGZpbGw9IiNDNzAwNTciLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-next button svg {
  display: none;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-item-active {
  border-color: #d90036;
  color: #ffffff;
  background-color: #d90036;
}
.pagination__mfpTo .pagination_button__q9cnt .ant-pagination .ant-pagination-item-active a {
  color: #ffffff;
}
.pagination__mfpTo .selectPageSize__S3DyG {
  margin-top: 10px;
}
.pagination__mfpTo .selectPageSize__S3DyG .page_detail__SlGDV {
  font-size: 13px;
  margin-left: 20px;
  font-weight: 400;
  line-height: 14px;
  color: #506478;
}
.pagination__mfpTo .selectPageSize__S3DyG .ant-select-selection-item {
  font-weight: 500;
  font-size: 12px;
  color: #506478;
}
.pagination__mfpTo .paginationButtonSmall__bytIK {
  height: 24px;
}
.pagination__mfpTo .paginationButtonSmall__bytIK .btnFirstPage__sKTyJ,
.pagination__mfpTo .paginationButtonSmall__bytIK .btnLastPage__AAXOx {
  height: 24px;
  width: 24px;
  background-size: 7px;
}
.pagination__mfpTo .paginationButtonSmall__bytIK .ant-pagination li {
  min-width: 24px;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.pagination__mfpTo .paginationButtonSmall__bytIK .ant-pagination li a {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 500;
}
.pagination__mfpTo .paginationButtonSmall__bytIK .ant-pagination-prev button,
.pagination__mfpTo .paginationButtonSmall__bytIK .ant-pagination-next button {
  border-radius: 12px;
  background-size: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/notice/components/create/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.createNotice__UtpVu {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  padding: 1rem 50px;
  font-size: 15px;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .customizeInput__XaXYp {
  width: 25%;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp {
  width: 100%;
  padding: 2rem 50px;
  display: flex;
  flex-direction: column;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp > h3 {
  color: #000000;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form {
  background-color: #fff3e6;
  position: relative;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form::after {
  position: absolute;
  background-color: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item-row {
  position: relative;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  height: 25px;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 10% 20px 0 20px;
  height: unset !important;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-weight: bold;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
  color: #333333;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 20px 20px 0 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 22px;
  opacity: 1;
  left: 0;
  background: #fffaf4;
  bottom: -23px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .ant-form #image {
  display: flex;
  align-items: center;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp form {
  width: 100%;
  border: 1px solid #949494;
  border-radius: 4px;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .listAction__c8nYY {
  display: flex;
  justify-content: center;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .listAction__c8nYY button {
  cursor: pointer;
  width: 180px;
  border-radius: 4px;
  height: 46px;
  font-size: 16px;
  font-weight: 700;
  margin: 32px 10px 0 10px;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .listAction__c8nYY .btnReg__tMNak {
  background-color: #d90036;
  border: 1px solid #d90036;
  color: #ffffff;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .listAction__c8nYY .btnPre__CSzNb {
  background-color: #ffffff;
  border: 1px solid #d90036;
  color: #d90036;
}
.createNotice__UtpVu .createNoticeBody__Q3Vn0 .formInput__rkcHp .listAction__c8nYY .btnBack__Im_ga {
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  color: #000000;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/TinyMCECustom/index.scss ***!
  \******************************************************************************************************************************************************************************************/
/* index.module.scss */
.editorCustomize__qTF13 .ant-form-item-label label::after,
.editorCustomize__qTF13 .ant-form-item-label label::before {
  display: none !important;
}
.editorCustomize__qTF13 .tox-edit-area::before {
  border: 1px solid #00589d !important;
}
.editorCustomize__qTF13 .input-label-custom {
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.editorCustomize__qTF13 .input-label-custom .input-title {
  white-space: break-spaces;
}
.editorCustomize__qTF13 .input-label-custom .input-title-required {
  display: flex;
  align-items: baseline;
}
.editorCustomize__qTF13 .input-label-custom .input-title-required span {
  color: #fd3d3d;
  border: 1px solid #fd3d3d;
  background: #fdd8cd;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
}
.editorCustomize__qTF13 .required__dan9U {
  color: #a81f2c;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PopupConfirm/index.module.scss ***!
  \************************************************************************************************************************************************************************************************/
.popupConfirmCreateContractorAdmin__D5sVy {
  display: flex;
  flex-direction: column;
  gap: 25%;
  padding: 1em;
}
.popupConfirmCreateContractorAdmin__D5sVy .title__kqovj {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.popupConfirmCreateContractorAdmin__D5sVy .title__kqovj span {
  color: #142537;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.popupConfirmCreateContractorAdmin__D5sVy .textPreLine__oRHfK {
  white-space: pre-line;
  padding: 0 20px;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so button {
  min-width: 118px;
  height: 50px;
  border-radius: 4px;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so button:hover, .popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so button:focus, .popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so button:active {
  border-color: unset;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so .btnNo__HosBh {
  background-color: #ff8181;
  color: #fff;
  font-weight: 700;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so .hiddenButtonNo__ohSx9 {
  display: none;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so .btnYes__sEcSi {
  background: #aeabab;
  color: #fff;
  font-weight: 700;
}
.popupConfirmCreateContractorAdmin__D5sVy .confirmButton__jw4so .backgroundButtonYes__U_L_v {
  background: #d96b06;
}
.popupConfirmCreateContractorAdmin__D5sVy .reverseButton__KqSLR {
  flex-direction: row-reverse;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/InputImage/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.inputImage__P0DPO {
  display: flex;
  flex-direction: column;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-label {
  width: 15%;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-label label,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-radio-wrapper {
  font-size: 15px;
  color: #142537;
  font-weight: 500;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-label label:before,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-radio-wrapper:before {
  display: none !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input {
  min-height: 50px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-disabled {
  background: #e5e5e5;
  color: #333333;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:hover, .inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper:active {
  border-color: #a81f2c;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:focus, .inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:hover, .inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-picker-input input:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:focus,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number .ant-picker-input input:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:focus,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker .ant-picker-input input:active,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:focus,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-affix-wrapper .ant-picker-input input:active {
  border-color: #a81f2c !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-picker-focused {
  border-color: #a81f2c !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-handler-wrap {
  display: none;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-group .ant-input-number {
  width: 100%;
  border-right: none;
  border-radius: 7px 0 0 7px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number-group .ant-input-number-group-addon {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-color: #23418c !important;
  background: transparent;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector {
  width: 100%;
  display: flex;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select:hover, .inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select:focus,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector:hover,
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-select-selector:focus {
  border-color: #a81f2c;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper {
  font-size: 15px;
  color: #142537;
  border-color: #e8e8f0;
  border-radius: 5px;
  box-shadow: none !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:hover, .inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper:focus {
  border-color: #a81f2c;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper span {
  font-size: 0.9rem;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label {
  font-size: 15px;
  font-weight: 500;
  color: #142537;
  line-height: 27px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label .ant-checkbox {
  top: unset;
  margin: auto;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-checkbox-group label .ant-checkbox .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-form-item-control .ant-form-item-explain-error {
  color: #a81f2c !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-disabled .ant-select-selector {
  color: #13202f !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-picker {
  border-radius: 4px !important;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-picker input {
  font-size: 15px;
  color: #13202f;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-picker input::placeholder {
  font-size: 12px !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selector {
  font-size: 15px;
  color: #13202f;
  border-color: #a81f2c;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  height: 40px !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selector .ant-select-selection-item {
  line-height: 3rem;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selection-overflow .ant-select-selection-item {
  line-height: unset;
  margin-top: 0;
  background: #1679b6;
  border-color: #1679b6;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selection-overflow .ant-select-selection-item .ant-select-selection-item-content {
  font-size: 15px;
  color: #fff;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selection-overflow .ant-select-selection-item-remove {
  margin: auto;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selection-overflow .ant-select-selection-item-remove .anticon-close {
  line-height: 0 !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-selection-overflow .ant-select-selection-item-remove .anticon-close svg {
  color: #fff;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-input-affix-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-input-affix-wrapper input {
  padding-left: 11px !important;
  height: 38px !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .ant-select-arrow {
  color: #13202f;
  font-size: 1.1rem !important;
  width: 1.1rem;
  height: 1.1rem;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .input-label-custom {
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .input-label-custom .input-title {
  white-space: break-spaces;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .input-label-custom .input-title-required {
  display: flex;
  align-items: baseline;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .input-label-custom .input-title-required span {
  color: #fd3d3d;
  border: 1px solid #fd3d3d;
  background: #fdd8cd;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
}
.inputImage__P0DPO .inputImageCustom__TchE5 .required__MJRfc {
  color: #a81f2c;
}
.inputImage__P0DPO .inputImageCustom__TchE5 input {
  border-color: #e8e8f0 !important;
  border-radius: 4px;
  box-shadow: none !important;
  height: 40px !important;
}
.inputImage__P0DPO .inputImageCustom__TchE5 input:hover, .inputImage__P0DPO .inputImageCustom__TchE5 input:focus {
  border-color: #a81f2c;
}
.inputImage__P0DPO .inputImageCustom__TchE5 input::-webkit-outer-spin-button,
.inputImage__P0DPO .inputImageCustom__TchE5 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inputImage__P0DPO .nameImage__q960F {
  min-height: 30px;
  font-size: 16px;
  padding: 0 0 4px 10px;
}
.inputImage__P0DPO .previewImg__XI7s6 {
  margin-left: 20%;
  margin-bottom: 2em;
  height: 200px;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #e8e8f0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #fff;
  overflow: auto;
  padding: 0.5rem;
  gap: 0.2rem;
  display: flex;
  flex-direction: column;
}
.inputImage__P0DPO .actions__o4x9q button {
  margin-left: 1em;
  border-radius: 16px;
  padding: 0 2em;
  line-height: 24px;
  color: #ffffff;
}
.inputImage__P0DPO .actions__o4x9q .btnUpload__Sxy_j {
  background-color: #ff8181;
}
.inputImage__P0DPO .actions__o4x9q .btnClear__PIzhe {
  background-color: #a19e9e;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/auth/components/login/index.module.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.login__Xsmty {
  margin: auto;
  width: 500px;
  background-color: white;
  display: flex;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #ccc;
}
.login__Xsmty .formInput__CjrPJ {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 25px;
}
.login__Xsmty .formInput__CjrPJ .ant-form .ant-form-item .ant-form-item-label {
  width: unset;
}
.login__Xsmty .formInput__CjrPJ .ant-form .ant-form-item .ant-form-item-label span:first-child {
  font-weight: bold;
  font-size: 16px;
}
.login__Xsmty .formInput__CjrPJ .ant-form .ant-form-item input {
  border: none;
}
.login__Xsmty .formInput__CjrPJ form {
  border-radius: 5px;
  border: 1px solid #818080;
  padding: 2rem 1.5rem 1rem 1.5rem;
  background: #fff5ea;
  width: 100%;
}
.login__Xsmty .formInput__CjrPJ h3 {
  font-size: 22px;
  font-weight: 700;
  color: #13202f;
  text-align: center;
  margin-bottom: unset;
}
.login__Xsmty .formInput__CjrPJ .loginButton__yZR1P {
  background-color: #d90036;
  width: 380px;
  border-radius: 6px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  outline: none;
}
.login__Xsmty .formInput__CjrPJ .loginButton__yZR1P:hover {
  transform: unset;
}
.login__Xsmty .formInput__CjrPJ .loginBtnAdmin__h6I9S {
  background-color: #bd5364 !important;
  border-color: #bd5364;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/auth/components/change-password/index.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.changePassword__ypVAC {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  padding-bottom: 1rem;
}
.changePassword__ypVAC .changePasswordBody__s3eqq {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX {
  width: 100%;
  padding: 2rem 50px;
  display: flex;
  flex-direction: column;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form {
  background-color: #fff3e6;
  position: relative;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form::after {
  position: absolute;
  background-color: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item-row {
  position: relative;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  height: 25px;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 30px 20px 0 20px;
  height: unset !important;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-weight: bold;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 20px 20px 0 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 22px;
  opacity: 1;
  left: 0;
  background: #fffaf4;
  bottom: -23px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX form {
  width: 100%;
  border: 1px solid #949494;
  border-radius: 4px;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX h3 {
  font-size: 16px;
  color: #13202f;
  margin-bottom: 30px;
}
.changePassword__ypVAC .changePasswordBody__s3eqq .formInput__KhXTX .changePasswordButton__lkynu {
  background-color: #ff8181;
  border-color: #ff8181;
  width: 208px;
  border-radius: 5px;
  height: 44px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-top: 18px;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/home/index.module.scss ***!
  \***************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.homePage__wJA5R {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  padding: 1rem 50px;
  background: #fff;
  height: 95%;
}
.homePage__wJA5R .homeBody__bkLuJ {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 0;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex: 1 1 0;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws .actions__rubtO {
  display: flex;
  width: 100%;
  margin: auto 0;
  gap: 2rem;
  justify-content: center;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws .actions__rubtO button {
  border: 1px solid #d58b8b;
  border-radius: 4px;
  background: #fff5ea;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
  height: 67px;
  width: 229px;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws .actions__rubtO button span {
  margin-top: 4px;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws .actions__rubtO button:hover {
  color: #000000;
  transform: unset;
}
.homePage__wJA5R .homeBody__bkLuJ .content__YOkws .actions__rubtO .description__j5orR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 18px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/create/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.createBrand__r9Eg5 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  padding-bottom: 20px;
}
.createBrand__r9Eg5 .createBrandBody__VKUru {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.875rem;
  border-radius: 4px;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .customizeInput__k4t1A {
  width: 25%;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .formInput__T4sdF {
  flex: 1;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .formInput__T4sdF h3 {
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  margin-bottom: 30px;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .formInput__T4sdF .listAction__PK3ub {
  display: flex;
  justify-content: center;
  margin-top: 3em;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .formInput__T4sdF .listAction__PK3ub button {
  width: 138px;
  height: 50px;
  color: #fff;
  margin: 0 10px;
  border-radius: 4px;
  border: 0;
  font-weight: 700;
}
.createBrand__r9Eg5 .createBrandBody__VKUru .formInput__T4sdF .listAction__PK3ub .button-custom {
  color: #333333 !important;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/form-brand/index.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.formBrand__ND2wh {
  display: flex;
  flex-direction: column;
  padding: 1em;
}
.formBrand__ND2wh .btnLink__nuF2d {
  display: inline-block;
  padding: 0.4em 0.8em;
  color: #fff;
  background-color: #aeabab;
  height: 40px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 40px;
}
.formBrand__ND2wh .formContainer__dl4c0 {
  border: 1px solid #949494;
  background-color: #fff3e6;
}
.formBrand__ND2wh .formContainer__dl4c0 .inputCustomImg__lPcm1 .inputImageContainer__NVNfp {
  width: 100%;
  background-color: white;
  padding: 2em 2em 0;
  border-radius: 5px;
  display: flex;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.0784313725) inset, -2px -2px 4px 0px rgba(0, 0, 0, 0.0784313725) inset;
  margin-bottom: 1.5em;
}
.formBrand__ND2wh .formContainer__dl4c0 .inputCustomImg__lPcm1 .inputImageContainer__NVNfp div {
  flex: 1;
  border: 0;
}
.formBrand__ND2wh .formContainer__dl4c0 .inputCustomImg__lPcm1 .previewImgCustom {
  width: 100%;
  background-size: 48% 92%;
}
.formBrand__ND2wh .formContainer__dl4c0 .inputCustomImg__lPcm1 .actionCustom button:last-child {
  background-color: #aeabab;
}
.formBrand__ND2wh .ant-form {
  background-color: #fff3e6;
  position: relative;
}
.formBrand__ND2wh .ant-form::after {
  position: absolute;
  background-color: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.formBrand__ND2wh .ant-form .ant-form-item-row {
  position: relative;
}
.formBrand__ND2wh .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  height: 25px;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.formBrand__ND2wh .ant-form .ant-form-item {
  margin-bottom: 0px;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
  display: flex;
  margin-top: 20px;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 0px 20px 0 20px;
  height: unset !important;
  display: block !important;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
  color: #333333;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 20px 20px 20px 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 22px;
  opacity: 1;
  left: 0;
  background: #fffaf4;
  bottom: -23px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.formBrand__ND2wh .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.formBrand__ND2wh .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.formBrand__ND2wh .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
}
.formBrand__ND2wh .ant-form .actionCustom {
  padding-bottom: 6px;
}
.formBrand__ND2wh #image > div:last-of-type {
  display: flex;
  justify-content: center;
}
.formBrand__ND2wh #image > div:last-of-type button {
  min-width: 121px;
  border: 0;
  border-radius: 40px;
  height: 44px;
  font-weight: 700;
}
.formBrand__ND2wh .formEdit__gFGTm {
  border: 1px solid #949494;
}
.formBrand__ND2wh .formEdit__gFGTm .deleteBox__hH_qA {
  position: absolute;
  z-index: 9999;
  margin-top: -60px;
  right: 20px;
}
.formBrand__ND2wh .formEdit__gFGTm .previewImgCustom {
  width: 100%;
}

.inputCustomText__gCAqp {
  white-space: break-spaces;
}

.inputCustomImg__lPcm1 {
  border-bottom: 1px solid #949494;
}

.customInputHaveDelete__J9eQD {
  margin-bottom: 50px !important;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/form-product/index.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.formProduct__T0TpU {
  display: flex;
  flex-direction: column;
}
.formProduct__T0TpU .listTitle__RJj2w {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  color: #333333;
  font-size: 16px;
}
.formProduct__T0TpU .regisTitle__thyhP {
  font-weight: 800;
  margin-right: 3em;
}
.formProduct__T0TpU .productItem__oKVub {
  margin-bottom: 1em;
  background-color: #fffaf4;
  padding: 1em;
  border: 1px solid #949494;
}
.formProduct__T0TpU .productItem__oKVub .input-custom-override {
  width: 100%;
}
.formProduct__T0TpU .btnLink__wvZub {
  display: inline-block;
  margin: 0.8em 0;
  padding: 0.4em 0.8em;
  color: #fff;
  background-color: #e95807;
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
}
.formProduct__T0TpU .inputCustomText__iI85v {
  display: flex;
  width: 100%;
}
.formProduct__T0TpU .btnContainer__jpOWk {
  width: 13.8em;
}
.formProduct__T0TpU .btnClear__xnkIP {
  width: 7rem;
  background-color: #aeabab;
  margin-left: 2em;
  border-radius: 16px;
  padding: 0 2em;
  line-height: 24px;
  color: #ffffff;
}
.formProduct__T0TpU .hidden__jnKM6 {
  display: none;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .input-label-custom .input-title-required {
  margin-left: 1em;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .ant-form-item-control-input-content div:first-child {
  display: flex;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .ant-form-item-control-input-content div:first-child .input-image-container {
  width: 100%;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .ant-form-item-control-input-content .actionCustom {
  width: 13em;
  margin-left: 1em;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .ant-form-item-control-input-content .actionCustom button:first-child {
  margin-bottom: 0.5em;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .ant-form-item-control-input-content .actionCustom button:last-child {
  background-color: #aeabab;
}
.formProduct__T0TpU .inputCustomImg__WvEDc .previewImgCustom {
  width: 100%;
}
.formProduct__T0TpU .ant-form-item-label {
  width: 10rem !important;
}
.formProduct__T0TpU .ant-form-item-label .input-label-custom {
  font-size: 16px;
}
.formProduct__T0TpU .ant-form-item-label .input-label-custom .input-title {
  color: #333333;
}
.formProduct__T0TpU .ant-form-item-label .input-label-custom .input-title-required {
  margin-left: 35px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/form-category/index.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.formCategory__KmZL3 {
  display: flex;
  flex-direction: column;
}
.formCategory__KmZL3 .listTitle__Y0Y9c {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  color: #333333;
  font-size: 16px;
}
.formCategory__KmZL3 .listTitle__Y0Y9c .btnLink__JxUyZ {
  display: inline-block;
  margin: 0.8em 0;
  padding: 0.4em 0.8em;
  color: #fff;
  background-color: #a81f2c;
  border-radius: 5px;
}
.formCategory__KmZL3 .regisTitle__fSydd {
  font-weight: 800;
  margin-right: 3em;
}
.formCategory__KmZL3 .actionProducts__g1bj1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formCategory__KmZL3 .actionProducts__g1bj1 .ant-select-single .ant-select-selector {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
}
.formCategory__KmZL3 .formContainer__PwFIZ {
  display: flex;
  justify-content: space-between;
  background-color: #fffaf4;
  padding: 20px 20px 0 20px;
  border: 1px solid #949494;
  min-height: 94px;
}
.formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override {
  flex: 2 2;
}
.formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override .ant-form-item-row {
  position: relative;
}
.formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override .ant-form-item-row .ant-form-item-label {
  flex-grow: 1;
  max-width: 35%;
  margin-top: 15px;
}
.formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override .ant-form-item-row .ant-form-item-label .input-title {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override .ant-form-item-row input {
  height: 50px !important;
}
.formCategory__KmZL3 .formContainer__PwFIZ .ant-form-item {
  margin-bottom: 0;
}
.formCategory__KmZL3 .formContainer__PwFIZ button {
  font-size: 16px;
  line-height: 16px;
  padding: 0 1.5em;
}
.formCategory__KmZL3 .formContainer__PwFIZ + .formContainer__PwFIZ {
  border-top: none;
}
.formCategory__KmZL3 .categoryItem__rM_1O {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.formCategory__KmZL3 .categoryItem__rM_1O .selectOption__ewczo {
  width: 200px;
  padding: 0.6em;
}
.formCategory__KmZL3 .btnLink__JxUyZ {
  display: inline-block;
  margin: 0.8em 0;
  padding: 0.4em 0.8em;
  color: #fff;
  background-color: #e95807;
  border-radius: 5px;
}
.formCategory__KmZL3 .btnClear__tQ9q4 {
  background-color: #aeabab;
  margin: 6px 32px;
  border-radius: 16px;
  padding: 0 2em;
  line-height: 24px;
  color: #ffffff;
}
.formCategory__KmZL3 .hidden__m1xhx {
  display: none;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 {
  flex: 2 2;
  min-height: 76px;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-label {
  max-width: 24% !important;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-control-input-content div:first-child {
  display: flex;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-control-input-content .input-image-container {
  width: 100%;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-control-input-content .actionCustom {
  display: flex;
  margin-top: 8px;
  gap: 0;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-control-input-content .actionCustom button {
  padding: 0 1rem !important;
  margin-left: 0.5rem;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .ant-form-item-control-input-content .actionCustom button:last-child {
  background-color: #aeabab;
}
.formCategory__KmZL3 .inputCustomImg__KTwV4 .previewImgCustom {
  height: 50px;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .formCategory__KmZL3 .formContainer__PwFIZ .input-custom-override {
    flex: 1 1;
  }
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/form-tone/index.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.toneInfo__jedBH {
  display: flex;
  flex-direction: column;
}
.toneInfo__jedBH .listTitle__R3KjP {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  font-size: 16px;
  color: #333333;
}
.toneInfo__jedBH .regisTitle__GjI4s {
  font-weight: 800;
  margin-right: 3em;
}
.toneInfo__jedBH .actions__mrytk {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.toneInfo__jedBH .actions__mrytk .selectCategory__g_tAA {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.toneInfo__jedBH .actions__mrytk .selectCategory__g_tAA p {
  margin: unset;
  font-weight: 800;
  color: #333333;
  font-size: 16px;
}
.toneInfo__jedBH .actions__mrytk .selectCategory__g_tAA .input-custom-override__Bq8PV .ant-form-item-label__gZcvE .input-title__zYbwy {
  color: #333333;
  font-size: 16px;
}
.toneInfo__jedBH .actions__mrytk .btnLink__EFyrQ {
  display: inline-block;
  padding: 0.4em 0.8em;
  color: #fff;
  background-color: #e95807;
  border-radius: 5px;
}
.toneInfo__jedBH .actions__mrytk .input-title {
  font-weight: 800;
}
.toneInfo__jedBH .actions__mrytk .ant-select-single .ant-select-selector {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
}
.toneInfo__jedBH .actions__mrytk form {
  border: none;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row {
  gap: 1rem;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row .ant-form-item-label {
  width: auto;
  margin-top: 8px;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row .ant-form-item-label label {
  height: unset;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row .ant-form-item-label label .input-title {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row .ant-form-item-label .input-label-custom {
  gap: 1rem;
  align-items: center;
}
.toneInfo__jedBH .actions__mrytk form .ant-form-item-row .ant-form-item-control {
  width: 296px;
  flex: unset;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row {
  gap: 1rem;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row .ant-form-item-label {
  width: auto;
  margin-top: 17px;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row .ant-form-item-label label {
  height: unset;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row .ant-form-item-label label .input-title {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row .ant-form-item-label .input-label-custom {
  gap: 1rem;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row .ant-form-item-control {
  flex: unset;
}
.toneInfo__jedBH .formTone__k6dHC form .ant-form-item-row input {
  height: 50px !important;
}
.toneInfo__jedBH .formTone__k6dHC .toneItemGai__jDDsY {
  background-color: #fffaf4;
  border: 1px solid #949494;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 20px 20px 0 20px;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .btnClear__Nfq4j {
  background-color: #aeabab;
  margin-top: 12px;
  border-radius: 16px;
  padding: 0 2em;
  line-height: 24px;
  color: #ffffff;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .toneImage__VVO1j .input-custom-override .ant-form-item-control-input-content > div {
  display: flex;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .toneImage__VVO1j .input-custom-override .previewImgCustom {
  width: 180px;
  height: 50px !important;
  margin-bottom: unset;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .toneImage__VVO1j .input-custom-override .actionCustom {
  padding-top: 10px;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .toneImage__VVO1j .input-custom-override .actionCustom button:last-child {
  background-color: #aeabab;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .toneImage__VVO1j .ant-form-item-control {
  width: auto;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 > div {
  min-height: 96px;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .ant-form-item {
  margin-bottom: 0;
}
.toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 + .toneItem__FIiX0 {
  border-top: none;
}
@media only screen and (max-width: 1440px) {
  .toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 {
    min-height: 140px;
  }
  .toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 .btnClear__Nfq4j {
    margin-top: 40px !important;
  }
  .toneInfo__jedBH .formTone__k6dHC .toneItem__FIiX0 > div {
    min-height: 118px !important;
  }
  .toneInfo__jedBH .formTone__k6dHC .ant-form-item-row .ant-form-item-label {
    margin-top: 0 !important;
  }
  .toneInfo__jedBH .formTone__k6dHC .actionCustom {
    margin-top: -27px !important;
  }
  .toneInfo__jedBH .formTone__k6dHC .ant-form-item-control {
    margin-top: -14px !important;
  }
}

.hairStyle___3rxs {
  padding: 0 20px 0 20px;
  display: flex;
}

.hairStyleDiv__sN8u6 {
  gap: 10px;
  align-items: center;
  width: 100%;
}

.boxWidth__Z8MV0 {
  width: 200px;
  margin-top: 17px;
}

.hairStyleInput__y7HmX {
  width: 100% !important;
  margin-top: 11px !important;
}

.classCustomLabel__iSm1i {
  font-weight: 800;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ButtonCustom/index.module.scss ***!
  \************************************************************************************************************************************************************************************************/
.btnCustom__nlOh4 {
  cursor: pointer;
}
.btnCustom__nlOh4 {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/chart-preview/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.colorChartPreview__nCPST {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  padding: 20px 20px 20px 20px;
}
.colorChartPreview__nCPST .title__YuYpG {
  display: flex;
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.colorChartPreview__nCPST .title__YuYpG .productName__ud8Ec {
  padding-left: 20px;
}
.colorChartPreview__nCPST .body__JgdD7 {
  display: flex;
  border: 1px solid #aeabab;
  background: #fffaf4;
  border-radius: 4px;
  overflow: auto;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .category__lac3J {
  min-width: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fd8f8f;
  height: 50px;
  font-size: 18px;
  line-height: 27px;
  color: #fff;
  border-right: 1px solid #aeabab;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .borderRight__qyoiW {
  border-right: 1px solid #aeabab;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ {
  display: flex;
  padding: 20px 20px;
  gap: 40px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .toneColorItem__DA3mw .tone__jKGKR {
  width: max-content;
  height: 83px;
  display: flex;
  flex-direction: column;
  text-align: center;
  background: #fd3d3d;
  border-radius: 4px;
  padding: 10px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .toneColorItem__DA3mw .tone__jKGKR p {
  align-items: center;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .bundleHairItem__QIyV2 {
  border-bottom: 1px dotted #aeabab;
  padding-bottom: 12px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .hairColorItem__uAxzc {
  cursor: pointer;
  text-align: center;
  background: #fff;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .hairColorItem__uAxzc div {
  width: 78px;
  height: 68px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .hairColorItem__uAxzc div img {
  width: 78px;
  height: 68px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .hairColorItem__uAxzc .divBorder__w2_jx {
  border: 1px solid #aeabab;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .hairColorItemDisabled__iYHc5 {
  border: unset;
  cursor: unset;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .hairColor__aVSZ1 .colorToneName__Ps1xv {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  height: 18px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyToneColorItem__UlX7q .tone__jKGKR {
  height: 62px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc .bundleHairItem__QIyV2 {
  border-bottom: 1px dotted #aeabab;
  padding-bottom: 12px;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc .hairColorItem__uAxzc {
  cursor: pointer;
  text-align: center;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc .hairColorItem__uAxzc div {
  width: 78px;
  height: 68px;
  background: #fffaf4;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc .hairColorItemDisabled__iYHc5 {
  border: unset;
  cursor: unset;
}
.colorChartPreview__nCPST .body__JgdD7 .categoryItem__vEtOK .toneColor__FU_XZ .emptyHairColor__hWBwc .colorToneName__Ps1xv {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  height: 18px;
}
.colorChartPreview__nCPST .footer__nVZBa .btnClose__fVbI_ {
  margin-top: 15px;
  width: 138px;
  height: 50px;
  border-radius: 4px;
  opacity: 0px;
  background: #a19e9e;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/color-chart-confirm-edit/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.colorChartEdit__YRHPN {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 45vw;
  padding: 20px 20px;
}
.colorChartEdit__YRHPN .header__Q7HBZ {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000000;
}
.colorChartEdit__YRHPN .header__Q7HBZ .actions__EoBXG {
  display: flex;
  gap: 1rem;
}
.colorChartEdit__YRHPN .header__Q7HBZ h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #333333;
}
.colorChartEdit__YRHPN .body__NaWtr {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 100px;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc .bundleHairTitle__GzTUG {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc .hairBundleImage__QIuAG {
  padding: 0;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc .hairBundleImage__QIuAG img {
  width: 105px;
  height: 76px;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc .hairBundleNoImage__gxtc1 {
  width: 105px;
  height: 76px;
  border: 1px solid black;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .hairBundle__Dbcgc .hairBundleNoImage__gxtc1 p {
  text-align: center;
  margin-top: 25%;
  font-size: 12px;
  color: #ddd;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .listModel__w4qHS {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .listModel__w4qHS div img {
  width: 100%;
  max-width: 158px;
  height: 198px;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .listModel__w4qHS .boxEmpty__un3lK {
  width: 158px;
  height: 198px;
  border: 1px solid black;
}
.colorChartEdit__YRHPN .body__NaWtr .listHair__nPHsZ .listModel__w4qHS .boxEmpty__un3lK p {
  text-align: center;
  margin-top: 50%;
  font-size: 21px;
  color: #ddd;
}
.colorChartEdit__YRHPN .body__NaWtr .checkboxGroup__Odgzu div {
  color: #000000;
}
.colorChartEdit__YRHPN .body__NaWtr .ant-radio-wrapper {
  display: flex;
  align-items: baseline;
}
.colorChartEdit__YRHPN .body__NaWtr .ant-radio {
  align-self: start;
}
.colorChartEdit__YRHPN .footer__dRuSm {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.colorChartEdit__YRHPN .footer__dRuSm button {
  cursor: pointer;
  width: 138px;
  border: 1px solid;
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  border-radius: 4px;
}
.colorChartEdit__YRHPN .footer__dRuSm .btnClose__x1geC {
  background: #a19e9e;
}
.colorChartEdit__YRHPN .footer__dRuSm .btnConfirm__WQWw_ {
  background: #d90036;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/bundler-hair-edit/index.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.hairBundleEdit__qfhd3 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 45vw;
  padding: 20px 20px 40px 20px;
}
.hairBundleEdit__qfhd3 .header__N2rCA {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000000;
}
.hairBundleEdit__qfhd3 .header__N2rCA h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #333333;
}
.hairBundleEdit__qfhd3 .body__FVllM {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 20px 40px 0 40px;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc {
  display: grid;
  gap: 2rem;
  align-items: center;
  grid-template-columns: 20% 20% 20% 20% 20%;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .title__yW0FY {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #333333;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .btnChooseFile__zTFnp {
  background: #fff;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .btnChooseFile__zTFnp button {
  width: 99px;
  height: 36px;
  border-radius: 40px;
  cursor: pointer;
  background: #ff8181;
  border-color: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #fff;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ {
  display: flex;
  flex-direction: column;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .bundleName__gshlD {
  max-width: 86px;
  text-align: center;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .bundleName__gshlD p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .bundleBundleImage__iyld6 {
  text-align: left;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .bundleBundleImage__iyld6 img {
  cursor: pointer;
  width: 86px;
  height: 60px;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .hairBundleNoImage__LGWGB {
  width: 86px;
  height: 60px;
  border: 1px solid black;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameBundleFile__rC3F_ .hairBundleNoImage__LGWGB p {
  text-align: center;
  margin-top: 25%;
  font-size: 12px;
  color: #ddd;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameFile__OGGvw {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameFile__OGGvw img {
  cursor: pointer;
  width: 86px;
  height: 107px;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameFile__OGGvw .boxEmpty__BnC3r {
  height: 107px;
  border: 1px solid black;
}
.hairBundleEdit__qfhd3 .body__FVllM .fieldItem__eqxwc .nameFile__OGGvw .boxEmpty__BnC3r p {
  width: 86px;
  text-align: center;
  margin-top: 50%;
  font-size: 12px;
  color: #ddd;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv {
  display: flex;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .note__YIIdg {
  max-width: 300px;
  position: relative;
  color: #000000;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .note__YIIdg span {
  position: relative;
  top: -40px;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .noteModelEmpty__MStyd {
  max-width: 300px;
  position: relative;
  color: #000000;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .noteModelEmpty__MStyd span {
  position: relative;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .errorMessage__u1lrr {
  padding-left: 35px;
}
.hairBundleEdit__qfhd3 .body__FVllM .message__AVogv .errorMessage__u1lrr span {
  color: #a81f2c;
  font-size: 14px;
  line-height: 1.5715;
}
.hairBundleEdit__qfhd3 .footer__xDYgY {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}
.hairBundleEdit__qfhd3 .footer__xDYgY button {
  width: 138px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  width: 138px;
  height: 50px;
}
.hairBundleEdit__qfhd3 .footer__xDYgY .btnCancel__vZBeb {
  background: #a19e9e;
}
.hairBundleEdit__qfhd3 .footer__xDYgY .btnSubmit__VGSS_ {
  background: #d90036;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/bundler-hair-create/index.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.hairBundleCreate__Xptbq {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 52vw;
  padding: 20px 20px 40px 20px;
}
.hairBundleCreate__Xptbq .header__ULoH4 {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000000;
}
.hairBundleCreate__Xptbq .header__ULoH4 h3 {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.hairBundleCreate__Xptbq .body__IPDU7 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 20px 40px 0 40px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo {
  display: grid;
  gap: 2rem;
  align-items: center;
  grid-template-columns: 20% 20% 20% 20% 20%;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .title__xaK9b {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #333333;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .btnChooseFile__n67Ng {
  background: #fff;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .btnChooseFile__n67Ng button {
  width: 99px;
  height: 36px;
  border-radius: 40px;
  cursor: pointer;
  background: #ff8181;
  border-color: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #fff;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 {
  display: flex;
  flex-direction: column;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .bundleName__dK7Xx {
  max-width: 86px;
  text-align: center;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .bundleName__dK7Xx p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .bundleBundleImage__YtD2D {
  text-align: left;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .bundleBundleImage__YtD2D img {
  cursor: pointer;
  width: 86px;
  height: 60px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .hairBundleNoImage__qUSzK {
  width: 86px;
  height: 60px;
  border: 1px solid black;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameBundleFile__s4_y0 .hairBundleNoImage__qUSzK p {
  text-align: center;
  margin-top: 25%;
  font-size: 12px;
  color: #ddd;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameFile__LCm4Q {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameFile__LCm4Q img {
  cursor: pointer;
  width: 86px;
  height: 107px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameFile__LCm4Q .boxEmpty__tyMmR {
  height: 107px;
  border: 1px solid black;
}
.hairBundleCreate__Xptbq .body__IPDU7 .fieldItem__p5fbo .nameFile__LCm4Q .boxEmpty__tyMmR p {
  width: 86px;
  text-align: center;
  margin-top: 50%;
  font-size: 12px;
  color: #ddd;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB {
  display: flex;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .note__xZYnH {
  max-width: 300px;
  position: relative;
  color: #000000;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .note__xZYnH span {
  position: relative;
  top: -40px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .noteModelEmpty__ycrKa {
  max-width: 300px;
  position: relative;
  color: #000000;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .noteModelEmpty__ycrKa span {
  position: relative;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .errorMessage__LpcOR {
  padding-left: 35px;
}
.hairBundleCreate__Xptbq .body__IPDU7 .message__h0XoB .errorMessage__LpcOR span {
  color: #a81f2c;
  font-size: 14px;
  line-height: 1.5715;
}
.hairBundleCreate__Xptbq .footer__OAGTz {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}
.hairBundleCreate__Xptbq .footer__OAGTz button {
  width: 138px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  width: 138px;
  height: 50px;
}
.hairBundleCreate__Xptbq .footer__OAGTz .btnCancel__iNXeg {
  background: #a19e9e;
}
.hairBundleCreate__Xptbq .footer__OAGTz .btnSubmit__IFKqo {
  background: #d90036;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/create-brand-series/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.createBrandSeries__Ol0t0 {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  flex: 1 1 0;
  background: #fff;
  height: 100%;
}
.createBrandSeries__Ol0t0 .body__j_Tva {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  flex: 1 1 0;
  gap: 35%;
}
.createBrandSeries__Ol0t0 .body__j_Tva h3 {
  color: #333333;
}
.createBrandSeries__Ol0t0 .body__j_Tva .action__Z8ofN {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.createBrandSeries__Ol0t0 .body__j_Tva .action__Z8ofN button {
  cursor: pointer;
  border: 1px solid;
  height: 100px;
  width: 147px;
  height: 40px;
  border-radius: 40px;
  opacity: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.createBrandSeries__Ol0t0 .body__j_Tva .action__Z8ofN .btnCreateBundle__M2x3F {
  background: #ff8181;
}
.createBrandSeries__Ol0t0 .body__j_Tva .action__Z8ofN .btnCreateModel__tQQ1L {
  background: #ff4141;
}
.createBrandSeries__Ol0t0 .footer__rimLS {
  display: flex;
  justify-content: center;
}
.createBrandSeries__Ol0t0 .footer__rimLS button {
  cursor: pointer;
  border: 1px solid;
  height: 50px;
  color: #fff;
  background: #a19e9e;
  width: 138px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/bulk-create/index.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.createBundleHairs__GUths {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  gap: 1rem;
  flex: 1 1 0;
  background: #fff;
  height: 95%;
}
.createBundleHairs__GUths .body__u4KJ1 {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.createBundleHairs__GUths .body__u4KJ1 h3 {
  color: #333333;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .ant-form-item-control {
  width: 100%;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .label__bDb_B {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  padding: 0 20px;
  min-height: 100px;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .label__bDb_B .required__soMFY {
  color: #fd3d3d;
  border: 1px solid #fd3d3d;
  background: #fdd8cd;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .btnUpload__t_Mbi {
  width: 100%;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .action__Zk_Dk {
  width: 75%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid #949494;
  padding: 30px 0 10px 25px;
  background: #fffaf4;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .action__Zk_Dk button {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  width: 136px;
  height: 36px;
  color: #fff;
  border: 1px solid;
  background: #ff8181;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .previewImage__Dsnb9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5rem 0;
  overflow: auto;
  margin-left: auto;
}
.createBundleHairs__GUths .body__u4KJ1 .formCustom__MrtXo .inputImageItems__Sf7wN .explainError__P0wds {
  margin-left: auto;
  width: 100%;
  color: #a81f2c;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form {
  background: #fff3e6;
  position: relative;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form::after {
  position: absolute;
  background: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item-row {
  position: relative;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 35px 20px 0 20px;
  height: unset !important;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 30px 20px 0 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 26px;
  opacity: 1;
  left: 0;
  bottom: -26px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
  background: #fffaf4;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item .ant-form-item-control .ant-form-item-control-input {
  width: 40%;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.createBundleHairs__GUths .body__u4KJ1 .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
  min-height: 98px;
}
.createBundleHairs__GUths .body__u4KJ1 form {
  width: 100%;
  border: 1px solid #949494;
  border-radius: 4px;
  margin-top: 25px;
}
.createBundleHairs__GUths .footer__I0OnC {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 30px;
}
.createBundleHairs__GUths .footer__I0OnC button {
  cursor: pointer;
  border: 1px solid;
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  width: 388px;
  border-radius: 4px;
}
.createBundleHairs__GUths .footer__I0OnC .btnBack__UsHT5 {
  background: #a19e9e;
  width: 174px;
}
.createBundleHairs__GUths .footer__I0OnC .btnCreate__Vp_5q {
  background: #d90036;
  width: 174px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-model/components/bulk-create/index.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.bulkCreateHairModels__STCuM {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  gap: 1rem;
  flex: 1 1 0;
  background: #fff;
  height: 95%;
}
.bulkCreateHairModels__STCuM .body__QN1Pa {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.bulkCreateHairModels__STCuM .body__QN1Pa h3 {
  color: #333333;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .ant-form-item-control {
  width: 100%;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .label__fR4i2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  padding: 0 20px;
  min-height: 100px;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .label__fR4i2 .required__iZ_ki {
  color: #fd3d3d;
  border: 1px solid #fd3d3d;
  background: #fdd8cd;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .btnUpload__Reu3q {
  width: 100%;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .action__IgcAc {
  width: 75%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid #949494;
  padding: 30px 0 10px 25px;
  background: #fffaf4;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .action__IgcAc button {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  width: 136px;
  height: 36px;
  color: #fff;
  border: 1px solid;
  background: #ff8181;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .previewImage__E6Kl4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5rem 0;
  overflow: auto;
  margin-left: auto;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .formCustom__ChK6h .inputImageItems__Xc9JC .explainError__knn2h {
  margin-left: auto;
  width: 100%;
  color: #a81f2c;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form {
  background: #fff3e6;
  position: relative;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form::after {
  position: absolute;
  background: #fff;
  bottom: -25px;
  height: 24px;
  width: 100%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item-row {
  position: relative;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item-row::after {
  transition: background 0.1ms;
  position: absolute;
  width: 1px;
  opacity: 1;
  background: #949494;
  top: 100%;
  left: 25%;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-label {
  width: 25%;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-label label {
  width: 100%;
  padding: 35px 20px 0 20px;
  height: unset !important;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-control {
  position: relative;
  padding: 30px 20px 0 20px;
  background: #fffaf4;
  border-left: 1px solid #949494;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-control::after {
  position: absolute;
  width: 100%;
  height: 26px;
  opacity: 1;
  left: 0;
  bottom: -26px;
  display: inline-block;
  content: " <- EXCITING!";
  color: transparent;
  background: #fffaf4;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-control input {
  height: 50px !important;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item .ant-form-item-control .ant-form-item-control-input {
  width: 40%;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .ant-form-item-has-error .ant-form-item-control::after {
  height: 0;
  width: 0;
  z-index: -1;
  bottom: 0;
}
.bulkCreateHairModels__STCuM .body__QN1Pa .ant-form .input-custom-override:not(:last-child) {
  border-bottom: 1px solid #949494;
  min-height: 98px;
}
.bulkCreateHairModels__STCuM .body__QN1Pa form {
  width: 100%;
  border: 1px solid #949494;
  border-radius: 4px;
  margin-top: 25px;
}
.bulkCreateHairModels__STCuM .footer__sV47t {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 30px;
}
.bulkCreateHairModels__STCuM .footer__sV47t button {
  cursor: pointer;
  border: 1px solid;
  height: 50px;
  color: #fff;
  width: 174px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  border-radius: 4px;
}
.bulkCreateHairModels__STCuM .footer__sV47t .btnBack__s0fp2 {
  background: #a19e9e;
}
.bulkCreateHairModels__STCuM .footer__sV47t .btnCreate__O2c9a {
  background: #d90036;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/list/index.module.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.listBrand__Tq6Qr {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  width: 100%;
  background: #fff;
  overflow: auto;
}
.listBrand__Tq6Qr p {
  font-size: 16px;
}
.listBrand__Tq6Qr button {
  margin: auto;
  border: 1px solid;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}
.listBrand__Tq6Qr .listTitle__cVbuJ {
  justify-content: flex-end;
}
.listBrand__Tq6Qr .listTitle__cVbuJ h3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
}
.listBrand__Tq6Qr .listTitle__cVbuJ .groupLink__V8YQV {
  display: flex;
  gap: 1rem;
  justify-content: right;
  margin-bottom: 2em;
}
.listBrand__Tq6Qr .listTitle__cVbuJ .groupLink__V8YQV .btnCreate__rMd_p {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  height: 34px;
  border-radius: 4px;
  opacity: 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  background: #e84747;
  color: #fff;
}
.listBrand__Tq6Qr .listTitle__cVbuJ .groupLink__V8YQV .btnCreate__rMd_p .iconWomanHair__AB2Tl {
  width: 20px;
  height: 20px;
}
.listBrand__Tq6Qr .listTitle__cVbuJ .groupLink__V8YQV .btnCreate__rMd_p .iconPaintBucket__e5o6r {
  width: 24px;
  height: 24px;
}
.listBrand__Tq6Qr .listTitle__cVbuJ .groupLink__V8YQV .btnCreate__rMd_p .iconImage__QGP2r {
  width: 20px;
  height: 20px;
}
.listBrand__Tq6Qr .subTitle__yS6id {
  width: fit-content;
  display: inline-block;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  background-color: #fff3e6;
  border: 1px solid #949494;
  color: #000000;
}
.listBrand__Tq6Qr .brandSection__Ynao8 h4 {
  color: #000000;
}
.listBrand__Tq6Qr .brandContent__sj3Xy {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  gap: 1rem;
  overflow: auto;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa {
  display: flex;
  background-color: #f9f9f9;
  padding: 1rem 1.5rem 2rem 1rem;
  align-items: center;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd {
  width: 30%;
  height: 230px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  cursor: pointer;
  word-break: break-all;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd:hover {
  background-color: #ccc;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd div > p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 19px;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd div > p:first-child {
  margin-bottom: 6px;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd > div:last-child {
  text-align: center;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd .image__t8MDM {
  height: 70%;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd .image__t8MDM div,
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandLeft__Dqsfd .image__t8MDM img {
  height: -webkit-fill-available;
  object-fit: contain;
  height: 100%;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za {
  flex: 1;
  display: flex;
  align-items: baseline;
  padding: 1em 0em 1em 2em;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp {
  width: 100%;
  display: flex;
  height: 50px;
  justify-content: space-evenly;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp form {
  width: 40%;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .input-custom-override {
  flex: 1;
  max-width: 500px;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .input-custom-override .ant-form-item {
  margin-bottom: 0;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .input-custom-override .ant-form-item .ant-select-selector {
  height: 50px !important;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .input-custom-override .ant-form-item .ant-select-arrow {
  top: 40%;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .selectOption__ItVfd {
  width: 100%;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .customIndexInput__VQX6H {
  width: 70px;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .customIndexText__oX07t {
  width: 450px !important;
  display: flex;
  margin-left: 2px;
  align-items: center;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .classCustomLabel__jsMCB {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp .indexSelectOption__cuVsD {
  width: 100px;
  margin-top: 20px;
}
.listBrand__Tq6Qr .brandContent__sj3Xy .brandItem__GRyxa .brandRight__af7za .productItem__OFajp button {
  min-width: fit-content;
  width: 200px;
  height: 100%;
  margin: 0;
  margin-left: 0.8em;
  color: #fff;
  background: #ff8181;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
}

.popupConfirmCreateContractorAdmin__wLInA {
  display: flex;
  flex-direction: column;
  gap: 25%;
  padding: 1em;
}
.popupConfirmCreateContractorAdmin__wLInA .title__PaY0r {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.popupConfirmCreateContractorAdmin__wLInA .title__PaY0r span {
  color: #142537;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.popupConfirmCreateContractorAdmin__wLInA .textPreLine__Dr6Ra {
  white-space: pre-line;
  padding: 0 20px;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM button {
  min-width: 118px;
  height: 50px;
  border-radius: 4px;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM button:hover, .popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM button:focus, .popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM button:active {
  border-color: unset;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM .btnNo__JfIDo {
  background-color: #ff8181;
  color: #fff;
  font-weight: 700;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM .hiddenButtonNo___STN9 {
  display: none;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM .btnYes__fdzIX {
  background: #aeabab;
  color: #fff;
  font-weight: 700;
}
.popupConfirmCreateContractorAdmin__wLInA .confirmButton__NveYM .backgroundButtonYes__hps8F {
  background: #d96b06;
}
.popupConfirmCreateContractorAdmin__wLInA .reverseButton__WhhjM {
  flex-direction: row-reverse;
}

.popupConfirmCreateContractorAdmin__wLInA {
  position: relative;
  /* Other styles for your popup */
}

.closeButton__GlaHa {
  z-index: 2;
  top: -8px;
  background-repeat: no-repeat;
  right: -5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82NTNfMTc1MykiPgo8Y2lyY2xlIGN4PSIxNCIgY3k9IjEzIiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cGF0aCBkPSJNMjEuMTYxOCA1LjkyODU3QzE5Ljc1NTcgNC41MzAxNSAxNy45NjQ0IDMuNTc3ODUgMTYuMDE0MyAzLjE5MjA4QzE0LjA2NDEgMi44MDYzMSAxMi4wNDI4IDMuMDA0NCAxMC4yMDU5IDMuNzYxMzFDOC4zNjg5MSA0LjUxODIxIDYuNzk4ODUgNS43OTk5NCA1LjY5NDIyIDcuNDQ0NDFDNC41ODk1OSA5LjA4ODg3IDQgMTEuMDIyMiA0IDEzQzQgMTQuOTc3OCA0LjU4OTU5IDE2LjkxMTEgNS42OTQyMiAxOC41NTU2QzYuNzk4ODUgMjAuMjAwMSA4LjM2ODkxIDIxLjQ4MTggMTAuMjA1OSAyMi4yMzg3QzEyLjA0MjggMjIuOTk1NiAxNC4wNjQxIDIzLjE5MzcgMTYuMDE0MyAyMi44MDc5QzE3Ljk2NDQgMjIuNDIyMiAxOS43NTU3IDIxLjQ2OTggMjEuMTYxOCAyMC4wNzE0QzIyLjA5NTQgMTkuMTQyOCAyMi44MzYgMTguMDQwNCAyMy4zNDEzIDE2LjgyNzFDMjMuODQ2NiAxNS42MTM3IDI0LjEwNjcgMTQuMzEzMyAyNC4xMDY3IDEzQzI0LjEwNjcgMTEuNjg2NyAyMy44NDY2IDEwLjM4NjMgMjMuMzQxMyA5LjE3MjkzQzIyLjgzNiA3Ljk1OTYxIDIyLjA5NTQgNi44NTcxNyAyMS4xNjE4IDUuOTI4NTdaTTE3LjY0MzEgMTUuNTI4NkMxNy43MTQ4IDE1LjU5NTQgMTcuNzcyIDE1LjY3NjEgMTcuODExMSAxNS43NjU4QzE3Ljg1MDIgMTUuODU1NSAxNy44NzA0IDE1Ljk1MjIgMTcuODcwNCAxNi4wNUMxNy44NzA0IDE2LjE0NzggMTcuODUwMiAxNi4yNDQ1IDE3LjgxMTEgMTYuMzM0MkMxNy43NzIgMTYuNDIzOSAxNy43MTQ4IDE2LjUwNDYgMTcuNjQzMSAxNi41NzE0QzE3LjU3NiAxNi42Mzc2IDE3LjQ5NjQgMTYuNjkgMTcuNDA4OSAxNi43MjU1QzE3LjMyMTQgMTYuNzYxMSAxNy4yMjc3IDE2Ljc3OTEgMTcuMTMzMiAxNi43Nzg2QzE2Ljk0NDkgMTYuNzc3OCAxNi43NjQzIDE2LjcwMzQgMTYuNjMwNiAxNi41NzE0TDE0LjA1MjYgMTQuMDA3MUwxMS41MTA2IDE2LjU3MTRDMTEuMzc2OCAxNi43MDM0IDExLjE5NjMgMTYuNzc3OCAxMS4wMDc5IDE2Ljc3ODZDMTAuOTEzNCAxNi43NzkxIDEwLjgxOTcgMTYuNzYxMSAxMC43MzIyIDE2LjcyNTVDMTAuNjQ0NyAxNi42OSAxMC41NjUxIDE2LjYzNzYgMTAuNDk4IDE2LjU3MTRDMTAuMzY0MyAxNi40Mzc2IDEwLjI4OTIgMTYuMjU2NiAxMC4yODkyIDE2LjA2NzlDMTAuMjg5MiAxNS44NzkyIDEwLjM2NDMgMTUuNjk4MSAxMC40OTggMTUuNTY0M0wxMy4wNDAxIDEzTDEwLjQ5OCAxMC40NzE0QzEwLjM4MDQgMTAuMzM0OCAxMC4zMTg5IDEwLjE1OSAxMC4zMjU5IDkuOTc5MjVDMTAuMzMyOSA5Ljc5OTQ4IDEwLjQwNzggOS42Mjg5NSAxMC41MzU3IDkuNTAxNzRDMTAuNjYzNiA5LjM3NDUzIDEwLjgzNSA5LjMwMDAxIDExLjAxNTcgOS4yOTMwN0MxMS4xOTY1IDkuMjg2MTIgMTEuMzczMiA5LjM0NzI3IDExLjUxMDYgOS40NjQyOUwxNC4wNTI2IDExLjk5MjlMMTYuNTk0NyA5LjQ2NDI5QzE2LjY2MTEgOS4zOTU4MSAxNi43NDA1IDkuMzQxMDMgMTYuODI4MyA5LjMwMzA4QzE2LjkxNjEgOS4yNjUxMiAxNy4wMTA1IDkuMjQ0NzMgMTcuMTA2MiA5LjI0MzA3QzE3LjIwMTkgOS4yNDE0MiAxNy4yOTY5IDkuMjU4NTIgMTcuMzg2IDkuMjkzNDFDMTcuNDc1IDkuMzI4MyAxNy41NTYzIDkuMzgwMyAxNy42MjUxIDkuNDQ2NDNDMTcuNjk0IDkuNTEyNTYgMTcuNzQ5IDkuNTkxNTMgMTcuNzg3MiA5LjY3ODgzQzE3LjgyNTQgOS43NjYxMyAxNy44NDU5IDkuODYwMDUgMTcuODQ3NSA5Ljk1NTIzQzE3Ljg0OTIgMTAuMDUwNCAxNy44MzIgMTAuMTQ1IDE3Ljc5NjkgMTAuMjMzNkMxNy43NjE4IDEwLjMyMjEgMTcuNzA5NiAxMC40MDMgMTcuNjQzMSAxMC40NzE0TDE1LjA2NTEgMTNMMTcuNjQzMSAxNS41Mjg2WiIgZmlsbD0iYmxhY2siLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF82NTNfMTc1MyIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd182NTNfMTc1MyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182NTNfMTc1MyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
  position: absolute;
  height: 26px;
  width: 30px;
  content: " <- EXCITING!";
  color: transparent;
  background-position: center;
  border: transparent;
  background-color: white;
}

.boxCloseButton__hIs8B {
  padding: 20px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/category/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.topBottomDiv__yKZTZ {
  background-color: #ececec;
  padding: 5px 0px 5px 10px;
  font-size: 13px;
  width: 100%;
  font-family: "Open Baskerville 0.0.53 Normal";
  font-weight: 500;
}

.topRightBoxDiv__VftlF {
  border: 1px solid #a8a9ad;
  height: 172px;
  position: relative;
  padding: 10px;
  margin-top: 10px;
}

.topRightProMasterDiv__Sza2J {
  position: absolute;
  font-size: 23px;
  font-family: "Open Baskerville 0.0.53 Normal";
  letter-spacing: 2pt;
}

.topRightLineDiv__kXhGT {
  position: absolute;
  height: 2px;
  background-color: #000;
  margin: 20px auto;
}

.topRightMarkDiv__GbvB6 {
  position: absolute;
  font-size: 18px;
}

.topRightADiv__s8oZi {
  position: absolute;
  font-size: 55px;
}

.topRightNoteDiv__mJHYM {
  position: absolute;
  right: 20px;
  top: 47px;
  font-size: 13px;
}

.categoryDiv__byfVA {
  position: relative;
  display: flex;
  justify-content: center;
}

.categoryTable__qRlTn {
  margin-top: 20px;
  table-layout: fixed;
}

.categoryTitle__bzoLn {
  background-color: #fff;
  font-size: 13px;
  white-space: nowrap;
  position: absolute;
  padding: 3px 2px 3px 2px;
  font-family: "Open Baskerville 0.0.53 Normal";
}

.colorToneTd__bQ04d {
  border: 1px solid #a8a9ad;
  height: 110px;
  width: 500px;
}

.hairBundleImage__O_fpb {
  height: 70px;
  object-fit: cover;
  cursor: pointer !important;
  pointer-events: all !important;
}

.hairBundleImageDiv__D3SVb {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hairBundleName__YKd8l {
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
}

.transformDiv__Gysnj {
  position: absolute;
  top: 50%;
  left: 50%;
}

.oneLine__r91Ev {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  white-space: nowrap;
  margin-top: 5px;
}

.title__d0wsz {
  display: flex;
  font-size: 57px;
  font-family: "MS Mincho", serif;
  font-weight: bold;
  white-space: nowrap;
  justify-content: space-between;
  flex-wrap: nowrap;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/model/index.module.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.top___UrcF {
  position: absolute;
  top: 0px;
  width: 100%;
}

.buttonTop__vZQhW {
  position: absolute;
  top: 50px;
  left: 10px;
}
.buttonTop__vZQhW button {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  transform: unset !important;
}
.buttonTop__vZQhW .buttonActive__YvUgL {
  background: #d90036;
  border: 1px solid rgba(213, 139, 139, 0.4392156863);
}
.buttonTop__vZQhW .buttonNotActive__r_5I7 {
  background: rgba(213, 139, 139, 0.4392156863);
  border: 1px solid rgba(213, 139, 139, 0.4392156863);
}

.modelButtonLeft__kZFv_ {
  position: absolute !important;
  left: 20px;
  background: none !important;
  border: none !important;
}
.modelButtonLeft__kZFv_ svg {
  width: 32px;
  height: 32px;
}

.modelButtonRight__Lvdfy {
  position: absolute !important;
  right: 20px;
  background: none !important;
  border: none !important;
}
.modelButtonRight__Lvdfy svg {
  width: 32px;
  height: 32px;
}

.model__XgF5K {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}

.modelName___SiVL {
  position: absolute;
  top: 40px;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}

.hideButton__TVCsQ {
  display: none;
}

.bottom__ZgEbv {
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/brand/components/update/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.updateHair__THtIe {
  display: flex;
  flex-direction: column;
  padding: 1rem 50px;
  border-bottom: 1px solid;
}
.updateHair__THtIe button {
  margin: auto;
  min-width: 100px;
  border: 1px solid;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}
.updateHair__THtIe .listAction___siWj {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.updateHair__THtIe .listAction___siWj button {
  color: #fff;
  background-color: #a81f2c;
  margin: 0 5px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/notice/components/detail/index.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.previewNotice__L_BGZ {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 0;
  background: #fff;
  padding-bottom: 2em;
  margin-bottom: 2em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac {
  width: 100%;
  background-color: white;
  justify-content: center;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac button {
  margin: auto;
  width: 100px;
  border: 1px solid;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewTitle__WdtUj {
  display: flex;
  justify-content: space-between;
  padding: 1em 2em 0 2em;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewTitle__WdtUj h3 {
  display: inline-block;
  margin: 0.4em 0;
  padding: 0.6em 0.8em;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l {
  width: 80%;
  padding: 1em;
  background-color: #fffaf4;
  border: 1px solid #333333;
  margin: 0 auto 1em auto;
  border-radius: 4px;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l .previewHeader__Hhjpd {
  display: flex;
  justify-content: space-between;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l .previewHeader__Hhjpd h4 {
  margin-top: 1em;
  max-width: 85%;
  word-wrap: break-word;
  word-break: break-all;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l .previewHeader__Hhjpd span {
  margin: 1em 0 1em 1em;
  color: #333333;
  white-space: nowrap;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l .previewImage__Nx1jf {
  width: 100%;
  text-align: center;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .previewFrame__jRl4l .previewContent__PVGvy {
  margin: 1em 0;
  word-wrap: break-word;
  word-break: break-all;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .listAction__P5gUJ {
  display: flex;
  justify-content: center;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .listAction__P5gUJ button {
  color: #fff;
  background-color: #a81f2c;
  margin: 0 5px;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .listAction__P5gUJ .btnBack__j_eeG {
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  color: #000000;
}
.previewNotice__L_BGZ .previewNoticeBody__cuTac .listAction__P5gUJ .btnDelete__KmyEZ {
  background-color: #aeabab;
  border: 1px solid #aeabab;
  color: #000000;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/admin/modules/hair-bundle/components/color-chart-select/index.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.colorChartSelect__sQ7TR {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 0;
  background: #fff;
  height: 95%;
  padding: 30px 50px;
}
.colorChartSelect__sQ7TR .header__gJRZg {
  display: flex;
  flex-direction: column;
}
.colorChartSelect__sQ7TR .header__gJRZg .name__oDjXP {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}
.colorChartSelect__sQ7TR .header__gJRZg .actions__lTfHe {
  display: flex;
  gap: 1rem;
  justify-content: right;
}
.colorChartSelect__sQ7TR .header__gJRZg .actions__lTfHe .btnCreate__h26ra {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  height: 34px;
  border-radius: 4px;
  opacity: 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  background: #e84747;
  color: #fff;
}
.colorChartSelect__sQ7TR .header__gJRZg .actions__lTfHe .btnCreate__h26ra .iconWomanHair__mmBB_ {
  width: 20px;
  height: 20px;
}
.colorChartSelect__sQ7TR .header__gJRZg .actions__lTfHe .btnCreate__h26ra .iconPaintBucket__jMuF_ {
  width: 24px;
  height: 24px;
}
.colorChartSelect__sQ7TR .header__gJRZg .actions__lTfHe .btnCreate__h26ra .iconImage__cmONf {
  width: 20px;
  height: 20px;
}
.colorChartSelect__sQ7TR .body__Xexbc {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem 100px;
  height: 40vh;
}
.colorChartSelect__sQ7TR .body__Xexbc .description__A5iAM {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.colorChartSelect__sQ7TR .body__Xexbc form {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 1440px) {
  .colorChartSelect__sQ7TR .body__Xexbc form {
    width: 80%;
  }
}
.colorChartSelect__sQ7TR .body__Xexbc .groupBtn__xtR93 {
  display: flex;
  gap: 1rem;
  margin-top: 15px;
  justify-content: center;
}
.colorChartSelect__sQ7TR .body__Xexbc .groupBtn__xtR93 button {
  height: 50px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  color: #fff;
}
.colorChartSelect__sQ7TR .body__Xexbc .groupBtn__xtR93 .btnClose__ALid_ {
  background: #a19e9e;
  width: 138px;
}
.colorChartSelect__sQ7TR .body__Xexbc .groupBtn__xtR93 .btnSubmit__HkmaE {
  width: 270px;
  background: #ff8181;
}
.colorChartSelect__sQ7TR .body__Xexbc .ant-form .ant-form-item .ant-form-item-label {
  width: 20%;
  display: flex;
  align-items: center;
}
.colorChartSelect__sQ7TR .body__Xexbc .ant-form .ant-form-item .ant-form-item-label label .input-label-custom {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.colorChartSelect__sQ7TR .body__Xexbc .ant-form .ant-form-item .ant-form-item-label label .input-label-custom .input-title {
  text-align: right;
  color: #333333;
}
.colorChartSelect__sQ7TR .body__Xexbc .ant-form .ant-form-item .ant-form-item-control .ant-select-show-arrow .ant-select-selector {
  height: 50px !important;
  border: 1px solid #d0d0d0;
}
.colorChartSelect__sQ7TR .body__Xexbc .ant-form .ant-form-item .ant-form-item-control .ant-select-arrow > div {
  margin-bottom: 6px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ModalBase/index.module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.initialCssModal__wB8NK {
  width: fit-content !important;
}
.initialCssModal__wB8NK .ant-modal-content {
  border-radius: 20px;
  border: 1px solid transparent;
  overflow: hidden;
}
.initialCssModal__wB8NK .ant-modal-content .ant-modal-body {
  padding: 0;
  height: 100%;
}

.modalBase__FBf80 .header__BumSK {
  height: 71px;
  margin: 0 50px;
  border-bottom: 1px solid #e8e8f0;
  position: relative;
}
.modalBase__FBf80 .header__BumSK span {
  position: absolute;
  left: 0;
  bottom: 13px;
  font-weight: 700;
  font-size: 19px;
  color: #142537;
}
.modalBase__FBf80 .hiddenHeader__eMZog {
  display: none;
}
.modalBase__FBf80 .hiddenFooter__KJA5g {
  display: none !important;
}
.modalBase__FBf80 .body__CXiFr {
  height: auto;
}
.modalBase__FBf80 .footer__s662J {
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modalBase__FBf80 .footer__s662J button {
  min-width: 118px;
  height: 40px;
  border-radius: 25px;
  font-size: 15px;
  font-weight: 700;
}
.modalBase__FBf80 .footer__s662J button:hover, .modalBase__FBf80 .footer__s662J button:focus, .modalBase__FBf80 .footer__s662J button:active {
  border-color: transparent;
}
.modalBase__FBf80 .footer__s662J .btnOk__aaDCu {
  background: #bd5364;
  color: #ffffff;
}
.modalBase__FBf80 .footer__s662J .btnCancel__I3cgo {
  background-color: #f2f2fa;
  color: #142537;
}
.modalBase__FBf80 .footer__s662J .btnCancel__I3cgo:hover {
  border-color: unset;
}
.modalBase__FBf80 .footer__s662J .hiddenButtonCancel__GO8aD {
  display: none;
}
.modalBase__FBf80 .showBorderTopFooter__y1EEW {
  border-top: 1px solid #e8e8f0;
}
.modalBase__FBf80 .reverseButton__quEBW {
  flex-direction: row-reverse;
}

.modalHaveBtnClose__n2bK5 {
  position: relative;
}
.modalHaveBtnClose__n2bK5 .ant-modal-content {
  position: unset !important;
}
.modalHaveBtnClose__n2bK5 .ant-modal-close {
  display: block;
  z-index: 2;
  top: -8px;
  background-repeat: no-repeat;
  right: -5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82NTNfMTc1MykiPgo8Y2lyY2xlIGN4PSIxNCIgY3k9IjEzIiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cGF0aCBkPSJNMjEuMTYxOCA1LjkyODU3QzE5Ljc1NTcgNC41MzAxNSAxNy45NjQ0IDMuNTc3ODUgMTYuMDE0MyAzLjE5MjA4QzE0LjA2NDEgMi44MDYzMSAxMi4wNDI4IDMuMDA0NCAxMC4yMDU5IDMuNzYxMzFDOC4zNjg5MSA0LjUxODIxIDYuNzk4ODUgNS43OTk5NCA1LjY5NDIyIDcuNDQ0NDFDNC41ODk1OSA5LjA4ODg3IDQgMTEuMDIyMiA0IDEzQzQgMTQuOTc3OCA0LjU4OTU5IDE2LjkxMTEgNS42OTQyMiAxOC41NTU2QzYuNzk4ODUgMjAuMjAwMSA4LjM2ODkxIDIxLjQ4MTggMTAuMjA1OSAyMi4yMzg3QzEyLjA0MjggMjIuOTk1NiAxNC4wNjQxIDIzLjE5MzcgMTYuMDE0MyAyMi44MDc5QzE3Ljk2NDQgMjIuNDIyMiAxOS43NTU3IDIxLjQ2OTggMjEuMTYxOCAyMC4wNzE0QzIyLjA5NTQgMTkuMTQyOCAyMi44MzYgMTguMDQwNCAyMy4zNDEzIDE2LjgyNzFDMjMuODQ2NiAxNS42MTM3IDI0LjEwNjcgMTQuMzEzMyAyNC4xMDY3IDEzQzI0LjEwNjcgMTEuNjg2NyAyMy44NDY2IDEwLjM4NjMgMjMuMzQxMyA5LjE3MjkzQzIyLjgzNiA3Ljk1OTYxIDIyLjA5NTQgNi44NTcxNyAyMS4xNjE4IDUuOTI4NTdaTTE3LjY0MzEgMTUuNTI4NkMxNy43MTQ4IDE1LjU5NTQgMTcuNzcyIDE1LjY3NjEgMTcuODExMSAxNS43NjU4QzE3Ljg1MDIgMTUuODU1NSAxNy44NzA0IDE1Ljk1MjIgMTcuODcwNCAxNi4wNUMxNy44NzA0IDE2LjE0NzggMTcuODUwMiAxNi4yNDQ1IDE3LjgxMTEgMTYuMzM0MkMxNy43NzIgMTYuNDIzOSAxNy43MTQ4IDE2LjUwNDYgMTcuNjQzMSAxNi41NzE0QzE3LjU3NiAxNi42Mzc2IDE3LjQ5NjQgMTYuNjkgMTcuNDA4OSAxNi43MjU1QzE3LjMyMTQgMTYuNzYxMSAxNy4yMjc3IDE2Ljc3OTEgMTcuMTMzMiAxNi43Nzg2QzE2Ljk0NDkgMTYuNzc3OCAxNi43NjQzIDE2LjcwMzQgMTYuNjMwNiAxNi41NzE0TDE0LjA1MjYgMTQuMDA3MUwxMS41MTA2IDE2LjU3MTRDMTEuMzc2OCAxNi43MDM0IDExLjE5NjMgMTYuNzc3OCAxMS4wMDc5IDE2Ljc3ODZDMTAuOTEzNCAxNi43NzkxIDEwLjgxOTcgMTYuNzYxMSAxMC43MzIyIDE2LjcyNTVDMTAuNjQ0NyAxNi42OSAxMC41NjUxIDE2LjYzNzYgMTAuNDk4IDE2LjU3MTRDMTAuMzY0MyAxNi40Mzc2IDEwLjI4OTIgMTYuMjU2NiAxMC4yODkyIDE2LjA2NzlDMTAuMjg5MiAxNS44NzkyIDEwLjM2NDMgMTUuNjk4MSAxMC40OTggMTUuNTY0M0wxMy4wNDAxIDEzTDEwLjQ5OCAxMC40NzE0QzEwLjM4MDQgMTAuMzM0OCAxMC4zMTg5IDEwLjE1OSAxMC4zMjU5IDkuOTc5MjVDMTAuMzMyOSA5Ljc5OTQ4IDEwLjQwNzggOS42Mjg5NSAxMC41MzU3IDkuNTAxNzRDMTAuNjYzNiA5LjM3NDUzIDEwLjgzNSA5LjMwMDAxIDExLjAxNTcgOS4yOTMwN0MxMS4xOTY1IDkuMjg2MTIgMTEuMzczMiA5LjM0NzI3IDExLjUxMDYgOS40NjQyOUwxNC4wNTI2IDExLjk5MjlMMTYuNTk0NyA5LjQ2NDI5QzE2LjY2MTEgOS4zOTU4MSAxNi43NDA1IDkuMzQxMDMgMTYuODI4MyA5LjMwMzA4QzE2LjkxNjEgOS4yNjUxMiAxNy4wMTA1IDkuMjQ0NzMgMTcuMTA2MiA5LjI0MzA3QzE3LjIwMTkgOS4yNDE0MiAxNy4yOTY5IDkuMjU4NTIgMTcuMzg2IDkuMjkzNDFDMTcuNDc1IDkuMzI4MyAxNy41NTYzIDkuMzgwMyAxNy42MjUxIDkuNDQ2NDNDMTcuNjk0IDkuNTEyNTYgMTcuNzQ5IDkuNTkxNTMgMTcuNzg3MiA5LjY3ODgzQzE3LjgyNTQgOS43NjYxMyAxNy44NDU5IDkuODYwMDUgMTcuODQ3NSA5Ljk1NTIzQzE3Ljg0OTIgMTAuMDUwNCAxNy44MzIgMTAuMTQ1IDE3Ljc5NjkgMTAuMjMzNkMxNy43NjE4IDEwLjMyMjEgMTcuNzA5NiAxMC40MDMgMTcuNjQzMSAxMC40NzE0TDE1LjA2NTEgMTNMMTcuNjQzMSAxNS41Mjg2WiIgZmlsbD0iYmxhY2siLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF82NTNfMTc1MyIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd182NTNfMTc1MyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182NTNfMTc1MyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
  position: absolute;
  height: 26px;
  width: 30px;
  content: " <- EXCITING!";
  color: transparent;
  background-position: center;
  border: transparent;
}
.modalHaveBtnClose__n2bK5 .ant-modal-close-x {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Layout/LayoutHair/index.module.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.layout__ZMplT {
  margin: 0 auto;
  height: 100dvh;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
}
.layout__ZMplT .markWelcome__MMg8c {
  position: absolute;
  width: 100%;
  height: 100dvh;
  z-index: 5;
  opacity: 1;
  background: #fff;
  text-align: center;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s;
}
.layout__ZMplT .hideMark__vQ2om {
  z-index: -1;
  opacity: 0;
}
.layout__ZMplT .logo__DyPBR {
  height: 52px;
  background: #d90036;
  text-align: center;
  padding: 0.5rem 0;
  z-index: 4;
}
.layout__ZMplT .layoutBody__e2wTw {
  flex: 1 1 0;
  overflow: hidden;
}
.layout__ZMplT .layoutFoot__DYmgu {
  background: #d90036;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  padding: 8px 0;
  height: 52px;
  font-family: Noto Sans Brahmi;
  line-height: unset !important;
  font-size: 12px !important;
}
.layout__ZMplT .layoutFoot__DYmgu .navItems__zDme5 {
  width: 100%;
  max-width: 150px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.layout__ZMplT .layoutFoot__DYmgu .navItems__zDme5 div {
  white-space: nowrap;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.layout__ZMplT .layoutFoot__DYmgu .navItems__zDme5 div img {
  max-height: 26px;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/Error/index.module.scss ***!
  \**************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.error__KwkfK {
  background: rgba(167, 233, 245, 0.1803921569);
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 15rem 30rem;
}
.error__KwkfK .infoError__JCc3x {
  width: 75%;
}
.error__KwkfK .infoError__JCc3x .textError__HEU5y {
  margin-bottom: 4rem;
}
.error__KwkfK .infoError__JCc3x .textError__HEU5y h1 {
  color: #a81f2c;
  font-weight: 700;
  font-size: 86px;
}
.error__KwkfK .infoError__JCc3x .textError__HEU5y h3 {
  width: 70%;
  color: #a81f2c;
  font-size: 28px;
  font-weight: 500;
}
.error__KwkfK .btnError__nqGn6 {
  display: flex;
  gap: 10px;
}
.error__KwkfK .btnError__nqGn6 .backHome__vUKfv {
  border: 1px solid #a81f2c;
  color: #a81f2c;
  text-transform: uppercase;
  width: 14%;
  height: 38px;
  background-color: rgba(167, 233, 245, 0.1803921569);
}
.error__KwkfK .iconError__tZM90 {
  margin-top: 8rem;
}
.error__KwkfK .iconError__tZM90 .anticon-global,
.error__KwkfK .iconError__tZM90 .anticon-rocket {
  font-size: 70px;
  font-weight: 700;
  color: #a81f2c;
  margin: auto 0px;
}
.error__KwkfK .iconError__tZM90 .iconGlobal__WtIyQ {
  margin-bottom: 15rem;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/brand/index.module.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.brand__VBHO2 {
  height: 100%;
  overflow: auto;
  max-width: 900px;
  margin: auto;
}
.brand__VBHO2 .listBrand__f0Yti {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: auto;
  gap: 1rem;
  padding: 1rem;
}
.brand__VBHO2 .listBrand__f0Yti .brandItem__HMXi1 {
  cursor: pointer;
  text-align: center;
  border: 1px solid #e8e8e8;
  height: 161px;
}
.brand__VBHO2 .listBrand__f0Yti .brandItem__HMXi1 img {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .brand__VBHO2 .listBrand__f0Yti {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 500px) {
  .brand__VBHO2 .listBrand__f0Yti {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/product-list/index.module.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.productList__r0LCr {
  width: 350px;
  max-height: 75vh;
  display: flex;
  flex-direction: column;
  padding: 1rem 0.75rem 0.75rem 0.75rem;
  position: relative;
}
.productList__r0LCr .listProduct__VcpAg {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.productList__r0LCr .listProduct__VcpAg .productItem__NbvEP {
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1803921569);
  height: 110px;
}
.productList__r0LCr .listProduct__VcpAg .productItem__NbvEP img {
  width: 100%;
  height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/notice/notice/index.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.noticeCustomize__UqgM6 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 0.5rem 0 0.5rem;
}
.noticeCustomize__UqgM6 .noticeIcons__OmsWQ {
  padding-left: 1rem;
  padding-bottom: 1rem;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 0;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i .noticeItem__v3EBb {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #aeabab;
  padding: 1em;
  cursor: pointer;
  background-color: #f8f8f8;
  font-family: "YuGothic";
  font-size: 14px;
  color: #333;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i .noticeItem__v3EBb .noticeDateCol__F13ls {
  width: 100px;
  font-weight: 700;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i .noticeItem__v3EBb .noticeTitleCol__T1PJK {
  width: 100%;
  padding: 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i .noticeItem__v3EBb .noticeImgCol__CEuSc {
  width: 30px;
  text-align: right;
}
.noticeCustomize__UqgM6 .listNotice__WJy_i .readed__y3bHY {
  background-color: #fff;
}
.noticeCustomize__UqgM6 .pagi__LwraA {
  padding-top: 2rem;
  padding-bottom: 1em;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/notice/notice-detail/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.noticeCustomize__WHnKS {
  height: 100%;
  overflow: auto;
  padding: 0 1rem;
  font-family: YuGothic;
}
.noticeCustomize__WHnKS .noticeIcons__CG1Rg {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.noticeCustomize__WHnKS .previewFrame__Le8UR {
  background: #f6f6f6;
  padding: 1rem;
}
.noticeCustomize__WHnKS .previewFrame__Le8UR .previewTitle__Mr4bu {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.noticeCustomize__WHnKS .previewFrame__Le8UR .previewTitle__Mr4bu span {
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
.noticeCustomize__WHnKS .previewFrame__Le8UR .previewImage__YZ2bx {
  display: flex;
  justify-content: center;
  background: #fff;
  margin-bottom: 1.5rem;
}
.noticeCustomize__WHnKS .previewFrame__Le8UR .previewImage__YZ2bx img {
  width: 100%;
  max-width: 300px;
  height: 206px;
}
.noticeCustomize__WHnKS .listAction__TUEMH {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
}
.noticeCustomize__WHnKS .listAction__TUEMH button {
  border: 1px solid #ec3987;
  color: #fff;
  background-color: #ec3987;
  margin: 0 5px;
  width: 178px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 15px;
  transform: unset;
  border-radius: 5px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/model-selection/index.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.hideButton__JrVvF {
  display: none;
}

.modelSelection__COab9 {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modelSelection__COab9 .category__wqGFF {
  background: rgba(217, 0, 54, 0.568627451);
}
.modelSelection__COab9 .category__wqGFF .categoryColor__Pwovk {
  display: flex;
  overflow-x: auto;
  max-width: 768px;
  margin: auto;
  font-family: Noto Sans Old South Arabian;
}
.modelSelection__COab9 .category__wqGFF .categoryColor__Pwovk .categoryColorItem__iHwJl {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 39px;
}
.modelSelection__COab9 .category__wqGFF .categoryColor__Pwovk .categoryColorItem__iHwJl img {
  width: 100%;
  height: 100%;
}
.modelSelection__COab9 .infoTone__LNrNc {
  padding: 1.5rem;
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.modelSelection__COab9 .imageSlides__t6wQh {
  padding: 0 25px;
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh {
  flex: 1 1 0;
  position: relative;
  overflow: hidden;
  font-size: 2.5vmin;
  max-width: 524px;
  width: 100%;
  margin: 0 auto;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .carouselSlider__G8OwR {
  height: 100%;
  display: flex;
  transform: translateX(-100%);
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .carouselSlider__G8OwR img {
  object-fit: cover;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 2%;
  width: 100%;
  padding: 0 3%;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnClose__BPrZU button {
  background: transparent;
  border: transparent;
  cursor: pointer;
  transform: unset !important;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnLights__BEyMx {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  padding-top: 1.3rem;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnLights__BEyMx button {
  background: rgba(213, 139, 139, 0.4392156863);
  border: 1px solid rgba(213, 139, 139, 0.4392156863);
  border-radius: 50px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  transform: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnLights__BEyMx button img {
  width: 25px;
  height: 25px;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnLights__BEyMx .actives__sCCLX {
  background: #d90036;
  border-color: #d90036;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnStyleMode__mIeNg {
  background: transparent;
  border: transparent;
  cursor: pointer;
  transform: unset !important;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ .btnModeActive__w0h48 {
  background: #d90036 !important;
  border-color: #d90036 !important;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .groupBtnTop__xN_jZ p {
  margin-bottom: 0;
  font-size: 20px;
  color: #333333;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .actions__oN8cw {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .actions__oN8cw .btnClose__BPrZU,
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .actions__oN8cw .btnNext__SFzwy {
  background: transparent;
  border: transparent;
  cursor: pointer;
  transform: unset !important;
}
.modelSelection__COab9 .imageSlides__t6wQh .carousel__3xROh .actions__oN8cw .btnNavigates__AEqVE {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 0.5rem;
}

.description__dmgsk {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.description__dmgsk span {
  color: black;
  font-size: 15px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/model-item/index.module.scss ***!
  \************************************************************************************************************************************************************************************************************/
.carouselSlide__OcS_e {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 1 0 100%;
  height: 100%;
}
.carouselSlide__OcS_e .react-transform-wrapper,
.carouselSlide__OcS_e .react-transform-component {
  width: 100% !important;
  height: 100% !important;
}
.carouselSlide__OcS_e img {
  height: 100%;
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/oldCategory/index.module.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.colorPage__FtmhQ {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.colorPage__FtmhQ .category__Md_oc {
  background: rgba(217, 0, 54, 0.568627451);
}
.colorPage__FtmhQ .category__Md_oc .categoryColor__riusk {
  display: -webkit-flex;
  overflow-x: auto;
  max-width: 768px;
  margin: auto;
  font-family: Noto Sans Old South Arabian;
}
.colorPage__FtmhQ .category__Md_oc .categoryColor__riusk .categoryColorItem__SfG0w {
  cursor: pointer;
  display: -webkit-flex;
  align-items: center;
  height: 39px;
}
.colorPage__FtmhQ .category__Md_oc .categoryColor__riusk .categoryColorItem__SfG0w img {
  width: 100%;
  height: 100%;
}
.colorPage__FtmhQ .bundleHairByCategory__x4rkL {
  flex: 1 1 0;
  overflow: auto;
}
.colorPage__FtmhQ .bundleHairByCategory__x4rkL .listColor__rxMLZ {
  margin: 0 auto;
  justify-content: flex-start;
  display: -webkit-flex;
  flex-direction: column;
  height: 100%;
  max-width: 768px;
  gap: 1px;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/modules/end-user/modules/colour-tone/index.module.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.ant-form-item-explain-error {
  color: #a81f2c;
}
.ant-notification-notice-message {
  white-space: pre-wrap;
}
.ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
}
button:not([disabled]):hover {
  transform: scale(1.1);
}

.nameModel__S02Um {
  font-size: 20px;
}

.productItem__ZNxLR {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productItem__ZNxLR .infoTone__nH114 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  cursor: pointer;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.productItem__ZNxLR .colorBody__xDRKa {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  max-width: 584px;
  width: 100%;
  height: 0;
  opacity: 0;
  z-index: -1;
}
.productItem__ZNxLR .colorBody__xDRKa .colorItem__yMO_r {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
  font-family: Noto Sans Old South Arabian;
  font-size: 11px;
  font-weight: 400;
}
.productItem__ZNxLR .colorBody__xDRKa .colorItem__yMO_r img {
  width: 51px;
  height: 74px;
}
@media only screen and (max-width: 600px) {
  .productItem__ZNxLR .colorBody__xDRKa {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 470px) {
  .productItem__ZNxLR .colorBody__xDRKa {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 300px) {
  .productItem__ZNxLR .colorBody__xDRKa {
    grid-template-columns: repeat(3, 1fr);
  }
}
.productItem__ZNxLR .showBody__OqEhJ {
  height: 100%;
  opacity: 1;
  z-index: 1;
  transition: height ease-in-out 0.5s, opacity ease-out 2s;
  row-gap: 1rem;
}
.productItem__ZNxLR .haveData__osj25 {
  padding: 0.5rem 0;
}