/* уведомления */

.notif-list {
  position: fixed;
  top: 112px;
  right: calc((100% - 1359px) / 2);
  z-index: 10;
  width: calc(100% - 24px);
  max-width: 444px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

@media (max-width: 1400px) {
  .notif-list {
    right: calc((100% - 1116px) / 2);
  }
}

@media (max-width: 1200px) {
  .notif-list {
    right: calc((100% - 936px) / 2);
  }
}

@media (max-width: 1024px) {
  .notif-list {
    top: 80px;
  }
}

@media (max-width: 991px) {
  .notif-list {
    right: calc((100% - 696px) / 2);
  }
}

@media (max-width: 767px) {
  .notif-list {
    right: calc((100% - 516px) / 2);
  }
}

@media (max-width: 575px) {
  .notif-list {
    right: 12px;
  }
}

.notif {
  position: relative;
  padding: 16px;
  border-radius: 24px;
  background-color: #fff;
}

.notif__title {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-right: 24px;
}

.notif__title-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.37em;
  margin-bottom: 0;
}

.notif__text {
  margin: 8px 0 0;
}

.notif__cross {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: transparent;
  border: none;
  outline: none;
}

.notif__cross svg {
  fill: #8b8b8b;
}

.notif__cross:focus-visible svg {
  fill: #8000ff;
}

.notif--sm {
  border-radius: 12px;
}

.notif--alarm {
  border: 2px solid #ff773c;
}

.notif--alarm .notif__title-svg {
  fill: #ff773c;
}

.notif--alarm .notif__title-text {
  color: #ff773c;
}

.notif--info {
  border: 2px solid #5067de;
}

.notif--info .notif__title-svg {
  fill: #5067de;
}

.notif--info .notif__title-text {
  color: #5067de;
}

.notif--success {
  border: 2px solid #067b00;
}

.notif--success .notif__title-svg {
  fill: #067b00;
}

.notif--success .notif__title-text {
  color: #067b00;
}

.notif--danger {
  border: 2px solid #f44;
}

.notif--danger .notif__title-svg {
  fill: #f44;
}

.notif--danger .notif__title-text {
  color: #f44;
}

/* копирование */

.btn-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  border: none;
  outline: none;
}

.btn-copy svg {
  fill: #8b8b8b;
}

.btn-copy:focus-visible svg {
  fill: #8000ff;
}

@media (min-width: 1024px) {
  .btn-copy:hover svg {
    fill: #8000ff;
  }
}

/* plate */

.plate {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  font-size: 14px;
  width: fit-content;
}

.plate .icon-mat {
  width: 16px;
  height: 16px;
}

.plate-type {
  background-color: #f2f2f2;
  color: #3e3c3c;
}

.plate-success {
  background-color: #d6ffe1;
  color: #067000;
}

.plate-alert {
  background-color: #ffead6;
  color: #ff773c;
}

.plate-info {
  background-color: #e4eaff;
  color: #5067de;
}

.plate-danger {
  background-color: #fed7f3;
  color: #fb44c8;
}

/* bttn */

.bttn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.5em;
}

.bttn:focus-visible {
  border-color: #5067de;
}

.bttn-w100 {
  width: 100%;
}

.bttn-prime {
  background-color: #8000ff;
  border-color: #8000ff;
  color: #fff;
}

@media (min-width: 1024px) {
  .bttn-prime:hover {
    background-color: #9742ff;
    border-color: #9742ff;
  }
}

.bttn-prime:active {
  background-color: #5900b3;
  border-color: #5900b3;
}

.bttn-prime:disabled {
  background-color: #d1cfd7;
  border-color: #d1cfd7;
  color: #8b8b8b;
}

.bttn-outline {
  border-color: #8000ff;
  background-color: #fff;
  color: #8000ff;
}

@media (min-width: 1024px) {
  .bttn-outline:hover {
    background-color: #f4e6fa;
    color: #8000ff;
  }
}

.bttn-outline:active {
  border-color: #5900b3;
  background-color: #f2f2f2;
  color: #5900b3;
}

.bttn-outline:disabled {
  border-color: #d1cfd7;
  color: #b6b6b6;
}

/* полоса */

.divider {
  width: 100%;
  height: 1px;
  background-color: #d1cfd7;
}

/* текст текста */

.txt-success {
  color: #4caf50;
}

.txt-danger {
  color: #f44;
}

/* Иконки типа материалов */
.icon-mat {
  display: block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon-mat-video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50515 2.66675H7.49355C8.0302 2.66674 8.4731 2.66673 8.8339 2.69621C9.20863 2.72683 9.5531 2.79254 9.87666 2.9574C10.3784 3.21306 10.7864 3.62101 11.042 4.12277C11.2069 4.44633 11.2726 4.7908 11.3032 5.16553C11.3139 5.29662 11.3207 5.43854 11.3251 5.59186L12.8487 4.83004C13.0831 4.71281 13.2982 4.60524 13.4808 4.53394C13.6688 4.4605 13.9167 4.38543 14.1942 4.42642C14.557 4.48003 14.8818 4.68071 15.092 4.98125C15.2527 5.21111 15.2965 5.46646 15.3149 5.66746C15.3327 5.86262 15.3327 6.10311 15.3327 6.36519V9.63497C15.3327 9.89705 15.3327 10.1375 15.3149 10.3327C15.2965 10.5337 15.2527 10.7891 15.092 11.0189C14.8818 11.3195 14.557 11.5201 14.1942 11.5737C13.9167 11.6147 13.6688 11.5397 13.4808 11.4662C13.2982 11.3949 13.0832 11.2874 12.8488 11.1701L11.3251 10.4083C11.3207 10.5616 11.3139 10.7035 11.3032 10.8346C11.2726 11.2094 11.2069 11.5538 11.042 11.8774C10.7864 12.3792 10.3784 12.7871 9.87666 13.0428C9.5531 13.2076 9.20863 13.2733 8.8339 13.304C8.4731 13.3334 8.03019 13.3334 7.49353 13.3334H4.50517C3.96851 13.3334 3.5256 13.3334 3.1648 13.304C2.79007 13.2733 2.4456 13.2076 2.12204 13.0428C1.62028 12.7871 1.21233 12.3792 0.956666 11.8774C0.791805 11.5538 0.726095 11.2094 0.695479 10.8346C0.666 10.4738 0.666007 10.0309 0.666016 9.49428V6.50588C0.666007 5.96924 0.666 5.52633 0.695479 5.16553C0.726095 4.7908 0.791805 4.44633 0.956666 4.12277C1.21233 3.62101 1.62028 3.21306 2.12204 2.9574C2.4456 2.79254 2.79007 2.72683 3.1648 2.69621C3.5256 2.66673 3.9685 2.66674 4.50515 2.66675ZM9.99935 9.46675C9.99935 10.0378 9.99883 10.426 9.97432 10.7261C9.95044 11.0183 9.90715 11.1678 9.85402 11.2721C9.72619 11.523 9.52222 11.7269 9.27134 11.8548C9.16707 11.9079 9.0176 11.9512 8.72532 11.975C8.42527 11.9996 8.03707 12.0001 7.46602 12.0001H4.53268C3.96163 12.0001 3.57343 11.9996 3.27338 11.975C2.9811 11.9512 2.83163 11.9079 2.72736 11.8548C2.47648 11.7269 2.27251 11.523 2.14467 11.2721C2.09155 11.1678 2.04826 11.0183 2.02438 10.7261C1.99987 10.426 1.99935 10.0378 1.99935 9.46675V6.53342C1.99935 5.96236 1.99987 5.57417 2.02438 5.27411C2.04826 4.98183 2.09155 4.83236 2.14467 4.72809C2.27251 4.47721 2.47648 4.27324 2.72736 4.14541C2.83163 4.09228 2.9811 4.049 3.27337 4.02512C3.57343 4.0006 3.96163 4.00008 4.53268 4.00008H7.46602C8.03707 4.00008 8.42527 4.0006 8.72532 4.02512C9.0176 4.049 9.16707 4.09228 9.27134 4.14541C9.52222 4.27324 9.72619 4.47721 9.85402 4.72809C9.90715 4.83236 9.95044 4.98183 9.97432 5.27411C9.99883 5.57417 9.99935 9.46675 9.99935 9.46675ZM11.3327 8.92139L13.4205 9.96528C13.6877 10.0989 13.8473 10.1779 13.9659 10.2243C13.9727 10.2269 13.9791 10.2294 13.985 10.2316C13.9857 10.2253 13.9864 10.2185 13.9871 10.2112C13.9987 10.0844 13.9993 9.90626 13.9993 9.60751V6.39265C13.9993 6.09391 13.9987 5.91579 13.9871 5.78899C13.9864 5.7817 13.9857 5.7749 13.985 5.76859C13.9791 5.7708 13.9727 5.77323 13.9659 5.77589C13.8473 5.82222 13.6877 5.90128 13.4205 6.03488L11.3327 7.07877V8.92139Z' fill='%238B8B8B'/%3E%3C/svg%3E");
}

