.el-modal-drawer .el-drawer__header {
  padding: 20px;
  margin: 0;
  border-block-end: 1px solid #ddd;
  box-shadow: 0 0 3px 0 #ddd;
}

.el-modal-drawer .el-drawer__body {
  padding: 0;
}

.edit-form {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  overflow: hidden;
}

.edit-form .form {
  padding: 20px;
  flex: 1;
  overflow-y: auto;
}

.form-footer {
  block-size: 50px;
  border-block-start: 1px solid #ddd;
  box-shadow: 0 0 3px 0 #ebeef5;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-inline-end: 20px;
}

div.dialog-footer {
  block-size: 50px;
  border-block-start: 1px solid #ddd;
  box-shadow: 0 0 3px 0 #ebeef5;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-inline-end: 20px;
}

.app-container {
  padding: 16px;
}

.search-card {
  margin-block-end: 12px;
}

.table-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 10px;
}

.toolbar-left {
  display: flex;
  gap: 8px;
}

.toolbar-right {
  display: flex;
  gap: 8px;
}

.danger div.el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}

.iconify {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.filled {
  --home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 9.532L12 1.198L2 9.532V22h5.5v-8.5h9V22H22z'/%3E%3Cpath fill='black' d='M14.5 22h-5v-6.5h5z'/%3E%3C/svg%3E");
  --app: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.5 6.5a5 5 0 1 1 10 0a5 5 0 0 1-10 0M2 2h9v9H2zm0 11h9v9H2zm11 0h9v9h-9z'/%3E%3C/svg%3E");
  --sitemap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 5.5a3.5 3.5 0 0 1 6.855-1h6.29A3.502 3.502 0 0 1 22 5.5a3.5 3.5 0 0 1-6.855 1h-6.29q-.105.35-.276.665l8.256 8.256a3.5 3.5 0 1 1-1.414 1.414L7.165 8.579q-.315.172-.665.276v6.29A3.502 3.502 0 0 1 5.5 22a3.5 3.5 0 0 1-1-6.855v-6.29A3.5 3.5 0 0 1 2 5.5'/%3E%3C/svg%3E");
  --chart-analytics: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='square' stroke-width='2'%3E%3Cpath d='M21 21H3V3'/%3E%3Cpath d='m6 14l5-5l4 4c.42-.421 1.549-1.547 2.715-2.71m1.592-1.588l1.697-1.692zm0 0l-.004.004m0 0l-1.588 1.584m1.588-1.584l-1.588 1.584M17 7h4v4'/%3E%3C/g%3E%3C/svg%3E");
  --user-setting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11.5 2a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11m8 10.75v1.376c.715.184 1.352.56 1.854 1.072l1.192-.689l1 1.732l-1.191.688a4 4 0 0 1 0 2.142l1.191.688l-1 1.732l-1.192-.689a4 4 0 0 1-1.854 1.072v1.376h-2v-1.376a4 4 0 0 1-1.854-1.072l-1.193.689l-1-1.732l1.192-.688a4 4 0 0 1 0-2.142l-1.192-.688l1-1.732l1.193.688a4 4 0 0 1 1.854-1.071V12.75zm-2.751 4.283a2 2 0 0 0-.25.967c0 .35.091.68.25.967l.036.063a2 2 0 0 0 3.43 0l.036-.063c.159-.287.249-.616.249-.967c0-.35-.09-.68-.249-.967l-.037-.063a2 2 0 0 0-3.429 0zM13.062 14a6.72 6.72 0 0 0-1.312 4a6.72 6.72 0 0 0 1.312 4H2v-2a6 6 0 0 1 6-6z'/%3E%3C/svg%3E");
  --user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.5 7.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0M3 19a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v3H3z'/%3E%3C/svg%3E");
  --pangle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M38.4507 23.017L33.1941 20.0096C33.0804 19.9464 32.9414 20.0222 32.9414 20.1612V27.6418C32.9414 27.7808 33.0172 27.8945 33.1309 27.9703L38.3875 30.9777C38.5013 31.0409 38.6403 30.9651 38.6403 30.8261V23.3455C38.6403 23.2065 38.5644 23.0928 38.4507 23.017Z'/%3E%3Cpath d='M31.1109 18.8749L25.8543 15.8675C25.7406 15.8043 25.6016 15.8801 25.6016 16.0191V27.6569C25.6016 27.758 25.6774 27.8338 25.7785 27.8338H31.1362C31.2372 27.8338 31.3131 27.758 31.3131 27.6569V19.2034C31.3004 19.0644 31.2246 18.9381 31.1109 18.8749Z'/%3E%3Cpath d='M18.6775 30.9424L23.9341 27.935C24.0479 27.8718 24.1237 27.7454 24.1237 27.6064V15.1725C24.1237 15.0462 23.9847 14.9577 23.871 15.0209L18.6143 18.0283C18.5006 18.0915 18.4248 18.2178 18.4248 18.3568V30.7907C18.4248 30.9297 18.5638 31.0055 18.6775 30.9424Z'/%3E%3Cpath d='M40.1064 24.2676V27.6794C40.1064 27.7805 40.1823 27.8563 40.2834 27.8563H46.2475C46.4245 27.8563 46.4876 27.6162 46.336 27.5404L40.3718 24.1286C40.2454 24.0528 40.1064 24.1413 40.1064 24.2676Z'/%3E%3Cpath d='M16.6927 19.1274L2.08539 27.5052C1.93376 27.5936 1.99694 27.8211 2.17384 27.8211H16.7811C16.8822 27.8211 16.9581 27.7452 16.9581 27.6442V19.2791C16.9454 19.1401 16.8064 19.0643 16.6927 19.1274Z'/%3E%3C/svg%3E");
  --promotion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m12 2.75l6.6 2.45a1 1 0 0 1 .65.94v5.26c0 4.4-2.9 7.6-7.25 9.85C7.65 19 4.75 15.8 4.75 11.4V6.14a1 1 0 0 1 .65-.94Z'/%3E%3Cpath d='m7.5 14.25l1.75-5.5l1.75 5.5M8.1 12.6h2.3M13 8.75v5.5h.75a2.75 2.75 0 0 0 0-5.5Z'/%3E%3C/g%3E%3C/svg%3E");
  --setting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8c-21.1 21.2-32.8 49.2-32.8 79.1s11.7 57.9 32.8 79.1c21.2 21.1 49.2 32.8 79.1 32.8s57.9-11.7 79.1-32.8c21.1-21.2 32.8-49.2 32.8-79.1s-11.7-57.9-32.8-79.1a110.96 110.96 0 0 0-79.1-32.8m412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a442.5 442.5 0 0 0-79.6-137.7l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.3a353.4 353.4 0 0 0-98.9 57.3l-81.8-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a445.9 445.9 0 0 0-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57c0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0 0 25.8 25.7l2.7.5a448.3 448.3 0 0 0 158.8 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35m-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8s175.8 78.7 175.8 175.8s-78.7 175.8-175.8 175.8'/%3E%3C/svg%3E");
  --disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='m405.822 78.899l24.444 24.444L100.485 433.1L76.04 408.657zM168.32 255.677a87.704 87.704 0 0 1 117.196-82.575l43.402-43.402A236.4 236.4 0 0 0 256 118.452a239.7 239.7 0 0 0-84.454 15.616a271 271 0 0 0-38.861 18.59a293 293 0 0 0-34.816 23.821a312 312 0 0 0-29.423 26.507a336 336 0 0 0-22.681 25.355l-4.46 5.554l-3.93 5.267c-2.443 3.204-4.518 6.224-6.2 8.678s-2.974 4.541-3.85 5.855L26 255.758l1.325 2.063c.876 1.325 2.167 3.457 3.85 5.854c1.682 2.398 3.757 5.475 6.2 8.679l3.93 5.266l4.46 5.555a336 336 0 0 0 22.68 25.355a312 312 0 0 0 29.424 26.507q7.145 5.67 14.82 11.018l60.736-60.736a87.5 87.5 0 0 1-5.106-29.642zm316.367-2.086c-.876-1.337-2.166-3.515-3.85-5.889c-1.682-2.374-3.756-5.509-6.2-8.736c-2.443-3.457-5.255-6.995-8.39-10.867a340 340 0 0 0-22.68-25.459a312 312 0 0 0-29.423-26.564a306 306 0 0 0-17.587-12.954l-59.375 59.375a87.692 87.692 0 0 1-114.35 114.35l-43.31 43.31A240 240 0 0 0 256 392.913a236.8 236.8 0 0 0 84.454-15.258a269 269 0 0 0 38.861-18.544a290 290 0 0 0 34.816-23.822a312 312 0 0 0 29.423-26.564a340 340 0 0 0 22.681-25.458c3.146-3.884 5.947-7.457 8.39-10.868c2.443-3.227 4.518-6.247 6.2-8.736s2.974-4.61 3.85-5.89L486 255.69z'/%3E%3C/svg%3E");
}

.success {
  color: var(--el-color-success)
}

.success .el-select__placeholder {
  color: var(--el-color-success)
}

.success .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-success) inset;
}

.success .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-success) inset;
}

.success .el-select__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-success) inset;
}


.info {
  color: var(--el-color-info)
}

.info .el-select__placeholder {
  color: var(--el-color-info)
}

.info .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-info) inset;
}

.info .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-info) inset;
}

.info .el-select__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-info) inset;
}


.warning {
  color: var(--el-color-warning)
}

.warning .el-select__placeholder {
  color: var(--el-color-warning)
}

.warning .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-warning) inset;
}

.warning .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-color-warning) inset;
}

.warning .el-select__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-warning) inset;
}

.no-scrollbar {
  flex: 1;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.el-container .el-menu *.el-sub-menu.is-active .el-sub-menu__title {
  background-color: #eeeeee33;
}

.el-container .el-menu *.el-menu-item.is-active {
  color: white;
  background: linear-gradient(90deg, #00ceef 0 6px, #dddddda0 6px 100%);
}