.icon-mat-pdf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7587 1L15.2413 1C16.0463 0.999988 16.7106 0.999978 17.2518 1.04419C17.8139 1.09012 18.3306 1.18868 18.816 1.43598C19.5686 1.81947 20.1805 2.43139 20.564 3.18404C20.8113 3.66937 20.9099 4.18608 20.9558 4.74818C21 5.28936 21 5.95372 21 6.75868L21 14.1136C21.0003 14.7486 21.0006 15.2284 20.8895 15.6911C20.7915 16.0993 20.6299 16.4895 20.4106 16.8474C20.1619 17.2531 19.8225 17.5922 19.3733 18.041L16.041 21.3733C15.5922 21.8225 15.2531 22.1619 14.8474 22.4106C14.4895 22.6299 14.0993 22.7915 13.6911 22.8895C13.2284 23.0006 12.7486 23.0003 12.1136 23L8.75868 23C7.95372 23 7.28937 23 6.74818 22.9558C6.18608 22.9099 5.66937 22.8113 5.18404 22.564C4.43139 22.1805 3.81947 21.5686 3.43598 20.816C3.18868 20.3306 3.09012 19.8139 3.04419 19.2518C2.99998 18.7106 2.99999 18.0463 3 17.2413L3 6.75869C2.99999 5.95372 2.99998 5.28937 3.04419 4.74818C3.09012 4.18608 3.18868 3.66937 3.43598 3.18404C3.81947 2.43139 4.43139 1.81947 5.18404 1.43598C5.66937 1.18868 6.18608 1.09012 6.74818 1.04419C7.28937 0.999978 7.95374 0.999988 8.7587 1ZM6.09202 3.21799C6.24842 3.1383 6.47262 3.07337 6.91104 3.03755C7.36113 3.00078 7.94342 3 8.8 3H15.2C16.0566 3 16.6389 3.00078 17.089 3.03755C17.5274 3.07337 17.7516 3.1383 17.908 3.21799C18.2843 3.40973 18.5903 3.7157 18.782 4.09202C18.8617 4.24842 18.9266 4.47262 18.9624 4.91104C18.9992 5.36113 19 5.94342 19 6.8V14L17.7587 14C16.9537 14 16.2894 14 15.7482 14.0442C15.1861 14.0901 14.6694 14.1887 14.184 14.436C13.4314 14.8195 12.8195 15.4314 12.436 16.184C12.1887 16.6694 12.0901 17.1861 12.0442 17.7482C12 18.2894 12 18.9537 12 19.7587L12 21H8.8C7.94342 21 7.36113 20.9992 6.91104 20.9624C6.47262 20.9266 6.24842 20.8617 6.09202 20.782C5.7157 20.5903 5.40973 20.2843 5.21799 19.908C5.1383 19.7516 5.07337 19.5274 5.03755 19.089C5.00078 18.6389 5 18.0566 5 17.2V6.8C5 5.94342 5.00078 5.36113 5.03755 4.91104C5.07337 4.47262 5.1383 4.24842 5.21799 4.09202C5.40973 3.7157 5.7157 3.40973 6.09202 3.21799ZM14.6988 19.887C14.3379 20.2479 14.1421 20.4398 14 20.56V19.8C14 18.9434 14.0008 18.3611 14.0376 17.911C14.0734 17.4726 14.1383 17.2484 14.218 17.092C14.4097 16.7157 14.7157 16.4097 15.092 16.218C15.2484 16.1383 15.4726 16.0734 15.911 16.0376C16.3611 16.0008 16.9434 16 17.8 16H18.56C18.4398 16.1421 18.2479 16.3379 17.887 16.6988L14.6988 19.887Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-docx {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7587 1L15.2413 1C16.0463 0.999988 16.7106 0.999978 17.2518 1.04419C17.8139 1.09012 18.3306 1.18868 18.816 1.43598C19.5686 1.81947 20.1805 2.43139 20.564 3.18404C20.8113 3.66937 20.9099 4.18608 20.9558 4.74818C21 5.28936 21 5.95372 21 6.75868L21 14.1136C21.0003 14.7486 21.0006 15.2284 20.8895 15.6911C20.7915 16.0993 20.6299 16.4895 20.4106 16.8474C20.1619 17.2531 19.8225 17.5922 19.3733 18.041L16.041 21.3733C15.5922 21.8225 15.2531 22.1619 14.8474 22.4106C14.4895 22.6299 14.0993 22.7915 13.6911 22.8895C13.2284 23.0006 12.7486 23.0003 12.1136 23L8.75868 23C7.95372 23 7.28937 23 6.74818 22.9558C6.18608 22.9099 5.66937 22.8113 5.18404 22.564C4.43139 22.1805 3.81947 21.5686 3.43598 20.816C3.18868 20.3306 3.09012 19.8139 3.04419 19.2518C2.99998 18.7106 2.99999 18.0463 3 17.2413L3 6.75869C2.99999 5.95372 2.99998 5.28937 3.04419 4.74818C3.09012 4.18608 3.18868 3.66937 3.43598 3.18404C3.81947 2.43139 4.43139 1.81947 5.18404 1.43598C5.66937 1.18868 6.18608 1.09012 6.74818 1.04419C7.28937 0.999978 7.95374 0.999988 8.7587 1ZM6.09202 3.21799C6.24842 3.1383 6.47262 3.07337 6.91104 3.03755C7.36113 3.00078 7.94342 3 8.8 3H15.2C16.0566 3 16.6389 3.00078 17.089 3.03755C17.5274 3.07337 17.7516 3.1383 17.908 3.21799C18.2843 3.40973 18.5903 3.7157 18.782 4.09202C18.8617 4.24842 18.9266 4.47262 18.9624 4.91104C18.9992 5.36113 19 5.94342 19 6.8V14L17.7587 14C16.9537 14 16.2894 14 15.7482 14.0442C15.1861 14.0901 14.6694 14.1887 14.184 14.436C13.4314 14.8195 12.8195 15.4314 12.436 16.184C12.1887 16.6694 12.0901 17.1861 12.0442 17.7482C12 18.2894 12 18.9537 12 19.7587L12 21H8.8C7.94342 21 7.36113 20.9992 6.91104 20.9624C6.47262 20.9266 6.24842 20.8617 6.09202 20.782C5.7157 20.5903 5.40973 20.2843 5.21799 19.908C5.1383 19.7516 5.07337 19.5274 5.03755 19.089C5.00078 18.6389 5 18.0566 5 17.2V6.8C5 5.94342 5.00078 5.36113 5.03755 4.91104C5.07337 4.47262 5.1383 4.24842 5.21799 4.09202C5.40973 3.7157 5.7157 3.40973 6.09202 3.21799ZM14.6988 19.887C14.3379 20.2479 14.1421 20.4398 14 20.56V19.8C14 18.9434 14.0008 18.3611 14.0376 17.911C14.0734 17.4726 14.1383 17.2484 14.218 17.092C14.4097 16.7157 14.7157 16.4097 15.092 16.218C15.2484 16.1383 15.4726 16.0734 15.911 16.0376C16.3611 16.0008 16.9434 16 17.8 16H18.56C18.4398 16.1421 18.2479 16.3379 17.887 16.6988L14.6988 19.887Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-jpeg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M7.99988 7C6.89531 7 5.99988 7.89543 5.99988 9C5.99988 10.1046 6.89531 11 7.99988 11H8.00988C9.11445 11 10.0099 10.1046 10.0099 9C10.0099 7.89543 9.11445 7 8.00988 7H7.99988Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.03136 2L16.9684 2C17.8154 1.99999 18.5127 1.99998 19.0786 2.04722C19.665 2.09618 20.2035 2.20128 20.7036 2.4667C21.4766 2.87691 22.0938 3.52928 22.4605 4.32383C22.6977 4.83794 22.7728 5.38146 22.7892 5.96966C22.8049 6.53718 22.7662 7.23335 22.7193 8.07883L22.248 16.5617C22.2056 17.3253 22.1705 17.9572 22.1006 18.4714C22.0278 19.0066 21.9083 19.4962 21.6527 19.953C21.2551 20.6637 20.65 21.2362 19.9183 21.5938C19.448 21.8236 18.9525 21.9158 18.4141 21.9587C17.8967 22 17.264 22 16.4991 22H7.50064C7.16996 22 6.86399 22 6.58136 21.9967C6.51695 22.0019 6.45208 22.001 6.3877 21.9938C6.09406 21.9883 5.82729 21.978 5.58568 21.9587C5.04723 21.9158 4.55178 21.8236 4.08147 21.5938C3.34978 21.2362 2.74467 20.6637 2.34704 19.953C2.09145 19.4962 1.97194 19.0066 1.89918 18.4714C1.82927 17.9571 1.79418 17.3254 1.75177 16.5616L1.28052 8.07921C1.23353 7.23355 1.19483 6.53726 1.21062 5.96966C1.22697 5.38146 1.30204 4.83794 1.53931 4.32383C1.90601 3.52928 2.52314 2.87691 3.29613 2.4667C3.79628 2.20128 4.3348 2.09618 4.92119 2.04722C5.48704 1.99998 6.18441 1.99999 7.03136 2ZM16.4591 20H8.73647L14.6173 13.4273C14.8249 13.1952 14.9402 13.0677 15.0301 12.9826L15.0408 12.9726L15.0519 12.982C15.1465 13.0619 15.2686 13.1829 15.4887 13.4031L20.1376 18.0519C20.1316 18.1037 20.1254 18.1536 20.1188 18.202C20.0626 18.6158 19.9905 18.8278 19.9073 18.9765C19.7085 19.3319 19.406 19.6181 19.0401 19.7969C18.887 19.8717 18.6713 19.9319 18.255 19.9651C17.8266 19.9993 17.2741 20 16.4591 20ZM20.72 8.01079L20.3097 15.3956L16.8796 11.9655C16.6917 11.7776 16.5098 11.5956 16.3436 11.455C16.162 11.3014 15.9299 11.1355 15.6265 11.0425C15.2082 10.9142 14.7594 10.9266 14.3488 11.0779C14.0511 11.1876 13.8286 11.3661 13.6558 11.5296C13.4976 11.6792 13.3261 11.871 13.1489 12.069L6.06711 19.984C5.9517 19.9792 5.84483 19.9731 5.74473 19.9651C5.32844 19.9319 5.11275 19.8717 4.95966 19.7969C4.59381 19.6181 4.29126 19.3319 4.09244 18.9765C4.00924 18.8278 3.9372 18.6158 3.88095 18.202C3.82306 17.7761 3.79167 17.2244 3.74647 16.4108L3.2798 8.01078C3.22987 7.11205 3.19666 6.49947 3.20984 6.02526C3.22272 5.56216 3.27961 5.3258 3.35524 5.16192C3.53859 4.76464 3.84716 4.43846 4.23365 4.23335C4.39308 4.14875 4.62593 4.07883 5.0876 4.04029C5.56035 4.00082 6.17383 4 7.07395 4H16.9258C17.8259 4 18.4394 4.00082 18.9122 4.04029C19.3738 4.07883 19.6067 4.14875 19.7661 4.23335C20.1526 4.43846 20.4612 4.76464 20.6445 5.16192C20.7202 5.3258 20.777 5.56216 20.7899 6.02526C20.8031 6.49947 20.7699 7.11205 20.72 8.01079Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-excel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.7587 2H16.2413C17.0463 1.99999 17.7106 1.99998 18.2518 2.04419C18.8139 2.09012 19.3306 2.18868 19.816 2.43598C20.5686 2.81947 21.1805 3.43139 21.564 4.18404C21.8113 4.66937 21.9099 5.18608 21.9558 5.74818C22 6.28937 22 6.95372 22 7.75868V16.2413C22 17.0463 22 17.7106 21.9558 18.2518C21.9099 18.8139 21.8113 19.3306 21.564 19.816C21.1805 20.5686 20.5686 21.1805 19.816 21.564C19.3306 21.8113 18.8139 21.9099 18.2518 21.9558C17.7106 22 17.0463 22 16.2413 22H7.75868C6.95372 22 6.28936 22 5.74818 21.9558C5.18608 21.9099 4.66937 21.8113 4.18404 21.564C3.43139 21.1805 2.81947 20.5686 2.43598 19.816C2.18868 19.3306 2.09012 18.8139 2.04419 18.2518C1.99998 17.7106 1.99999 17.0463 2 16.2413V7.7587C1.99999 6.95374 1.99998 6.28937 2.04419 5.74818C2.09012 5.18608 2.18868 4.66937 2.43598 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43598C4.66937 2.18868 5.18608 2.09012 5.74818 2.04419C6.28937 1.99998 6.95374 1.99999 7.7587 2ZM5.91104 4.03755C5.47262 4.07337 5.24842 4.1383 5.09202 4.21799C4.7157 4.40973 4.40973 4.7157 4.21799 5.09202C4.1383 5.24842 4.07337 5.47262 4.03755 5.91104C4.00078 6.36113 4 6.94342 4 7.8V8L8 8V4H7.8C6.94342 4 6.36113 4.00078 5.91104 4.03755ZM8 10L4 10V14L8 14V10ZM10 10L20 10V14L10 14V10ZM20 8L10 8V4H16.2C17.0566 4 17.6389 4.00078 18.089 4.03755C18.5274 4.07337 18.7516 4.1383 18.908 4.21799C19.2843 4.40973 19.5903 4.7157 19.782 5.09202C19.8617 5.24842 19.9266 5.47262 19.9624 5.91104C19.9992 6.36113 20 6.94342 20 7.8V8ZM4 16.2V16L8 16L8 20H7.8C6.94342 20 6.36113 19.9992 5.91104 19.9624C5.47262 19.9266 5.24842 19.8617 5.09202 19.782C4.7157 19.5903 4.40973 19.2843 4.21799 18.908C4.1383 18.7516 4.07337 18.5274 4.03755 18.089C4.00078 17.6389 4 17.0566 4 16.2ZM16.2 20H10L10 16L20 16V16.2C20 17.0566 19.9992 17.6389 19.9624 18.089C19.9266 18.5274 19.8617 18.7516 19.782 18.908C19.5903 19.2843 19.2843 19.5903 18.908 19.782C18.7516 19.8617 18.5274 19.9266 18.089 19.9624C17.6389 19.9992 17.0566 20 16.2 20Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-scorm {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 5.92487 18.0751 1 12 1C5.92487 1 0.999999 5.92487 0.999999 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12ZM9.54984 3.33754C6.08005 4.31701 3.46117 7.32507 3.05493 11L7.02431 11C7.15911 8.25816 7.84235 6.23479 8.67862 4.70647C8.9585 4.19499 9.25609 3.74015 9.54984 3.33754ZM3.05493 13L7.02451 13C7.1603 15.736 7.84802 17.7215 8.68769 19.2297C8.98653 19.7665 9.31509 20.2534 9.63736 20.6867C6.12415 19.7334 3.46458 16.7058 3.05493 13ZM14.3627 20.6867C17.8759 19.7334 20.5354 16.7057 20.9451 13L16.9755 13C16.8397 15.736 16.152 17.7215 15.3123 19.2297C15.0135 19.7665 14.6849 20.2534 14.3627 20.6867ZM20.9451 11L16.9757 11C16.8409 8.25818 16.1577 6.23482 15.3214 4.7065C15.0415 4.195 14.7439 3.74015 14.4502 3.33754C17.9199 4.31701 20.5388 7.32507 20.9451 11ZM10.4351 18.2568C9.75741 17.0395 9.15938 15.3825 9.02725 13L14.9727 13C14.8406 15.3826 14.2426 17.0395 13.5649 18.2569C13.0401 19.1995 12.5041 19.8441 12 20.433C11.4959 19.8441 10.9599 19.1995 10.4351 18.2568ZM9.027 11L14.973 11C14.8416 8.60444 14.245 6.9059 13.5669 5.66654C13.0572 4.73506 12.5032 4.05598 12 3.49126C11.4968 4.05598 10.9428 4.73504 10.4331 5.66651C9.75497 6.90588 9.15839 8.60444 9.027 11Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-longread {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M6.5 19C5.94772 19 5.5 18.5523 5.5 18C5.5 17.4477 5.94772 17 6.5 17H17.5C18.0523 17 18.5 17.4477 18.5 18C18.5 18.5523 18.0523 19 17.5 19H6.5Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath d='M6.5 16C5.94772 16 5.5 15.5523 5.5 15C5.5 14.4477 5.94772 14 6.5 14H17.5C18.0523 14 18.5 14.4477 18.5 15C18.5 15.5523 18.0523 16 17.5 16H6.5Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath d='M6.5 13C5.94772 13 5.5 12.5523 5.5 12C5.5 11.4477 5.94772 11 6.5 11H17.5C18.0523 11 18.5 11.4477 18.5 12C18.5 12.5523 18.0523 13 17.5 13H6.5Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath d='M6.5 10C5.94772 10 5.5 9.55229 5.5 9.00001C5.5 8.44772 5.94772 8.00001 6.5 8.00001H17.5C18.0523 8.00001 18.5 8.44772 18.5 9.00001C18.5 9.55229 18.0523 10 17.5 10H6.5Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 22C0.447715 22 0 21.5523 0 21C0 20.4477 0.447715 20 1 20H2L2 4.56811C1.99997 4.31573 1.99994 4.06994 2.01695 3.86178C2.03562 3.63318 2.07969 3.36345 2.21799 3.09203C2.40973 2.7157 2.71569 2.40974 3.09202 2.21799C3.36344 2.0797 3.63318 2.03563 3.86177 2.01695C4.06989 1.99995 4.31563 1.99998 4.56797 2L19.4319 2C19.6842 1.99998 19.9301 1.99995 20.1382 2.01695C20.3668 2.03563 20.6366 2.0797 20.908 2.21799C21.2843 2.40974 21.5903 2.7157 21.782 3.09203C21.9203 3.36345 21.9644 3.63318 21.9831 3.86178C22.0001 4.0699 22 4.31564 22 4.56797L22 20H23C23.5523 20 24 20.4477 24 21C24 21.5523 23.5523 22 23 22H1ZM4 4.60001V20H20V4.60001C20 4.30348 19.9992 4.14123 19.9897 4.02464L19.9886 4.01147L19.9754 4.01031C19.8588 4.00079 19.6965 4.00001 19.4 4.00001H4.6C4.30347 4.00001 4.14122 4.00079 4.02463 4.01031L4.01145 4.01147L4.0103 4.02464C4.00078 4.14123 4 4.30348 4 4.60001Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-pptx {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M8.25924 11.6507L10.3563 9.20415L12.5711 12.8955C12.9574 13.5393 13.8609 13.6155 14.3495 13.0454L17.2592 9.65074C17.6187 9.23141 17.5701 8.60011 17.1508 8.24069C16.7315 7.88127 16.1002 7.92983 15.7407 8.34915L13.6437 10.7957L11.4289 7.10442C11.0426 6.4606 10.1391 6.38443 9.65044 6.95449L6.74073 10.3492C6.38131 10.7685 6.42987 11.3998 6.8492 11.7592C7.26852 12.1186 7.89982 12.0701 8.25924 11.6507Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 1C13 0.447715 12.5523 0 12 0C11.4477 0 11 0.447715 11 1L5 1C3.89543 1 3 1.89543 3 3L3 17.9C3 18.5075 3.49249 19 4.1 19H6.11257L5.05132 22.1838C4.87667 22.7077 5.15983 23.274 5.68377 23.4487C6.20772 23.6233 6.77404 23.3402 6.94868 22.8162L8.22076 19H11V21.5C11 22.0523 11.4477 22.5 12 22.5C12.5523 22.5 13 22.0523 13 21.5V19H15.7792L17.0513 22.8162C17.226 23.3402 17.7923 23.6233 18.3162 23.4487C18.8402 23.274 19.1233 22.7077 18.9487 22.1838L17.8874 19H19.9C20.5075 19 21 18.5075 21 17.9V3C21 1.89543 20.1046 1 19 1L13 1ZM5 17V3L19 3V17H16.5233C16.5079 16.9996 16.4924 16.9996 16.477 17H7.52305C7.50755 16.9996 7.49209 16.9996 7.47667 17H5Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-audio {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M5 11C5 7.13401 8.13401 4 12 4C15.866 4 19 7.13401 19 11V11.5C20.1046 11.5 21 12.3954 21 13.5V17.5C21 18.6046 20.1046 19.5 19 19.5C17.8954 19.5 17 18.6046 17 17.5V11C17 8.23858 14.7614 6 12 6C9.23858 6 7 8.23858 7 11V17.5C7 18.6046 6.10457 19.5 5 19.5C3.89543 19.5 3 18.6046 3 17.5V13.5C3 12.3954 3.89543 11.5 5 11.5V11Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-webinar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7587 4H11.2413C12.0463 3.99999 12.7106 3.99998 13.2518 4.04419C13.8139 4.09012 14.3306 4.18868 14.816 4.43597C15.5686 4.81947 16.1805 5.43139 16.564 6.18404C16.8113 6.66937 16.9099 7.18608 16.9558 7.74817C16.9719 7.9448 16.9821 8.15768 16.9886 8.38766L19.274 7.24494C19.6257 7.0691 19.9483 6.90774 20.2221 6.80078C20.5042 6.69063 20.8761 6.57802 21.2923 6.63951C21.8365 6.71992 22.3236 7.02095 22.6389 7.47175C22.8801 7.81654 22.9457 8.19957 22.9733 8.50107C23.0001 8.79381 23 9.15454 23 9.54766V14.4523C23 14.8455 23.0001 15.2062 22.9733 15.4989C22.9457 15.8004 22.8801 16.1835 22.6389 16.5282C22.3236 16.9791 21.8365 17.2801 21.2923 17.3605C20.8761 17.422 20.5042 17.3094 20.2221 17.1992C19.9483 17.0923 19.6257 16.9309 19.2741 16.7551L16.9886 15.6123C16.9821 15.8423 16.9719 16.0552 16.9558 16.2518C16.9099 16.8139 16.8113 17.3306 16.564 17.816C16.1805 18.5686 15.5686 19.1805 14.816 19.564C14.3306 19.8113 13.8139 19.9099 13.2518 19.9558C12.7106 20 12.0463 20 11.2413 20H6.75873C5.95374 20 5.28938 20 4.74818 19.9558C4.18608 19.9099 3.66937 19.8113 3.18404 19.564C2.43139 19.1805 1.81947 18.5686 1.43597 17.816C1.18868 17.3306 1.09012 16.8139 1.04419 16.2518C0.999977 15.7106 0.999988 15.0463 1 14.2413L1 9.7587C0.999988 8.95373 0.999977 8.28937 1.04419 7.74818C1.09012 7.18608 1.18868 6.66937 1.43597 6.18404C1.81947 5.43139 2.43139 4.81947 3.18404 4.43597C3.66937 4.18868 4.18608 4.09012 4.74817 4.04419C5.28937 3.99998 5.95373 3.99999 6.7587 4ZM15 14.2C15 15.0566 14.9992 15.6389 14.9624 16.089C14.9266 16.5274 14.8617 16.7516 14.782 16.908C14.5903 17.2843 14.2843 17.5903 13.908 17.782C13.7516 17.8617 13.5274 17.9266 13.089 17.9624C12.6389 17.9992 12.0566 18 11.2 18H6.8C5.94342 18 5.36113 17.9992 4.91104 17.9624C4.47262 17.9266 4.24842 17.8617 4.09202 17.782C3.7157 17.5903 3.40973 17.2843 3.21799 16.908C3.1383 16.7516 3.07337 16.5274 3.03755 16.089C3.00078 15.6389 3 15.0566 3 14.2V9.8C3 8.94342 3.00078 8.36113 3.03755 7.91104C3.07337 7.47262 3.1383 7.24842 3.21799 7.09202C3.40973 6.7157 3.7157 6.40973 4.09202 6.21799C4.24842 6.1383 4.47262 6.07337 4.91104 6.03755C5.36113 6.00078 5.94342 6 6.8 6H11.2C12.0566 6 12.6389 6.00078 13.089 6.03755C13.5274 6.07337 13.7516 6.1383 13.908 6.21799C14.2843 6.40973 14.5903 6.7157 14.782 7.09202C14.8617 7.24842 14.9266 7.47262 14.9624 7.91104C14.9992 8.36113 15 14.2 15 14.2ZM17 13.382L20.1317 14.9478C20.5325 15.1482 20.7719 15.2668 20.9498 15.3363C20.96 15.3403 20.9696 15.3439 20.9785 15.3472C20.9796 15.3378 20.9806 15.3276 20.9816 15.3166C20.999 15.1264 21 14.8593 21 14.4111V9.58886C21 9.14074 20.999 8.87357 20.9816 8.68336C20.9806 8.67242 20.9796 8.66223 20.9785 8.65276C20.9696 8.65608 20.96 8.65972 20.9498 8.66371C20.7719 8.7332 20.5325 8.85179 20.1317 9.0522L17 10.618V13.382Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-event {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.56743 2C8.31505 1.99997 8.06925 1.99994 7.8611 2.01694C7.6325 2.03562 7.36277 2.07969 7.09135 2.21799C6.71502 2.40973 6.40906 2.71569 6.21731 3.09202C6.07902 3.36344 6.03495 3.63318 6.01627 3.86177C5.99927 4.06992 5.99929 4.31571 5.99933 4.56809L5.99933 6L4.1843 6C3.91462 5.99997 3.65398 5.99993 3.43446 6.01837C3.19501 6.03848 2.91022 6.08601 2.62741 6.23782C2.23808 6.4468 1.92892 6.77883 1.74821 7.18206C1.61694 7.47497 1.58982 7.76242 1.58682 8.00269C1.58407 8.22297 1.60267 8.48295 1.62192 8.75194L2.18626 16.6527C2.23995 17.4046 2.2844 18.027 2.36113 18.5335C2.44104 19.0609 2.56606 19.5427 2.82371 19.9915C3.22489 20.6903 3.82776 21.2517 4.55338 21.6021C5.01937 21.8271 5.50886 21.9174 6.04068 21.9596C6.55138 22 7.17531 22 7.92912 22L16.0695 22C16.8233 22 17.4473 22 17.958 21.9596C18.4898 21.9174 18.9793 21.8271 19.4453 21.6021C20.1709 21.2517 20.7738 20.6903 21.175 19.9915C21.4326 19.5427 21.5576 19.0609 21.6375 18.5335C21.7143 18.027 21.7587 17.4046 21.8124 16.6528L22.3767 8.75194C22.396 8.48295 22.4146 8.22297 22.4118 8.00269C22.4088 7.76242 22.3817 7.47497 22.2504 7.18206C22.0697 6.77883 21.7606 6.4468 21.3712 6.23782C21.0884 6.08601 20.8036 6.03848 20.5642 6.01837C20.3447 5.99994 20.084 5.99997 19.8144 6L17.9993 6L17.9993 4.56812C17.9994 4.31574 17.9994 4.06992 17.9824 3.86177C17.9637 3.63318 17.9196 3.36344 17.7813 3.09202C17.5896 2.71569 17.2836 2.40973 16.9073 2.21799C16.6359 2.07969 16.3662 2.03562 16.1376 2.01695C15.9294 1.99994 15.6836 1.99997 15.4312 2L8.56743 2ZM15.9993 6L7.99933 6L7.99933 4.6C7.99933 4.30347 8.00011 4.14122 8.00963 4.02463L8.01078 4.01145L8.02396 4.0103C8.14055 4.00078 8.3028 4 8.59933 4L15.3993 4C15.6959 4 15.8581 4.00078 15.9747 4.0103L15.9879 4.01145L15.989 4.02463C15.9986 4.14122 15.9993 4.30347 15.9993 4.6L15.9993 6ZM3.58666 8.02764L3.58693 8.01269L3.60183 8.01136C3.72724 8.00082 3.902 8 4.21769 8L19.781 8C20.0967 8 20.2714 8.00082 20.3968 8.01136L20.4117 8.01269L20.412 8.02764C20.4136 8.15349 20.4019 8.32786 20.3794 8.64275L19.9254 15L12.9993 15L12.9993 14C12.9993 13.4477 12.5516 13 11.9993 13C11.447 13 10.9993 13.4477 10.9993 14L10.9993 15L4.0733 15L3.61921 8.64275C3.59672 8.32786 3.58509 8.15349 3.58666 8.02764ZM4.21671 17L19.7819 17C19.7429 17.5231 19.7085 17.9145 19.6601 18.2339C19.5985 18.6407 19.5246 18.8493 19.4405 18.9958C19.2399 19.3452 18.9384 19.6258 18.5756 19.801C18.4235 19.8745 18.2102 19.9333 17.8001 19.9658C17.3777 19.9993 16.8333 20 16.03 20L7.9687 20C7.16535 20 6.62097 19.9993 6.1986 19.9658C5.78842 19.9333 5.57513 19.8745 5.42303 19.801C5.06022 19.6258 4.75879 19.3452 4.55819 18.9958C4.4741 18.8493 4.4002 18.6407 4.33857 18.2339C4.29019 17.9145 4.25572 17.5231 4.21671 17Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-rate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5007 1.28C11.8141 1.12053 12.1849 1.12053 12.4983 1.28C12.8067 1.4369 12.9434 1.69942 12.9745 1.75919L12.9768 1.7636C13.0144 1.83539 13.0485 1.91771 13.066 1.96006C13.0677 1.96415 13.0692 1.96786 13.0706 1.97116L15.5978 8.04738L22.1576 8.57327C22.1612 8.57356 22.1652 8.57387 22.1696 8.57422C22.2153 8.5778 22.3041 8.58475 22.384 8.59834L22.3889 8.59917C22.4553 8.61028 22.7473 8.65912 22.9918 8.90392C23.2403 9.15273 23.3549 9.50536 23.3001 9.85273C23.2461 10.1945 23.0387 10.4056 22.9915 10.4536L22.988 10.4572C22.9313 10.5151 22.8636 10.573 22.8287 10.6027C22.8253 10.6056 22.8223 10.6082 22.8196 10.6105L17.8217 14.8917L19.3486 21.293C19.3494 21.2964 19.3504 21.3003 19.3514 21.3046C19.3621 21.3492 19.383 21.4358 19.3947 21.516L19.3955 21.5209C19.4054 21.5876 19.4492 21.8803 19.2919 22.1885C19.1321 22.5017 18.8321 22.7197 18.4848 22.7749C18.1431 22.8292 17.8782 22.6971 17.818 22.6671L17.8135 22.6649C17.7409 22.6289 17.6649 22.5823 17.6258 22.5583C17.6221 22.556 17.6187 22.5539 17.6156 22.5521L11.9995 19.1218L6.38344 22.5521C6.3804 22.5539 6.37697 22.556 6.37321 22.5583C6.33415 22.5823 6.25819 22.6289 6.18555 22.6649L6.1811 22.6671C6.12081 22.6971 5.85595 22.8292 5.51424 22.7749C5.16694 22.7197 4.86697 22.5017 4.70713 22.1885C4.54987 21.8803 4.59363 21.5876 4.60359 21.5209L4.60432 21.516C4.61609 21.4358 4.63692 21.3492 4.64764 21.3047C4.64867 21.3004 4.64961 21.2964 4.65044 21.293L6.17737 14.8917L1.1795 10.6105C1.1768 10.6082 1.17374 10.6056 1.17038 10.6027C1.13553 10.573 1.06775 10.5152 1.01108 10.4572L1.00761 10.4536C0.960381 10.4056 0.752929 10.1945 0.699002 9.85273C0.644193 9.50536 0.75877 9.15273 1.00729 8.90392C1.2518 8.65912 1.5437 8.61029 1.61016 8.59917L1.61506 8.59834C1.69497 8.58475 1.7838 8.5778 1.82949 8.57422C1.83389 8.57387 1.8379 8.57356 1.84145 8.57327L8.40124 8.04738L10.9285 1.97116C10.9298 1.96787 10.9314 1.96417 10.9331 1.96009C10.9506 1.91775 10.9847 1.83541 11.0223 1.7636L11.0246 1.75919C11.0557 1.69943 11.1923 1.4369 11.5007 1.28ZM11.9995 4.60396L10.0508 9.28917L10.0501 9.29102C10.0459 9.3013 10.0286 9.34328 10.0087 9.38387C9.98197 9.4383 9.93172 9.53117 9.84582 9.6285C9.73895 9.74957 9.60674 9.84562 9.45857 9.90985C9.33946 9.96147 9.23561 9.98056 9.17559 9.98913C9.13084 9.99552 9.08558 9.99898 9.0745 9.99983L9.07249 9.99998L4.01442 10.4055L7.86814 13.7066C7.8725 13.7103 7.91008 13.742 7.94517 13.776C7.98869 13.8182 8.06148 13.8947 8.1275 14.0065C8.20962 14.1455 8.26012 14.3009 8.27541 14.4617C8.28771 14.5909 8.27377 14.6956 8.26337 14.7553C8.25499 14.8035 8.24317 14.8511 8.24183 14.8567L7.06446 19.7925L11.3949 17.1475C11.3998 17.1445 11.4415 17.1186 11.4847 17.0957C11.5383 17.0674 11.6335 17.0218 11.7602 16.9935C11.9178 16.9584 12.0812 16.9584 12.2389 16.9935C12.3656 17.0218 12.4608 17.0674 12.5144 17.0957C12.5544 17.1169 12.593 17.1407 12.6025 17.1465L12.6042 17.1475L16.9346 19.7925L15.7572 14.8567C15.7559 14.8511 15.7441 14.8035 15.7357 14.7553C15.7253 14.6956 15.7114 14.5909 15.7236 14.4617C15.7389 14.3009 15.7894 14.1455 15.8716 14.0065C15.9376 13.8947 16.0104 13.8182 16.0539 13.776C16.0863 13.7445 16.1209 13.7151 16.1294 13.7079L16.1309 13.7066L19.9846 10.4055L14.9266 9.99998L14.9246 9.99983C14.9135 9.99898 14.8682 9.99552 14.8235 9.98913C14.7634 9.98056 14.6596 9.96147 14.5405 9.90985C14.3923 9.84562 14.2601 9.74957 14.1532 9.6285C14.0673 9.53117 14.0171 9.4383 13.9904 9.38387C13.9705 9.34328 13.9532 9.3013 13.949 9.29102L13.9482 9.28917L11.9995 4.60396Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15H9C9.55228 15 10 15.4477 10 16C10 16.5523 9.55228 17 9 17H6C3.23858 17 1 14.7614 1 12C1 9.23858 3.23858 7 6 7H9C9.55228 7 10 7.44772 10 8C10 8.55228 9.55228 9 9 9H6ZM14 8C14 7.44772 14.4477 7 15 7H18C20.7614 7 23 9.23858 23 12C23 14.7614 20.7614 17 18 17H15C14.4477 17 14 16.5523 14 16C14 15.4477 14.4477 15 15 15H18C19.6569 15 21 13.6569 21 12C21 10.3431 19.6569 9 18 9H15C14.4477 9 14 8.55228 14 8ZM7.5 12C7.5 11.4477 7.94772 11 8.5 11H15.5C16.0523 11 16.5 11.4477 16.5 12C16.5 12.5523 16.0523 13 15.5 13H8.5C7.94772 13 7.5 12.5523 7.5 12Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-test {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M8 6C7.44772 6 7 6.44772 7 7C7 7.55228 7.44772 8 8 8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H8Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath d='M8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12H11C11.5523 12 12 11.5523 12 11C12 10.4477 11.5523 10 11 10H8Z' fill='%238B8B8B' %3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.56811 1L12.2413 1C13.0463 0.999992 13.7106 0.999981 14.2518 1.0442C14.8139 1.09012 15.3306 1.18869 15.816 1.43598C16.1174 1.58959 16.3963 1.77984 16.647 2.00111C16.6627 2.00038 16.6785 2.00001 16.6944 2.00001L16.7365 2C16.9793 1.99996 17.1591 1.99993 17.3196 2.0128C19.2765 2.16968 20.8303 3.72349 20.9872 5.68037C21.0001 5.84086 21 6.02068 21 6.26351L21 16.2413C21 17.0463 21 17.7106 20.9558 18.2518C20.9099 18.8139 20.8113 19.3306 20.564 19.816C20.1805 20.5686 19.5686 21.1805 18.816 21.564C18.3306 21.8113 17.8139 21.9099 17.2518 21.9558C16.7106 22 16.0463 22 15.2413 22H8.75868C7.95372 22 7.28936 22 6.74817 21.9558C6.18608 21.9099 5.66937 21.8113 5.18404 21.564C4.43139 21.1805 3.81947 20.5686 3.43597 19.816C3.24118 19.4337 3.13867 19.0319 3.08148 18.6038C3.05758 18.4682 3.04174 18.3317 3.03057 18.195C2.99997 17.8205 2.99999 17.3657 3 16.8385L3 14.8421L3 14.8392L3 3.56811C2.99997 3.31573 2.99994 3.06993 3.01695 2.86178C3.03563 2.63318 3.07969 2.36345 3.21799 2.09202C3.40974 1.7157 3.7157 1.40974 4.09202 1.21799C4.36345 1.07969 4.63318 1.03563 4.86178 1.01695C5.06993 0.999943 5.31573 0.999973 5.56811 1ZM17.9558 4.74818C17.9407 4.56364 17.92 4.384 17.8902 4.20875C18.5029 4.51353 18.9361 5.12267 18.9936 5.84019C18.9992 5.90992 19 6.00245 19 6.30557V16.2C19 17.0566 18.9992 17.6389 18.9624 18.089C18.9266 18.5274 18.8617 18.7516 18.782 18.908C18.5903 19.2843 18.2843 19.5903 17.908 19.782C17.7516 19.8617 17.5274 19.9266 17.089 19.9625C16.9586 19.9731 16.8173 19.9807 16.6613 19.9862C17.0301 19.6575 17.3371 19.2614 17.564 18.816C17.8113 18.3306 17.9099 17.8139 17.9558 17.2518C18 16.7106 18 16.0463 18 15.2413V6.75873C18 5.95375 18 5.28938 17.9558 4.74818ZM5.109 18.454C5.09441 18.4254 5.07563 18.3795 5.05809 18.2932C5.05046 18.2308 5.04359 18.1629 5.03755 18.089C5.00206 17.6545 5.0001 17.0969 5.00001 16.2883V3.60001C5.00001 3.30348 5.00078 3.14122 5.01031 3.02464L5.01145 3.01145L5.02464 3.01031C5.14122 3.00078 5.30348 3.00001 5.60001 3.00001H12.2C13.0566 3.00001 13.6389 3.00078 14.089 3.03756C14.5274 3.07338 14.7516 3.1383 14.908 3.21799C15.2843 3.40974 15.5903 3.7157 15.782 4.09202C15.8617 4.24842 15.9266 4.47263 15.9625 4.91104C15.9992 5.36113 16 5.94343 16 6.8V15.2C16 16.0566 15.9992 16.6389 15.9625 17.089C15.9266 17.5274 15.8617 17.7516 15.782 17.908C15.5903 18.2843 15.2843 18.5903 14.908 18.782C14.7516 18.8617 14.5274 18.9266 14.089 18.9625C13.6389 18.9992 13.0566 19 12.2 19H7.20001C6.62345 19 6.25118 18.9992 5.96784 18.9761C5.69618 18.9539 5.59546 18.9162 5.54601 18.891C5.35785 18.7951 5.20487 18.6422 5.109 18.454Z' fill='%238B8B8B' %3E%3C/path%3E%3C/svg%3E");
}

.icon-mat-unit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.35011 4.66863C5.31425 4.66682 5.26484 4.66662 5.16657 4.66662H2.47298C2.2634 4.66662 2.14746 4.66717 2.06426 4.67415C2.06078 4.67444 2.0575 4.67473 2.05441 4.67503C2.05432 4.67813 2.05425 4.68143 2.05419 4.68491C2.05276 4.7684 2.05993 4.88411 2.07387 5.09323L2.59831 12.9599C2.61071 13.1459 2.61791 13.2465 2.62849 13.3186C2.62889 13.3213 2.62929 13.3239 2.62967 13.3264C2.63215 13.3266 2.63477 13.3268 2.63753 13.327C2.71013 13.3328 2.81106 13.3333 2.99743 13.3333H13.018C13.2017 13.3333 13.3009 13.3328 13.3722 13.3272C13.3749 13.327 13.3775 13.3268 13.3799 13.3265C13.3803 13.3242 13.3807 13.3216 13.3811 13.319C13.3927 13.2483 13.4014 13.1495 13.4166 12.9665L13.9055 7.09984C13.9232 6.88793 13.9324 6.77033 13.9324 6.6854C13.9323 6.68181 13.9323 6.67842 13.9323 6.67523C13.9291 6.67492 13.9257 6.67462 13.9222 6.67432C13.8375 6.66718 13.7196 6.66662 13.5069 6.66662H7.83244C7.81997 6.66662 7.80715 6.66666 7.79402 6.6667C7.65177 6.66713 7.47271 6.66766 7.29868 6.62084C7.1479 6.58027 7.00542 6.51354 6.87773 6.42367C6.73035 6.31995 6.61612 6.18205 6.52539 6.07251C6.51701 6.06239 6.50884 6.05252 6.50085 6.04294L5.47386 4.81055C5.41094 4.73505 5.37916 4.69722 5.35481 4.67084L5.35291 4.66878L5.35011 4.66863ZM5.20499 3.33321C5.34723 3.33279 5.52629 3.33225 5.70032 3.37907C5.8511 3.41964 5.99359 3.48638 6.12128 3.57624C6.26866 3.67996 6.38288 3.81786 6.47362 3.92741C6.482 3.93752 6.49017 3.94739 6.49815 3.95697L7.52515 5.18936C7.58806 5.26486 7.61984 5.30269 7.64419 5.32908L7.6461 5.33113L7.6489 5.33128C7.68475 5.3331 7.73416 5.33329 7.83244 5.33329L13.5293 5.33329C13.7111 5.33327 13.8866 5.33325 14.0342 5.3457C14.195 5.35926 14.3866 5.39134 14.5764 5.49408C14.8374 5.63535 15.0437 5.85964 15.1628 6.13143C15.2495 6.3291 15.2655 6.52267 15.2657 6.68408C15.2658 6.83223 15.2512 7.00707 15.2361 7.18821L14.7437 13.0973C14.7308 13.2524 14.7181 13.4048 14.6971 13.5337C14.6738 13.6763 14.6332 13.8421 14.5369 14.0067C14.4023 14.2366 14.2019 14.421 13.9616 14.536C13.7895 14.6183 13.621 14.6451 13.4769 14.6564C13.3467 14.6667 13.1938 14.6666 13.0381 14.6666H2.97709C2.81897 14.6666 2.66394 14.6667 2.53202 14.6562C2.38633 14.6446 2.21555 14.6174 2.04173 14.5332C1.79925 14.4156 1.59806 14.2274 1.46468 13.9933C1.36907 13.8255 1.33053 13.6569 1.3093 13.5123C1.29008 13.3813 1.27978 13.2266 1.26928 13.0689L0.743488 5.18192C0.742995 5.17453 0.742502 5.16715 0.74201 5.15978C0.730082 4.98118 0.718549 4.80848 0.721047 4.66215C0.723773 4.50247 0.742655 4.31161 0.830512 4.1173C0.951521 3.84967 1.15752 3.62948 1.4165 3.49094C1.60454 3.39035 1.79372 3.35882 1.95287 3.34547C2.09871 3.33325 2.27179 3.33327 2.45079 3.33329C2.45818 3.33329 2.46558 3.33329 2.47298 3.33329H5.16657C5.17904 3.33329 5.19186 3.33325 5.20499 3.33321Z' fill='%238B8B8B'/%3E%3C/svg%3E");
}

.icon-mat-time {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.2814 4.58971C10.423 4.24985 10.2623 3.85953 9.92243 3.71792C9.58256 3.57631 9.19224 3.73703 9.05063 4.07689L7.5549 7.66664H5.33268C4.96449 7.66664 4.66602 7.96511 4.66602 8.3333C4.66602 8.70149 4.96449 8.99997 5.33268 8.99997H7.5549C8.09317 8.99997 8.57865 8.67632 8.78567 8.17946L10.2814 4.58971Z' fill='%238B8B8B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626ZM1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996Z' fill='%238B8B8B'/%3E%3C/svg%3E");
}

.input {
  display: flex;
  padding: 12px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #d1cfd7;
  background-color: #fff;
  font-size: 16px;
}
.input:focus-visible {
  outline: 1px solid #8000ff;
}