@charset "UTF-8";
/*responsive mixin*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wdth,wght@62.5..100,100..900&display=swap");
:root {
  --black: rgba(0, 0, 0, 1);
  --white: rgba(255, 255, 255, 1);
  --primary---primary100: rgba(125, 28, 0, 1);
  --primary---primary90: rgba(181, 46, 6, 1);
  --primary---primary80: rgba(223, 62, 15, 1);
  --primary---primary70: rgba(240, 82, 36, 1);
  --primary---primary60: rgba(237, 108, 71, 1);
  --primary---primary50: rgba(252, 187, 169, 1);
  --primary---primary40: rgba(255, 226, 213, 1);
  --primary---primary30: rgba(254, 238, 231, 1);
  --primary---primary20: rgba(255, 247, 244, 1);
  --primary---primary10: rgba(254, 251, 250, 1);
  --grayscale---gray100_111111: rgba(17, 17, 17, 1);
  --grayscale---gray90_333333: rgba(51, 51, 51, 1);
  --grayscale---gray80_555555: rgba(85, 85, 85, 1);
  --grayscale---gray70_777777: rgba(119, 119, 119, 1);
  --grayscale---gray60_999999: rgba(153, 153, 153, 1);
  --grayscale---gray50_bbbbbb: rgba(187, 187, 187, 1);
  --grayscale---gray40_dddddd: rgba(221, 221, 221, 1);
  --grayscale---gray30_e8e8e8: rgba(232, 232, 232, 1);
  --grayscale---gray20_f5f5f5: rgba(245, 245, 245, 1);
  --grayscale---gray10_f9f9f9: rgba(249, 249, 249, 1);
  --red---red100_6a0609: rgba(106, 6, 9, 1);
  --red---red90_951116: rgba(149, 17, 22, 1);
  --red---red80_b4151b: rgba(180, 21, 27, 1);
  --red---red70_e50f18: rgba(229, 15, 24, 1);
  --red---red60_e94a51: rgba(233, 74, 81, 1);
  --red---red50_f65e64: rgba(246, 94, 100, 1);
  --red---red40_ff8e93: rgba(255, 142, 147, 1);
  --red---red30_ffbabd: rgba(255, 186, 189, 1);
  --red---red20_ffdedf: rgba(255, 222, 223, 1);
  --red---red10_fff2f3: rgba(255, 242, 243, 1);
  --system---success_06a228: rgba(6, 162, 40, 1);
  --system---danger_e50f18: rgba(229, 15, 24, 1);
  --system---warning_ffbf3e: rgba(255, 191, 62, 1);
  /* Text-size styles */
  --headline---headline1: 32px;
  --headline---headline2: 28px;
  --headline---headline3: 24px;
  --title---title1: 20px;
  --title---title2: 18px;
  --title---title3: 16px;
  --title---title4: 14px;
  --subtitle---subtitle1: 18px;
  --subtitle---subtitle2: 16px;
  --subtitle---subtitle3: 14px;
  --subtitle---subtitle4: 12px;
  --body---body1: 16px;
  --body---body2: 14px;
  --body---body3: 13px;
  --body---body4: 12px;
  /* Effect styles */
  --menuitem_list: 0px 4px 12px rgba(0, 0, 0, 0.04);
  --component_focused: 0px 0px 0px rgba(25, 160, 249, 0.2);
  --menuGradient: linear-gradient(to right, #F47822, #F05224);
  --headerBoxShadow:0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  --commonBoxShadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
  /* Custom styles*/
  --headerSearchBackground: rgba(232, 232, 232, 1);
  --notificationHoverBackground: rgba(60, 64, 67, 0.08);
  --sidebarBackground: #191F2F;
  --sidebarLinkHoverBackground: #2B313F;
  --sidebarMenuHoverBackground: #3B3C3E;
  --mobileTableDimLayerBackground: #343244;
}
@media (max-width: 768px) {
  :root {
    /*
    --headline---headline1: 36px;
    --headline---headline2: 32px;
    --headline---headline3: 28px;

    --headline---headline5: 18px;
    */
  }
}
@media (max-width: 480px) {
  :root {
    /*
    --headline---headline1: 24px;
    --headline---headline2: 20px;
    --headline---headline3: 18px;

    --headline---headline5: 16px;

    --subtitle---subtitle0: 18px;
    --subtitle---subtitle1: 16px;
    --subtitle---subtitle2: 14px;
    --subtitle---subtitle3: 12px;
    */
  }
}

blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}

select {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

ul, ol {
  list-style: none;
}

button, input, select, textarea {
  margin: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}

a, a:hover, button {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  cursor: pointer;
}

html, body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}

*, ::after, ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img, video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 8px;
}
@media (max-width: 768px) {
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 7px;
  }
}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
  background-color: #fafafa;
  border: 1px solid #ddd;
}

.image--pc {
  display: block;
}
.image--mob {
  display: none;
}
@media (max-width: 768px) {
  .image--pc {
    display: none;
  }
  .image--mob {
    display: block;
  }
}

html, body, div, h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, a, pre {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  letter-spacing: -0.4px;
  /*
      Use a value from 100 to 900
      100 : Thin
      200 : ExtraLight 
      300 : Light
      400 : Regular
      500 : Medium
      600 : SemiBold
      700 : Bold
      800 : ExtraBold
      900 : Black
  */
  font-style: normal;
  font-variation-settings: "wdth" 100;
  /*
      Use a value from 62.5 to 100 
      62.5 : extraCondensed, 
      75 : Condensed, 
      87.5 : SemiCondensed, 
      100 : Normal
  */
}

.dp-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: var(--primary---primary10);
  -webkit-box-shadow: var(--headerBoxShadow);
          box-shadow: var(--headerBoxShadow);
}
.dp-header .header__container {
  padding: 0 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  .dp-header .header__container {
    padding: 0 30px 0 0;
  }
}
@media (max-width: 480px) {
  .dp-header .header__container {
    padding: 0 16px 0 0;
  }
}
.dp-header .header__logo--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp-header .header__menu-button {
  width: 60px;
  height: 60px;
  background: var(--primary---primary80);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .dp-header .header__menu-button {
    width: 50px;
    height: 50px;
  }
}
.dp-header .header__menu-button.header__menu-button--is-active .dp-icon__sidabar-menu {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.7' y1='5.07783' x2='19.3' y2='5.07783' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='4.7' y1='11.3' x2='12.1889' y2='11.3' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='4.7' y1='17.5222' x2='12.1889' y2='17.5222' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M15.4327 13.8212C15.2172 13.6613 15.2172 13.3387 15.4327 13.1788L19.6116 10.0768C19.8755 9.88086 20.25 10.0693 20.25 10.398L20.25 16.602C20.25 16.9307 19.8755 17.1191 19.6116 16.9232L15.4327 13.8212Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-header .header__logo {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .dp-header .header__logo {
    display: none;
  }
}
.dp-header .header__search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.dp-header .header__search .cSearchContainer {
  width: 460px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .dp-header .header__search .cSearchContainer {
    width: 300px;
  }
  .dp-header .header__search .cSearchContainer .slds-global-header__item_search,
  .dp-header .header__search .cSearchContainer .slds-global-header__item--search {
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .dp-header .header__search .cSearchContainer {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 24px);
    margin-left: 24px;
  }
}
@media (max-width: 480px) {
  .dp-header .header__search .cSearchContainer {
    width: calc(100% - 12px);
    margin-left: 12px;
  }
}
.dp-header .header__search .contentWrapper {
  border: 0;
  position: relative;
  background: var(--headerSearchBackground);
  border: 1px solid var(--grayscale---gray30_e8e8e8);
  padding: 0 16px;
  height: 36px;
  border-radius: 18px;
  overflow: visible;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-header .header__search .contentWrapper.focused {
  border-color: var(--primary---primary70);
  background-color: var(--primary---primary20);
}
.dp-header .header__search .slds-icon-utility-search {
  position: relative;
  width: 16px;
  height: 16px;
  top: auto;
  left: auto;
  margin-top: 0;
  padding: 0;
  margin-right: 12px;
  top: 2px;
}
.dp-header .header__search .slds-icon-utility-search lightning-primitive-icon {
  width: 16px;
  height: 16px;
  display: block;
}
.dp-header .header__search .slds-icon-utility-search svg[data-key=search] {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon' d='M9.46176 9.53327L13 13M10.9559 5.97774C10.9559 8.72687 8.72717 10.9555 5.97793 10.9555C3.2287 10.9555 1 8.72687 1 5.97774C1 3.22861 3.2287 1 5.97793 1C8.72717 1 10.9559 3.22861 10.9559 5.97774Z' stroke='%23555555' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/16px 16px no-repeat;
  vertical-align: top;
}
.dp-header .header__search .slds-icon-utility-search svg[data-key=search] g {
  display: none;
}
.dp-header .header__search .inputWrapper {
  width: calc(100% - 28px);
  padding-left: 0;
}
.dp-header .header__search .inputWrapper .autocompleteWrapper {
  position: static;
}
.dp-header .header__search .inputWrapper .forceSearchInputDesktopPillWrapper {
  display: none;
}
.dp-header .header__search .inputWrapper .uiInput .slds-input {
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray90_333333);
  height: 22px;
}
.dp-header .header__search .inputWrapper .uiInput .slds-input::-webkit-input-placeholder {
  color: var(--grayscale---gray80_555555);
}
.dp-header .header__search .inputWrapper .uiInput .slds-input::-moz-placeholder {
  color: var(--grayscale---gray80_555555);
}
.dp-header .header__search .inputWrapper .uiInput .slds-input:-ms-input-placeholder {
  color: var(--grayscale---gray80_555555);
}
.dp-header .header__search .inputWrapper .uiInput .slds-input::-ms-input-placeholder {
  color: var(--grayscale---gray80_555555);
}
.dp-header .header__search .inputWrapper .uiInput .slds-input::placeholder {
  color: var(--grayscale---gray80_555555);
}
.dp-header .header__search .inputWrapper .uiAutocompleteList {
  position: absolute;
  padding: 4px 16px;
  background: var(--white);
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  top: 40px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listHeader {
  padding: 8px 0;
  font-size: var(--subtitle---subtitle4);
  font-weight: 500;
  color: var(--grayscale---gray90_333333);
  display: block;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--grayscale---gray30_e8e8e8);
  display: none;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .emptyListContent {
  display: none;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item {
  padding: 4px 2px;
  margin-bottom: 4px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.highlighted {
  background-color: var(--primary---primary20);
  border-radius: 2px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.SEARCH_OPTION {
  padding: 8px 0;
  border-bottom: 1px solid var(--grayscale---gray30_e8e8e8);
  margin-bottom: 8px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.SEARCH_OPTION .slds-icon-utility-search {
  margin-bottom: 0;
  margin-right: 17px;
  position: relative;
  top: 1px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.SEARCH_OPTION .slds-icon-utility-search::after {
  content: "";
  width: 1px;
  height: 20px;
  background: var(--grayscale---gray30_e8e8e8);
  position: absolute;
  top: 0;
  right: -9px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.SEARCH_OPTION .slds-icon-utility-search svg[data-key=search] {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Icon' d='M9.46176 9.53327L13 13M10.9559 5.97774C10.9559 8.72687 8.72717 10.9555 5.97793 10.9555C3.2287 10.9555 1 8.72687 1 5.97774C1 3.22861 3.2287 1 5.97793 1C8.72717 1 10.9559 3.22861 10.9559 5.97774Z' stroke='%23555555' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  vertical-align: top;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item.SEARCH_OPTION .mruSearchLabel {
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray90_333333);
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item:last-child {
  margin-bottom: 0;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-icon_container .mruIcon {
  margin: 0;
  margin-right: 17px;
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 4px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-icon_container .mruIcon::after {
  content: "";
  width: 1px;
  height: 20px;
  background: var(--grayscale---gray30_e8e8e8);
  position: absolute;
  top: 0;
  right: -9px;
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-text-body--regular, .dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-text-body_regular {
  font-size: var(--subtitle---subtitle4);
  color: var(--grayscale---gray90_333333);
}
.dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-text-heading--label-normal, .dp-header .header__search .inputWrapper .uiAutocompleteList .listContent .lookup__item .slds-text-heading_label-normal {
  font-size: 10px;
  color: var(--grayscale---gray60_999999);
}
.dp-header .header__search .slds-icon-utility-close {
  display: none;
}
.dp-header .header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp-header .header__buttons .cSearchInvokeMobile {
  display: none;
}
.dp-header .header__buttons .cNotifications {
  position: relative;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cNotifications {
    margin-left: 8px;
  }
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-button {
    width: 36px;
    height: 36px;
  }
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-button:hover {
  background: var(--notificationHoverBackground);
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-icon-utility-notification svg[data-key=notification] {
  width: 22px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='26' viewBox='0 0 22 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Union' fill-rule='evenodd' clip-rule='evenodd' d='M11.0062 0C11.5343 0 11.9625 0.47516 11.9625 1.0613V2.50915C16.5431 3.00925 19.8779 7.11442 19.8877 12.0711L19.8981 11.8054V16.433L20.8976 18.8363C21.4494 19.6566 20.9184 20.8236 20.0022 20.8236L2.02124 20.812C1.0946 20.812 0.574021 19.6451 1.12584 18.8247L2.14618 16.433V11.8054L2.15659 12.0711C2.15659 7.12219 5.4803 3.02212 10.0498 2.51153V1.0613C10.0498 0.47516 10.478 0 11.0062 0ZM7.46726 22.0713C7.46726 24.2435 9.04983 25.9997 11.0072 25.9997C12.9646 25.9997 14.5472 24.2435 14.5472 22.0713H7.46726Z' fill='%23A4ADBD'/%3E%3C/svg%3E%0A") center/22px 26px no-repeat;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-icon-utility-notification svg[data-key=notification] {
    width: 20px;
    height: 24px;
    background-size: 20px 24px;
  }
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-icon-utility-notification g {
  display: none;
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .countDot {
  position: absolute;
  top: 8px;
  left: 22px;
  background: var(--red---red60_e94a51);
  font-size: 9px;
  color: var(--white);
  font-weight: 500;
  line-height: 1;
  height: 13px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2px;
  min-width: 13px;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cNotifications .unsNotificationsCounter .countDot {
    left: 18px;
  }
}
.dp-header .header__buttons .cNotifications .tooltip-invisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.dp-header .header__buttons .cProfileMenu {
  margin-left: 16px;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cProfileMenu {
    margin-left: 4px;
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px;
  }
}
.dp-header .header__buttons .cProfileMenu .profileIcon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cProfileMenu .profileIcon {
    width: 24px;
    height: 24px;
  }
}
.dp-header .header__buttons .cProfileMenu .trigger-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dp-header .header__buttons .cProfileMenu .profileName {
  margin-left: 6px;
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray80_555555);
  padding: 0;
  font-weight: 400;
  max-width: 100%;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cProfileMenu .profileName {
    display: none;
  }
}
.dp-header .header__buttons .cProfileMenu .triggerDownArrow {
  margin-left: 8px;
  width: 12px;
  height: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_12_arrow_down_line'%3E%3Cpath id='arrow' d='M10.2998 4L6.09165 8.25L1.7998 4' stroke='%23333333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") center/12px 12px no-repeat;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cProfileMenu .triggerDownArrow {
    display: none;
  }
}
.dp-header .header__buttons .cProfileMenu .uiMenuList {
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  width: 200px;
  left: auto;
  right: 0;
}
@media (max-width: 768px) {
  .dp-header .header__buttons .cProfileMenu .uiMenuList {
    width: auto;
    max-width: 180px;
    left: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    right: -10px;
    margin-top: 15px;
  }
}
.dp-header .header__buttons .cProfileMenu .uiMenuList .uiMenuItem:hover a {
  background: var(--grayscale---gray20_f5f5f5);
}
.dp-header .header__buttons .cProfileMenu .uiMenuList .uiMenuItem:hover a[aria-disabled=true] {
  background: none;
}
.dp-header .header__buttons .cProfileMenu .uiMenuList .uiMenuItem a {
  padding: 9px 12px;
  font-size: var(--subtitle---subtitle3);
  color: var(--subtitle---subtitle3);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-header .header__buttons .cProfileMenu .uiMenuList .uiMenuItem a[aria-disabled=true] {
  color: var(--grayscale---gray50_bbbbbb);
}

.uiPanel.uiPanel--notificationsPanel {
  border: 0;
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
  left: auto;
  right: -20px;
  top: 50px;
  opacity: 1;
  display: block;
  z-index: 9003;
  position: absolute;
  visibility: visible;
}
@media (max-width: 768px) {
  .uiPanel.uiPanel--notificationsPanel {
    top: 43px;
  }
}
@media (max-width: 480px) {
  .uiPanel.uiPanel--notificationsPanel {
    width: 300px;
  }
}
.uiPanel.uiPanel--notificationsPanel .pointer {
  top: 0 !important;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border: 0;
  left: auto;
  right: 35px;
  position: absolute;
}
@media (max-width: 768px) {
  .uiPanel.uiPanel--notificationsPanel .pointer {
    right: 33px;
  }
}
.uiPanel.uiPanel--notificationsPanel .panel-header {
  display: none;
}
.uiPanel.uiPanel--notificationsPanel .panel-content {
  overflow: hidden;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--grayscale---gray30_e8e8e8);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleContainer .titleName {
  font-size: var(--subtitle---subtitle3);
  font-weight: 500;
  color: var(--grayscale---gray90_333333);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleContainer .trayMarkAllRead a {
  font-size: var(--subtitle---subtitle4);
  color: var(--grayscale---gray70_777777);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleContainer .trayMarkAllRead a:hover {
  text-decoration: underline;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer {
  width: 400px;
  max-width: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-bottom-left-radius: 12px;
  height: 270px;
}
@media (max-width: 480px) {
  .uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer {
    width: auto;
  }
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .unsNotificationsVirtualList {
  max-height: 270px;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row {
  padding: 12px 16px;
  border-bottom: 1px solid var(--grayscale---gray30_e8e8e8);
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row:hover {
  background: var(--grayscale---gray20_f5f5f5);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar + .notification-content {
  width: calc(100% - 48px);
  display: block;
  position: relative;
  padding-right: 20px;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar + .notification-content .notification-text-title {
  font-size: var(--subtitle---subtitle3);
  font-weight: 500;
  color: var(--grayscale---gray90_333333);
  display: block;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar + .notification-content .notification-text {
  font-size: var(--subtitle---subtitle4);
  color: var(--grayscale---gray70_777777);
  display: block;
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar + .notification-content .notification-age {
  display: block;
  font-size: 10px;
  color: var(--grayscale---gray50_bbbbbb);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .notification-row .notification-avatar + .notification-content .assistive-unread-mark {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8px;
  height: 8px;
  color: var(--red---red70_e50f18);
}
.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer .unsNotificationsPanel {
  font-size: var(--subtitle---subtitle4);
  color: var(--grayscale---gray70_777777);
  text-align: center;
  padding: 16px 0;
  width: 100%;
  display: block;
}

@media (max-width: 1400px) {
  .dp-sidebar:has(.sidebar--is-hide)::after {
    opacity: 0;
    visibility: hidden;
  }
  .dp-sidebar::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
  }
}
.dp-sidebar:hover .sidebar__list1 {
  overflow-y: auto;
}
.dp-sidebar::-webkit-scrollbar, .dp-sidebar *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.dp-sidebar::-webkit-scrollbar-thumb, .dp-sidebar *::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 6px;
}
.dp-sidebar::-webkit-scrollbar-track, .dp-sidebar *::-webkit-scrollbar-track {
  background-color: var(--sidebarBackground);
  border: 1px solid var(--sidebarBackground);
}
.dp-sidebar .sidebar {
  position: fixed;
  top: 60px;
  height: calc(100% - 60px);
  background: var(--sidebarBackground);
  width: 248px;
  padding: 40px 0;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  z-index: 9;
  left: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media (max-width: 1400px) {
  .dp-sidebar .sidebar {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 768px) {
  .dp-sidebar .sidebar {
    top: 50px;
    height: calc(100% - 50px);
    width: 300px;
    padding: 20px 0;
  }
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__list1 {
  height: calc(100% - 104px);
  overflow: hidden;
  overflow-y: auto;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external {
  padding: 24px 16px 0;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 14px;
  color: var(--white);
  padding: 0 16px;
  height: 36px;
  border: 1px solid #434C64;
  background: #2A324A;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link .dp-icon:first-child {
  width: 16px;
  margin-right: 6px;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link .dp-icon:last-child {
  width: 16px;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link .external__text {
  width: calc(100% - 38px);
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link:last-child {
  margin-bottom: 0;
}
.dp-sidebar .sidebar:has(.sidebar__external) .sidebar__external .external__link:hover {
  background: #1C2439;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
.dp-sidebar .sidebar.sidebar--is-hide {
  width: 60px;
}
@media (max-width: 1400px) {
  .dp-sidebar .sidebar.sidebar--is-hide {
    -webkit-transform: translate3d(-248px, 0, 0);
            transform: translate3d(-248px, 0, 0);
  }
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__list1 {
  overflow: visible;
  padding-right: 12px;
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item1:hover .sidebar__text1 {
  opacity: 1;
  visibility: visible;
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item1.sidebar__item1--has-secondary .dp-icon__sidebar-arrow {
  display: none;
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item1.sidebar__item1--is-active .sidebar__link1 {
  background: var(--sidebarLinkHoverBackground);
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item1.sidebar__item1--is-active .sidebar__link1::before {
  display: none;
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item1 .sidebar__text1 {
  position: absolute;
  background: var(--sidebarMenuHoverBackground);
  left: 54px;
  width: auto;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: var(--subtitle---subtitle4);
  white-space: nowrap;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.dp-sidebar .sidebar.sidebar--is-hide .sidebar__item2 {
  display: none;
}
.dp-sidebar .sidebar.sidebar--is-hide:has(.sidebar__external) .sidebar__external {
  display: none;
}
.dp-sidebar .sidebar__list1 {
  overflow: hidden;
  height: 100%;
  padding-right: 12px;
}
@media (max-width: 1400px) {
  .dp-sidebar .sidebar__list1 {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .dp-sidebar .sidebar__list1 {
    overflow-y: auto;
  }
}
.dp-sidebar .sidebar__item1 {
  margin-bottom: 8px;
}
.dp-sidebar .sidebar__item1:last-child {
  margin-bottom: 0;
}
.dp-sidebar .sidebar__item1.sidebar__item1--has-secondary .dp-icon__sidebar-arrow {
  display: block;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-sidebar .sidebar__item1 .dp-icon__sidebar-arrow {
  display: none;
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .dp-icon__sidebar-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 {
  background: var(--menuGradient);
  position: relative;
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1::before {
  opacity: 1;
  visibility: visible;
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-home {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_home'%3E%3Cpath id='Icon' d='M9.33333 20V13.9136C9.33333 13.3534 9.8109 12.8992 10.4 12.8992H13.6C14.1891 12.8992 14.6667 13.3534 14.6667 13.9136V20M11.3818 4.18771L4.44851 8.87647C4.16713 9.06676 4 9.3748 4 9.70316V18.4784C4 19.3188 4.71634 20 5.6 20H18.4C19.2837 20 20 19.3188 20 18.4784V9.70316C20 9.3748 19.8329 9.06676 19.5515 8.87647L12.6182 4.18771C12.2481 3.93743 11.7519 3.93743 11.3818 4.18771Z' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-id {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='2' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M12.9999 17L13 15.5001C13.0001 14.6717 12.3285 14 11.5 14H7.5002C6.67182 14 6.00026 14.6715 6.00017 15.4998L6 17M11.0001 10.5C11.0001 11.3284 10.3285 12 9.50007 12C8.67162 12 8.00004 11.3284 8.00004 10.5C8.00004 9.67157 8.67162 9 9.50007 9C10.3285 9 11.0001 9.67157 11.0001 10.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 8H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M15 11H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M16 14H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-store {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47144 11.1665V18.3362C4.47144 19.4408 5.36687 20.3362 6.47144 20.3362H17.4764C18.581 20.3362 19.4764 19.4408 19.4764 18.3362V11.1665' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9738 12.0002C13.4994 12.0002 14.6247 10.7581 14.4747 9.23258L13.9245 3.66406H10.0315L9.47302 9.23258C9.32297 10.7581 10.4483 12.0002 11.9738 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.234 12.0002C18.9179 12.0002 20.1516 10.633 19.9849 8.95748L19.7515 6.66506C19.4514 4.49767 18.6178 3.66406 16.4337 3.66406H13.8912L14.4748 9.50767C14.6165 10.8831 15.8586 12.0002 17.234 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.67213 12.0002C8.04759 12.0002 9.28967 10.8831 9.42304 9.50767L9.60644 7.66539L10.0066 3.66406H7.46406C5.28 3.66406 4.44639 4.49767 4.1463 6.66506L3.92122 8.95748C3.7545 10.633 4.98824 12.0002 6.67213 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15C10.664 15 10 15.83 10 17.5V20H14V17.5C14 15.83 13.336 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-person {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19.0937C4 15.9474 6.62857 13.3968 12 13.3968C17.3714 13.3968 20 15.9474 20 19.0937C20 19.5942 19.6348 20 19.1843 20H4.81569C4.3652 20 4 19.5942 4 19.0937Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M15 7C15 8.65685 13.6569 10 12 10C10.3431 10 9 8.65685 9 7C9 5.34315 10.3431 4 12 4C13.6569 4 15 5.34315 15 7Z' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-stock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.69995 9.2002V5.7002C3.69995 4.59563 4.59538 3.7002 5.69995 3.7002H18.2C19.3045 3.7002 20.2 4.59563 20.2 5.7002V9.2002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.2 14.7002L20.2 18.2002C20.2 19.3048 19.3045 20.2002 18.2 20.2002L5.69995 20.2002C4.59538 20.2002 3.69995 19.3048 3.69995 18.2002L3.69995 14.7002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.2 6.40415C11.6332 6.15406 12.1669 6.15406 12.6 6.40415L16.3962 8.59585C16.8293 8.84594 17.0962 9.30812 17.0962 9.80829V14.1917C17.0962 14.6919 16.8293 15.1541 16.3962 15.4041L12.6 17.5959C12.1669 17.8459 11.6332 17.8459 11.2 17.5959L7.40387 15.4041C6.97071 15.1541 6.70387 14.6919 6.70387 14.1917V9.80829C6.70387 9.30812 6.97071 8.84594 7.40387 8.59585L11.2 6.40415Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M7.40002 9.5L11.2201 11.6223C11.643 11.8572 12.1571 11.8572 12.5799 11.6223L16.4 9.5' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9 12V17.0773' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-cart {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 19.5C18.5523 19.5 19 19.0523 19 18.5C19 17.9477 18.5523 17.5 18 17.5C17.4477 17.5 17 17.9477 17 18.5C17 19.0523 17.4477 19.5 18 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19.5C10.5523 19.5 11 19.0523 11 18.5C11 17.9477 10.5523 17.5 10 17.5C9.44772 17.5 9 17.9477 9 18.5C9 19.0523 9.44772 19.5 10 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4.5H6.90909L8.85818 14.3191C8.92469 14.6567 9.10684 14.96 9.37276 15.1758C9.63868 15.3917 9.97142 15.5063 10.3127 15.4997H17.3818C17.7231 15.5063 18.0559 15.3917 18.3218 15.1758C18.5877 14.96 18.7699 14.6567 18.8364 14.3191L20 8.16658H7.63636' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-clock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6 4.00069C12.6 3.66932 12.3313 3.40069 12 3.40069C11.6686 3.40069 11.4 3.66932 11.4 4.00069H12.6ZM12 11.9999H11.4C11.4 12.3313 11.6686 12.5999 12 12.5999V11.9999ZM19.9992 12.5999C20.3306 12.5999 20.5992 12.3313 20.5992 11.9999C20.5992 11.6686 20.3306 11.3999 19.9992 11.3999V12.5999ZM4.00073 11.9999L3.40073 11.9999L4.00073 11.9999ZM10.4399 4.15488L10.5569 4.74336L10.4399 4.15488ZM19.3905 8.93979L19.9448 8.71022L19.9448 8.71021L19.3905 8.93979ZM16.4437 18.6519L16.777 19.1508L16.777 19.1508L16.4437 18.6519ZM6.34336 17.6565L6.76765 17.2323L6.76765 17.2323L6.34336 17.6565ZM11.4 4.00069V11.9999H12.6V4.00069H11.4ZM12 12.5999H19.9992V11.3999H12V12.5999ZM4.60073 12C4.60099 8.47001 7.09474 5.43179 10.5569 4.74336L10.3229 3.5664C6.29922 4.36648 3.40103 7.89743 3.40073 11.9999L4.60073 12ZM10.5569 4.74336C14.0191 4.05493 17.4855 5.90802 18.8361 9.16937L19.9448 8.71021C18.3751 4.91995 14.3466 2.76632 10.3229 3.5664L10.5569 4.74336ZM18.8361 9.16937C20.1868 12.4307 19.0456 16.192 16.1104 18.153L16.777 19.1508C20.1882 16.8718 21.5145 12.5005 19.9448 8.71022L18.8361 9.16937ZM16.1104 18.153C13.1752 20.114 9.26359 19.7285 6.76765 17.2323L5.91908 18.0808C8.8198 20.9818 13.3658 21.4298 16.777 19.1508L16.1104 18.153ZM6.76765 17.2323C5.38006 15.8446 4.60059 13.9624 4.60073 12L3.40073 11.9999C3.40057 14.2806 4.30645 16.468 5.91908 18.0808L6.76765 17.2323Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-repair {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7511 7.58637C13.5984 7.74214 13.5129 7.95157 13.5129 8.1697C13.5129 8.38783 13.5984 8.59726 13.7511 8.75303L15.0844 10.0864C15.2402 10.2391 15.4496 10.3246 15.6678 10.3246C15.8859 10.3246 16.0953 10.2391 16.2511 10.0864L19.3928 6.9447C19.8118 7.87069 19.9387 8.9024 19.7565 9.90232C19.5743 10.9022 19.0917 11.8229 18.373 12.5416C17.6543 13.2603 16.7336 13.7429 15.7337 13.9251C14.7338 14.1073 13.7021 13.9804 12.7761 13.5614L7.01777 19.3197C6.68625 19.6512 6.23661 19.8375 5.76777 19.8375C5.29893 19.8375 4.84929 19.6512 4.51777 19.3197C4.18625 18.9882 4 18.5385 4 18.0697C4 17.6009 4.18625 17.1512 4.51777 16.8197L10.2761 11.0614C9.85707 10.1354 9.7302 9.10367 9.91239 8.10375C10.0946 7.10382 10.5772 6.18316 11.2959 5.46447C12.0146 4.74577 12.9352 4.26318 13.9351 4.08099C14.9351 3.8988 15.9668 4.02567 16.8928 4.4447L13.7594 7.57803L13.7511 7.58637Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-setting {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.008 14.6316C13.4508 14.6316 14.6205 13.462 14.6205 12.0192C14.6205 10.5764 13.4508 9.40674 12.008 9.40674C10.5652 9.40674 9.39563 10.5764 9.39563 12.0192C9.39563 13.462 10.5652 14.6316 12.008 14.6316Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.29999 12.7856V11.2529C3.29999 10.3473 4.04017 9.59841 4.95452 9.59841C6.53068 9.59841 7.17507 8.48378 6.38264 7.11662C5.92982 6.33289 6.19977 5.31405 6.9922 4.86123L8.4987 3.99913C9.18663 3.58985 10.0749 3.83368 10.4841 4.52162L10.5799 4.68707C11.3636 6.05423 12.6524 6.05423 13.4449 4.68707L13.5407 4.52162C13.9499 3.83368 14.8382 3.58985 15.5261 3.99913L17.0326 4.86123C17.825 5.31405 18.095 6.33289 17.6422 7.11662C16.8497 8.48378 17.4941 9.59841 19.0703 9.59841C19.9759 9.59841 20.7248 10.3386 20.7248 11.2529V12.7856C20.7248 13.6912 19.9846 14.4401 19.0703 14.4401C17.4941 14.4401 16.8497 15.5547 17.6422 16.9219C18.095 17.7143 17.825 18.7245 17.0326 19.1773L15.5261 20.0394C14.8382 20.4487 13.9499 20.2048 13.5407 19.5169L13.4449 19.3514C12.6611 17.9843 11.3724 17.9843 10.5799 19.3514L10.4841 19.5169C10.0749 20.2048 9.18663 20.4487 8.4987 20.0394L6.9922 19.1773C6.19977 18.7245 5.92982 17.7056 6.38264 16.9219C7.17507 15.5547 6.53068 14.4401 4.95452 14.4401C4.04017 14.4401 3.29999 13.6912 3.29999 12.7856Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-inventory {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Part Inventory'%3E%3Cpath id='Icon' d='M19.9435 8H4.05653M14.3529 11.5294C12.4003 11.5294 9.64706 11.5294 9.64706 11.5294M20 8.47214V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V8.47214C4 8.16165 4.07229 7.85542 4.21115 7.57771L5.58541 4.82918C5.8395 4.321 6.35889 4 6.92705 4H17.0729C17.6411 4 18.1605 4.321 18.4146 4.82918L19.7889 7.57771C19.9277 7.85542 20 8.16165 20 8.47214Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-order {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Order'%3E%3Cpath id='Icon' d='M8.4002 7.1999H15.6002M8.4002 10.7999H15.6002M8.4002 14.3999H12.0002M6.59992 2.3999H17.4001C18.7256 2.3999 19.8002 3.47445 19.8001 4.79995L19.7999 19.2C19.7998 20.5254 18.7253 21.5999 17.3999 21.5999L6.59982 21.5998C5.27433 21.5998 4.19982 20.5253 4.19983 19.1998L4.19992 4.79989C4.19993 3.47441 5.27444 2.3999 6.59992 2.3999Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-invoice {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Invoice'%3E%3Cpath id='Icon' d='M3.0933 9.45639H20.9059M6.65582 13.4129H9.62459M4.87501 5.5H19.1247C20.4364 5.5 21.4997 6.51144 21.4997 7.76005L21.5 16.2401C21.5 17.4888 20.4367 18.5 19.125 18.5L4.87525 18.4999C3.5636 18.4999 2.50029 17.4877 2.50025 16.2391L2.5 7.76094C2.49996 6.51227 3.5633 5.5 4.87501 5.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-claim {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Claim'%3E%3Cpath id='Icon' d='M9.59999 11.1874L11.4 12.9874L15 9.38738M4.79999 5.78738L10.39 2.99237C11.4035 2.48562 12.5965 2.48562 13.61 2.99237L19.2 5.78738C19.2 5.78738 19.2 11.0434 19.2 13.8154C19.2 16.5874 16.6376 18.4586 12 21.3874C7.36239 18.4586 4.79999 15.9874 4.79999 13.8154V5.78738Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-sales {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Sales'%3E%3Cpath id='Icon' d='M8.4002 17.9999V12.5999M12.0002 17.9999V7.1999M15.6002 17.9999V10.7999M6.59992 2.3999H17.4001C18.7256 2.3999 19.8002 3.47445 19.8001 4.79995L19.7999 19.2C19.7998 20.5254 18.7253 21.5999 17.3999 21.5999L6.59982 21.5998C5.27433 21.5998 4.19982 20.5253 4.19983 19.1998L4.19992 4.79989C4.19993 3.47441 5.27444 2.3999 6.59992 2.3999Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-transfer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Transfer'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M20 7.5L12 3L4 7.5V16.5L12 21L20 16.5V7.5ZM12 15C13.7006 15 15.0792 13.6569 15.0792 12C15.0792 10.3431 13.7006 9 12 9C10.2994 9 8.9208 10.3431 8.9208 12C8.9208 13.6569 10.2994 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-more {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='4' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M11.9666 12.8669C11.5 12.8669 11.1333 12.4919 11.1333 12.0335C11.1333 11.5752 11.5083 11.2002 11.9666 11.2002C12.425 11.2002 12.8 11.5752 12.8 12.0335C12.8 12.4919 12.4333 12.8669 11.9666 12.8669Z' fill='white'/%3E%3Cpath d='M15.3 12.8669C14.8333 12.8669 14.4666 12.4919 14.4666 12.0335C14.4666 11.5752 14.8416 11.2002 15.3 11.2002C15.7583 11.2002 16.1333 11.5752 16.1333 12.0335C16.1333 12.4919 15.7666 12.8669 15.3 12.8669Z' fill='white'/%3E%3Cpath d='M8.63332 12.8669C8.16665 12.8669 7.79999 12.4919 7.79999 12.0335C7.79999 11.5752 8.17499 11.2002 8.63332 11.2002C9.09165 11.2002 9.46665 11.5752 9.46665 12.0335C9.46665 12.4919 9.09999 12.8669 8.63332 12.8669Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__link1 .dp-icon.dp-icon__sidebar-usermanual {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8,3 L8,17 L19,17 L19,3.5 C19,3.22385763 18.7761424,3 18.5,3 L8,3 Z M7,3 L6.5,3 C5.67157288,3 5,3.67157288 5,4.5 L5,17.4998169 C5.41783027,17.1859724 5.93719704,17 6.5,17 L7,17 L7,3 Z M4.15121433,20.3582581 C4.05793442,20.2674293 4,20.1404803 4,20 L4,4.5 C4,3.11928813 5.11928813,2 6.5,2 L18.5,2 C19.3284271,2 20,2.67157288 20,3.5 L20,20.5 C20,21.3284271 19.3284271,22 18.5,22 L6.5,22 C5.42082093,22 4.50134959,21.3162099 4.15121433,20.3582581 L4.15121433,20.3582581 Z M19,18 L6.5,18 C5.67157288,18 5,18.6715729 5,19.5 C5,20.3284271 5.67157288,21 6.5,21 L18.5,21 C18.7761424,21 19,20.7761424 19,20.5 L19,18 Z M10.5,10 C10.2238576,10 10,9.77614237 10,9.5 C10,9.22385763 10.2238576,9 10.5,9 L16.5,9 C16.7761424,9 17,9.22385763 17,9.5 C17,9.77614237 16.7761424,10 16.5,10 L10.5,10 Z M10.5,8 C10.2238576,8 10,7.77614237 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 L14.5,7 C14.7761424,7 15,7.22385763 15,7.5 C15,7.77614237 14.7761424,8 14.5,8 L10.5,8 Z' fill='white' stroke='white' stroke-width='0.1' opacity='0.6'/%3E%3C/svg%3E");
}
.dp-sidebar .sidebar__item1.sidebar__item1--is-active .sidebar__list2 {
  display: block;
}
.dp-sidebar .sidebar__link1 {
  padding: 8px;
  width: calc(100% - 10px);
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media (max-width: 768px) {
  .dp-sidebar .sidebar__link1 {
    padding: 9px 8px;
  }
}
.dp-sidebar .sidebar__link1::before {
  content: "";
  width: 9px;
  height: 100%;
  border-radius: 4.5px;
  background: var(--primary---primary70);
  position: absolute;
  top: 0;
  left: -13.5px;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.dp-sidebar .sidebar__link1 .dp-icon {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-sidebar .sidebar__link1:hover {
  background: var(--sidebarLinkHoverBackground);
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-home {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_home'%3E%3Cpath id='Icon' d='M9.33333 20V13.9136C9.33333 13.3534 9.8109 12.8992 10.4 12.8992H13.6C14.1891 12.8992 14.6667 13.3534 14.6667 13.9136V20M11.3818 4.18771L4.44851 8.87647C4.16713 9.06676 4 9.3748 4 9.70316V18.4784C4 19.3188 4.71634 20 5.6 20H18.4C19.2837 20 20 19.3188 20 18.4784V9.70316C20 9.3748 19.8329 9.06676 19.5515 8.87647L12.6182 4.18771C12.2481 3.93743 11.7519 3.93743 11.3818 4.18771Z' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-id {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='2' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M12.9999 17L13 15.5001C13.0001 14.6717 12.3285 14 11.5 14H7.5002C6.67182 14 6.00026 14.6715 6.00017 15.4998L6 17M11.0001 10.5C11.0001 11.3284 10.3285 12 9.50007 12C8.67162 12 8.00004 11.3284 8.00004 10.5C8.00004 9.67157 8.67162 9 9.50007 9C10.3285 9 11.0001 9.67157 11.0001 10.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 8H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M15 11H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M16 14H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-store {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47144 11.1665V18.3362C4.47144 19.4408 5.36687 20.3362 6.47144 20.3362H17.4764C18.581 20.3362 19.4764 19.4408 19.4764 18.3362V11.1665' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9738 12.0002C13.4994 12.0002 14.6247 10.7581 14.4747 9.23258L13.9245 3.66406H10.0315L9.47302 9.23258C9.32297 10.7581 10.4483 12.0002 11.9738 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.234 12.0002C18.9179 12.0002 20.1516 10.633 19.9849 8.95748L19.7515 6.66506C19.4514 4.49767 18.6178 3.66406 16.4337 3.66406H13.8912L14.4748 9.50767C14.6165 10.8831 15.8586 12.0002 17.234 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.67213 12.0002C8.04759 12.0002 9.28967 10.8831 9.42304 9.50767L9.60644 7.66539L10.0066 3.66406H7.46406C5.28 3.66406 4.44639 4.49767 4.1463 6.66506L3.92122 8.95748C3.7545 10.633 4.98824 12.0002 6.67213 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15C10.664 15 10 15.83 10 17.5V20H14V17.5C14 15.83 13.336 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-person {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19.0937C4 15.9474 6.62857 13.3968 12 13.3968C17.3714 13.3968 20 15.9474 20 19.0937C20 19.5942 19.6348 20 19.1843 20H4.81569C4.3652 20 4 19.5942 4 19.0937Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M15 7C15 8.65685 13.6569 10 12 10C10.3431 10 9 8.65685 9 7C9 5.34315 10.3431 4 12 4C13.6569 4 15 5.34315 15 7Z' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-stock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.69995 9.2002V5.7002C3.69995 4.59563 4.59538 3.7002 5.69995 3.7002H18.2C19.3045 3.7002 20.2 4.59563 20.2 5.7002V9.2002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.2 14.7002L20.2 18.2002C20.2 19.3048 19.3045 20.2002 18.2 20.2002L5.69995 20.2002C4.59538 20.2002 3.69995 19.3048 3.69995 18.2002L3.69995 14.7002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.2 6.40415C11.6332 6.15406 12.1669 6.15406 12.6 6.40415L16.3962 8.59585C16.8293 8.84594 17.0962 9.30812 17.0962 9.80829V14.1917C17.0962 14.6919 16.8293 15.1541 16.3962 15.4041L12.6 17.5959C12.1669 17.8459 11.6332 17.8459 11.2 17.5959L7.40387 15.4041C6.97071 15.1541 6.70387 14.6919 6.70387 14.1917V9.80829C6.70387 9.30812 6.97071 8.84594 7.40387 8.59585L11.2 6.40415Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M7.40002 9.5L11.2201 11.6223C11.643 11.8572 12.1571 11.8572 12.5799 11.6223L16.4 9.5' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9 12V17.0773' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-cart {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 19.5C18.5523 19.5 19 19.0523 19 18.5C19 17.9477 18.5523 17.5 18 17.5C17.4477 17.5 17 17.9477 17 18.5C17 19.0523 17.4477 19.5 18 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19.5C10.5523 19.5 11 19.0523 11 18.5C11 17.9477 10.5523 17.5 10 17.5C9.44772 17.5 9 17.9477 9 18.5C9 19.0523 9.44772 19.5 10 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4.5H6.90909L8.85818 14.3191C8.92469 14.6567 9.10684 14.96 9.37276 15.1758C9.63868 15.3917 9.97142 15.5063 10.3127 15.4997H17.3818C17.7231 15.5063 18.0559 15.3917 18.3218 15.1758C18.5877 14.96 18.7699 14.6567 18.8364 14.3191L20 8.16658H7.63636' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-clock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6 4.00069C12.6 3.66932 12.3313 3.40069 12 3.40069C11.6686 3.40069 11.4 3.66932 11.4 4.00069H12.6ZM12 11.9999H11.4C11.4 12.3313 11.6686 12.5999 12 12.5999V11.9999ZM19.9992 12.5999C20.3306 12.5999 20.5992 12.3313 20.5992 11.9999C20.5992 11.6686 20.3306 11.3999 19.9992 11.3999V12.5999ZM4.00073 11.9999L3.40073 11.9999L4.00073 11.9999ZM10.4399 4.15488L10.5569 4.74336L10.4399 4.15488ZM19.3905 8.93979L19.9448 8.71022L19.9448 8.71021L19.3905 8.93979ZM16.4437 18.6519L16.777 19.1508L16.777 19.1508L16.4437 18.6519ZM6.34336 17.6565L6.76765 17.2323L6.76765 17.2323L6.34336 17.6565ZM11.4 4.00069V11.9999H12.6V4.00069H11.4ZM12 12.5999H19.9992V11.3999H12V12.5999ZM4.60073 12C4.60099 8.47001 7.09474 5.43179 10.5569 4.74336L10.3229 3.5664C6.29922 4.36648 3.40103 7.89743 3.40073 11.9999L4.60073 12ZM10.5569 4.74336C14.0191 4.05493 17.4855 5.90802 18.8361 9.16937L19.9448 8.71021C18.3751 4.91995 14.3466 2.76632 10.3229 3.5664L10.5569 4.74336ZM18.8361 9.16937C20.1868 12.4307 19.0456 16.192 16.1104 18.153L16.777 19.1508C20.1882 16.8718 21.5145 12.5005 19.9448 8.71022L18.8361 9.16937ZM16.1104 18.153C13.1752 20.114 9.26359 19.7285 6.76765 17.2323L5.91908 18.0808C8.8198 20.9818 13.3658 21.4298 16.777 19.1508L16.1104 18.153ZM6.76765 17.2323C5.38006 15.8446 4.60059 13.9624 4.60073 12L3.40073 11.9999C3.40057 14.2806 4.30645 16.468 5.91908 18.0808L6.76765 17.2323Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-repair {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7511 7.58637C13.5984 7.74214 13.5129 7.95157 13.5129 8.1697C13.5129 8.38783 13.5984 8.59726 13.7511 8.75303L15.0844 10.0864C15.2402 10.2391 15.4496 10.3246 15.6678 10.3246C15.8859 10.3246 16.0953 10.2391 16.2511 10.0864L19.3928 6.9447C19.8118 7.87069 19.9387 8.9024 19.7565 9.90232C19.5743 10.9022 19.0917 11.8229 18.373 12.5416C17.6543 13.2603 16.7336 13.7429 15.7337 13.9251C14.7338 14.1073 13.7021 13.9804 12.7761 13.5614L7.01777 19.3197C6.68625 19.6512 6.23661 19.8375 5.76777 19.8375C5.29893 19.8375 4.84929 19.6512 4.51777 19.3197C4.18625 18.9882 4 18.5385 4 18.0697C4 17.6009 4.18625 17.1512 4.51777 16.8197L10.2761 11.0614C9.85707 10.1354 9.7302 9.10367 9.91239 8.10375C10.0946 7.10382 10.5772 6.18316 11.2959 5.46447C12.0146 4.74577 12.9352 4.26318 13.9351 4.08099C14.9351 3.8988 15.9668 4.02567 16.8928 4.4447L13.7594 7.57803L13.7511 7.58637Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-setting {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.008 14.6316C13.4508 14.6316 14.6205 13.462 14.6205 12.0192C14.6205 10.5764 13.4508 9.40674 12.008 9.40674C10.5652 9.40674 9.39563 10.5764 9.39563 12.0192C9.39563 13.462 10.5652 14.6316 12.008 14.6316Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.29999 12.7856V11.2529C3.29999 10.3473 4.04017 9.59841 4.95452 9.59841C6.53068 9.59841 7.17507 8.48378 6.38264 7.11662C5.92982 6.33289 6.19977 5.31405 6.9922 4.86123L8.4987 3.99913C9.18663 3.58985 10.0749 3.83368 10.4841 4.52162L10.5799 4.68707C11.3636 6.05423 12.6524 6.05423 13.4449 4.68707L13.5407 4.52162C13.9499 3.83368 14.8382 3.58985 15.5261 3.99913L17.0326 4.86123C17.825 5.31405 18.095 6.33289 17.6422 7.11662C16.8497 8.48378 17.4941 9.59841 19.0703 9.59841C19.9759 9.59841 20.7248 10.3386 20.7248 11.2529V12.7856C20.7248 13.6912 19.9846 14.4401 19.0703 14.4401C17.4941 14.4401 16.8497 15.5547 17.6422 16.9219C18.095 17.7143 17.825 18.7245 17.0326 19.1773L15.5261 20.0394C14.8382 20.4487 13.9499 20.2048 13.5407 19.5169L13.4449 19.3514C12.6611 17.9843 11.3724 17.9843 10.5799 19.3514L10.4841 19.5169C10.0749 20.2048 9.18663 20.4487 8.4987 20.0394L6.9922 19.1773C6.19977 18.7245 5.92982 17.7056 6.38264 16.9219C7.17507 15.5547 6.53068 14.4401 4.95452 14.4401C4.04017 14.4401 3.29999 13.6912 3.29999 12.7856Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-inventory {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Part Inventory'%3E%3Cpath id='Icon' d='M19.9435 8H4.05653M14.3529 11.5294C12.4003 11.5294 9.64706 11.5294 9.64706 11.5294M20 8.47214V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V8.47214C4 8.16165 4.07229 7.85542 4.21115 7.57771L5.58541 4.82918C5.8395 4.321 6.35889 4 6.92705 4H17.0729C17.6411 4 18.1605 4.321 18.4146 4.82918L19.7889 7.57771C19.9277 7.85542 20 8.16165 20 8.47214Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-order {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Order'%3E%3Cpath id='Icon' d='M8.4002 7.1999H15.6002M8.4002 10.7999H15.6002M8.4002 14.3999H12.0002M6.59992 2.3999H17.4001C18.7256 2.3999 19.8002 3.47445 19.8001 4.79995L19.7999 19.2C19.7998 20.5254 18.7253 21.5999 17.3999 21.5999L6.59982 21.5998C5.27433 21.5998 4.19982 20.5253 4.19983 19.1998L4.19992 4.79989C4.19993 3.47441 5.27444 2.3999 6.59992 2.3999Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-invoice {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Invoice'%3E%3Cpath id='Icon' d='M3.0933 9.45639H20.9059M6.65582 13.4129H9.62459M4.87501 5.5H19.1247C20.4364 5.5 21.4997 6.51144 21.4997 7.76005L21.5 16.2401C21.5 17.4888 20.4367 18.5 19.125 18.5L4.87525 18.4999C3.5636 18.4999 2.50029 17.4877 2.50025 16.2391L2.5 7.76094C2.49996 6.51227 3.5633 5.5 4.87501 5.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-claim {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Claim'%3E%3Cpath id='Icon' d='M9.59999 11.1874L11.4 12.9874L15 9.38738M4.79999 5.78738L10.39 2.99237C11.4035 2.48562 12.5965 2.48562 13.61 2.99237L19.2 5.78738C19.2 5.78738 19.2 11.0434 19.2 13.8154C19.2 16.5874 16.6376 18.4586 12 21.3874C7.36239 18.4586 4.79999 15.9874 4.79999 13.8154V5.78738Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-sales {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Sales'%3E%3Cpath id='Icon' d='M8.4002 17.9999V12.5999M12.0002 17.9999V7.1999M15.6002 17.9999V10.7999M6.59992 2.3999H17.4001C18.7256 2.3999 19.8002 3.47445 19.8001 4.79995L19.7999 19.2C19.7998 20.5254 18.7253 21.5999 17.3999 21.5999L6.59982 21.5998C5.27433 21.5998 4.19982 20.5253 4.19983 19.1998L4.19992 4.79989C4.19993 3.47441 5.27444 2.3999 6.59992 2.3999Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-transfer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Transfer'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M20 7.5L12 3L4 7.5V16.5L12 21L20 16.5V7.5ZM12 15C13.7006 15 15.0792 13.6569 15.0792 12C15.0792 10.3431 13.7006 9 12 9C10.2994 9 8.9208 10.3431 8.9208 12C8.9208 13.6569 10.2994 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-more {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='4' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M11.9666 12.8669C11.5 12.8669 11.1333 12.4919 11.1333 12.0335C11.1333 11.5752 11.5083 11.2002 11.9666 11.2002C12.425 11.2002 12.8 11.5752 12.8 12.0335C12.8 12.4919 12.4333 12.8669 11.9666 12.8669Z' fill='white'/%3E%3Cpath d='M15.3 12.8669C14.8333 12.8669 14.4666 12.4919 14.4666 12.0335C14.4666 11.5752 14.8416 11.2002 15.3 11.2002C15.7583 11.2002 16.1333 11.5752 16.1333 12.0335C16.1333 12.4919 15.7666 12.8669 15.3 12.8669Z' fill='white'/%3E%3Cpath d='M8.63332 12.8669C8.16665 12.8669 7.79999 12.4919 7.79999 12.0335C7.79999 11.5752 8.17499 11.2002 8.63332 11.2002C9.09165 11.2002 9.46665 11.5752 9.46665 12.0335C9.46665 12.4919 9.09999 12.8669 8.63332 12.8669Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-sidebar .sidebar__link1:hover .dp-icon.dp-icon__sidebar-usermanual {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8,3 L8,17 L19,17 L19,3.5 C19,3.22385763 18.7761424,3 18.5,3 L8,3 Z M7,3 L6.5,3 C5.67157288,3 5,3.67157288 5,4.5 L5,17.4998169 C5.41783027,17.1859724 5.93719704,17 6.5,17 L7,17 L7,3 Z M4.15121433,20.3582581 C4.05793442,20.2674293 4,20.1404803 4,20 L4,4.5 C4,3.11928813 5.11928813,2 6.5,2 L18.5,2 C19.3284271,2 20,2.67157288 20,3.5 L20,20.5 C20,21.3284271 19.3284271,22 18.5,22 L6.5,22 C5.42082093,22 4.50134959,21.3162099 4.15121433,20.3582581 L4.15121433,20.3582581 Z M19,18 L6.5,18 C5.67157288,18 5,18.6715729 5,19.5 C5,20.3284271 5.67157288,21 6.5,21 L18.5,21 C18.7761424,21 19,20.7761424 19,20.5 L19,18 Z M10.5,10 C10.2238576,10 10,9.77614237 10,9.5 C10,9.22385763 10.2238576,9 10.5,9 L16.5,9 C16.7761424,9 17,9.22385763 17,9.5 C17,9.77614237 16.7761424,10 16.5,10 L10.5,10 Z M10.5,8 C10.2238576,8 10,7.77614237 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 L14.5,7 C14.7761424,7 15,7.22385763 15,7.5 C15,7.77614237 14.7761424,8 14.5,8 L10.5,8 Z' fill='white' stroke='white' stroke-width='0.1' opacity='0.6'/%3E%3C/svg%3E");
}
.dp-sidebar .sidebar__link1 .sidebar__text1 {
  padding-left: 8px;
  font-size: var(--subtitle---subtitle3);
  color: var(--white);
  width: calc(100% - 24px - 12px);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-sidebar .sidebar__list2 {
  margin-top: 8px;
  margin-left: 24px;
  width: calc(100% - 24px);
  position: relative;
  display: none;
}
.dp-sidebar .sidebar__list2::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
}
.dp-sidebar .sidebar__item2.sidebar__item2--is-active .sidebar__link2 {
  background: var(--sidebarLinkHoverBackground);
  color: var(--white);
  font-weight: 600;
}
.dp-sidebar .sidebar__link2 {
  font-size: 13px;
  color: var(--grayscale---gray50_bbbbbb);
  margin-left: 8px;
  padding: 6px 8px;
  display: block;
  border-radius: 6px;
  width: calc(100% - 20px);
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-sidebar .sidebar__link2:hover {
  background: var(--sidebarLinkHoverBackground);
}
@media (max-width: 768px) {
  .dp-sidebar .sidebar__link2 {
    padding: 8.25px 8px;
  }
}

.dp.dp--is-active .dp__content {
  margin-left: 60px;
}
@media (max-width: 1400px) {
  .dp.dp--is-active .dp__content {
    margin-left: 0;
  }
}

.dp__content {
  margin-top: 60px;
  margin-left: 248px;
  background: var(--primary---primary10);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media (max-width: 1400px) {
  .dp__content {
    margin-left: 0;
    margin-top: 50px;
  }
}
.dp__content .dp__container {
  padding: 40px 30px;
  min-height: calc(100vh - 60px);
  position: relative;
}
.dp__content .dp__container::before {
  content: "";
  width: calc(100% + 30px);
  height: 300px;
  background: none;
  position: absolute;
  top: -40px;
  left: -30px;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 480px) {
  .dp__content .dp__container::before {
    left: -16px;
    width: calc(100% + 32px);
  }
}
.dp__content .dp__container .dealer__top {
  position: relative;
  z-index: 1;
}
@media (max-width: 480px) {
  .dp__content .dp__container {
    padding: 40px 16px;
  }
}
.dp__content:has(.login) {
  margin: 0 auto !important;
}
.dp__content:has(.login) .dp__container {
  padding: 0;
  min-height: 100vh;
}

.main {
  position: relative;
}
.main::before {
  width: calc(100% + 60px);
  height: 255px;
  background: var(--primary---primary20);
  position: absolute;
  top: -40px;
  left: -30px;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 480px) {
  .main::before {
    left: -16px;
    width: calc(100% + 32px);
  }
}
.main__title {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 768px) {
  .main__title {
    margin-bottom: 24px;
  }
}
.main__subject {
  font-size: 32px;
  font-weight: 700;
  color: var(--grayscale---gray100_111111);
}
@media (max-width: 768px) {
  .main__subject {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .main__subject {
    font-size: 20px;
  }
}
.main__tab {
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .main__tab {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }
  .main__tab::before {
    content: "";
    width: calc(100% + 60px);
    height: 100%;
    background: var(--primary---primary20);
    position: absolute;
    left: -30px;
    z-index: 0;
  }
}
@media (max-width: 480px) {
  .main__tab::before {
    width: calc(100% + 32px);
    left: -16px;
  }
}
.main__tab .slds-tabs_default__content {
  padding: 0;
  margin-top: 20px;
}
.main .count__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1400px) {
  .main .count__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -20px;
  }
}
@media (max-width: 480px) {
  .main .count__list {
    margin-bottom: -8px;
  }
}
.main .count__item {
  width: calc(20% - 16px);
  margin-right: 20px;
  background: var(--white);
  border-radius: 8px;
  padding: 28px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
}
.main .count__item:last-child {
  margin-right: 0;
}
@media (max-width: 1400px) {
  .main .count__item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .main .count__item:nth-child(2n) {
    margin-right: 0;
  }
  .main .count__item:last-child {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main .count__item {
    padding: 16px 14px;
  }
}
@media (max-width: 480px) {
  .main .count__item {
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main .count__title {
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray80_555555);
  margin-bottom: 10px;
}
.main .count__bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .count__number {
  font-size: 40px;
  color: var(--grayscale---gray90_333333);
  font-weight: 700;
}
@media (max-width: 480px) {
  .main .count__number {
    font-size: 32px;
  }
}
.main .count__icon {
  width: 48px;
  height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .main .count__icon {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 768px) {
  .main lightning-tabset.dp-tabset {
    position: relative;
    z-index: 0;
  }
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-bottom: 1px solid var(--grayscale---gray70_777777);
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item {
  font-size: var(--subtitle---subtitle3);
  padding: 0;
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item:hover::after,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item:hover::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item:hover::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item:hover::after {
  content: "";
  height: 1px;
  background-color: var(--grayscale---gray90_333333);
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active::after, .main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-active::after,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-is-active::after,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-active::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-is-active::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-active::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-is-active::after,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-active::after {
  content: "";
  height: 2px;
  background-color: var(--grayscale---gray100_111111);
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-is-active .slds-tabs--default__link, .main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-is-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-is-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-is-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-is-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-is-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-is-active .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-active .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-active .slds-tabs--default__link {
  color: var(--grayscale---gray90_333333);
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item.slds-tabs_default__overflow-button,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item.slds-tabs_default__overflow-button,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item.slds-tabs_default__overflow-button,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item.slds-tabs_default__overflow-button {
  display: none;
}
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs_default__item .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs_default__nav .slds-tabs--default__item .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs_default__item .slds-tabs--default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item .slds-tabs_default__link,
.main lightning-tabset.dp-tabset .slds-tabs--default__nav .slds-tabs--default__item .slds-tabs--default__link {
  font-size: 14px;
  color: var(--grayscale---gray70_777777);
  font-weight: 500;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}
.main__two-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (max-width: 1400px) {
  .main__two-layout {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main__two-layout .subtitle {
  padding: 16px 20px 12px 20px;
  border-bottom: 1px solid var(--grayscale---gray30_e8e8e8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .main__two-layout .subtitle {
    margin-bottom: 20px;
  }
}
.main__two-layout .subtitle__subject {
  font-size: var(--subtitle---subtitle2);
  font-weight: 700;
}
.main__two-layout .subtitle__icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__two-layout .subtitle__icons button {
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  margin-right: 16px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.main__two-layout .subtitle__icons button:hover {
  background: var(--grayscale---gray30_e8e8e8);
}
.main__two-layout .subtitle__icons button:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .main__two-layout .subtitle__icons button {
    margin-right: 8px;
  }
}
.main__two-layout .subtitle__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray90_333333);
}
.main__two-layout .subtitle__link .dp-icon {
  margin-left: 4px;
}
@media (max-width: 768px) {
  .main__two-layout .subtitle {
    padding: 16px 16px 8px;
  }
}
.main__dashboard {
  width: calc(67% - 10px);
  margin-right: 20px;
  background-color: var(--white);
  border-radius: 8px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
}
@media (max-width: 1400px) {
  .main__dashboard {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.main__dashboard .dashboard__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 24px;
  margin-bottom: -12px;
}
@media (max-width: 768px) {
  .main__dashboard .dashboard__list {
    padding: 0 16px 0;
    margin-bottom: -12px;
  }
}
.main__dashboard .dashboard__item {
  width: calc(33.3334% - 8px);
  margin-right: 12px;
  margin-bottom: 12px;
}
.main__dashboard .dashboard__item:nth-child(3n) {
  margin-right: 0;
}
.main__dashboard .dashboard__item > img {
  width: 100%;
}
@media (max-width: 768px) {
  .main__dashboard .dashboard__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.main__boards {
  width: calc(33% - 10px);
}
@media (max-width: 1400px) {
  .main__boards {
    width: 100%;
  }
}
.main__boards .board__item {
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
}
.main__count {
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .main__count {
    margin-bottom: 40px;
  }
}
.main__banner {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: calc(100% + 60px);
  top: -40px;
  margin-bottom: -88px;
  left: -30px;
}
@media (max-width: 768px) {
  .main__banner {
    margin-bottom: -70px;
  }
}
@media (max-width: 480px) {
  .main__banner {
    left: -16px;
    width: calc(100% + 32px);
  }
}
.main__banner .banner__image img {
  width: 100%;
  min-height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .main__banner .banner__image img {
    min-height: 400px;
  }
}
.main__banner .banner__image .banner__image--pc {
  display: block;
}
.main__banner .banner__image .banner__image--mob {
  display: none;
}
@media (max-width: 768px) {
  .main__banner .banner__image .banner__image--pc {
    display: none;
  }
  .main__banner .banner__image .banner__image--mob {
    display: block;
  }
}
.main__banner .banner__text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 120px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1400px) {
  .main__banner .banner__text {
    width: calc(100% - 60px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (max-width: 768px) {
  .main__banner .banner__text {
    top: 100px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 480px) {
  .main__banner .banner__text {
    width: calc(100% - 32px);
    top: 50px;
  }
  .main__banner .banner__text br {
    display: none;
  }
}
.main__banner .banner__title {
  font-size: 48px;
  color: var(--white);
  font-weight: 700;
  line-height: 52px;
  word-break: keep-all;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .main__banner .banner__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .main__banner .banner__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.main__banner .banner__desc {
  margin-top: 20px;
  font-size: 16px;
  color: var(--white);
  word-break: keep-all;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .main__banner .banner__desc {
    font-size: 14px;
    margin-top: 12px;
  }
}
@media (max-width: 480px) {
  .main__banner .banner__desc {
    font-size: 13px;
    margin-top: 8px;
  }
}
.main__banner .banner__button {
  margin-top: 32px;
}
@media (max-width: 480px) {
  .main__banner .banner__button {
    margin-top: 20px;
  }
}
.main__banner .swiper-wrapper + .swiper-pagination {
  position: absolute;
  bottom: 80px;
  z-index: 1;
}
@media (max-width: 768px) {
  .main__banner .swiper-wrapper + .swiper-pagination {
    bottom: 52px;
  }
}
.main__banner .swiper-wrapper + .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 0.6;
  background-color: var(--white);
  margin: 0 8px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.main__banner .swiper-wrapper + .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--primary---primary70);
  opacity: 1;
}

.login {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .login {
    display: block;
  }
}
@media (max-width: 480px) {
  .login {
    padding: 0 16px;
  }
}
.login__container {
  width: 1200px;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
  .login__container {
    display: block;
    border-radius: 0;
    overflow: visible;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
  }
}
.login__image {
  width: 660px;
}
@media (max-width: 1200px) {
  .login__image {
    width: 560px;
  }
}
@media (max-width: 991px) {
  .login__image {
    width: 400px;
  }
  .login__image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .login__image {
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
  }
  .login__image img {
    -o-object-fit: inherit;
       object-fit: inherit;
    height: auto;
  }
}
@media (max-width: 480px) {
  .login__image {
    left: -16px;
    width: calc(100% + 32px);
  }
}
.login__form {
  width: calc(100% - 660px);
  padding: 0 80px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 1400px) {
  .login__form {
    padding: 0 40px;
  }
}
@media (max-width: 1200px) {
  .login__form {
    width: calc(100% - 560px);
  }
}
@media (max-width: 991px) {
  .login__form {
    width: calc(100% - 400px);
    padding: 40px 20px;
  }
}
@media (max-width: 768px) {
  .login__form {
    width: 100%;
    padding: 40px 24px 60px;
    margin-top: 40px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
  }
}
.login__form form {
  width: 100%;
  display: block;
}
.login__text {
  margin-bottom: 32px;
}
.login__text h1 {
  font-size: var(--headline---headline3);
  font-weight: 700;
  color: var(--grayscale---gray100_111111);
}
.login__text p {
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray70_777777);
  margin-top: 8px;
}
.login__sso .sso__button {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--grayscale---gray40_dddddd);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: var(--grayscale---gray90_333333);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.login__sso .sso__button:hover {
  background: var(--grayscale---gray20_f5f5f5);
}
.login__sso .sso__button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='google symbol'%3E%3Cg id='Clip path group'%3E%3Cmask id='mask0_295_7052' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='10' width='8' height='8'%3E%3Cg id='clippath'%3E%3Cpath id='Vector' d='M19.6584 12.1756C19.6584 11.6282 19.609 11.1022 19.5161 10.5977H12.1562V13.5814H16.3616C16.1803 14.546 15.6301 15.3624 14.8022 15.9098V17.8449H17.3275C18.8054 16.5017 19.6576 14.5246 19.6576 12.1748L19.6584 12.1756Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_295_7052)'%3E%3Cg id='Group'%3E%3Cpath id='Vector_2' d='M24.0001 6.31183H7.8147V22.1308H24.0001V6.31183Z' fill='%233E82F1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Clip path group_2'%3E%3Cmask id='mask1_295_7052' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='5' y='13' width='13' height='7'%3E%3Cg id='clippath-1'%3E%3Cpath id='Vector_3' d='M12.1563 19.7142C14.266 19.7142 16.0354 19.0237 17.3284 17.845L14.8031 15.9098C14.1037 16.3724 13.2081 16.6465 12.1572 16.6465C10.1222 16.6465 8.39872 15.2896 7.78432 13.4658H5.1731V15.4643C6.45918 17.9855 9.10165 19.7142 12.1563 19.7142Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask1_295_7052)'%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_4' d='M21.6701 9.17993H0.831543V24H21.6701V9.17993Z' fill='%2332A753'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Clip path group_3'%3E%3Cmask id='mask2_295_7052' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='4' y='8' width='4' height='8'%3E%3Cg id='clippath-2'%3E%3Cpath id='Vector_5' d='M7.7834 13.4657C7.6272 13.0032 7.53868 12.5089 7.53868 12C7.53868 11.4912 7.6272 10.9969 7.7834 10.5343V8.53571H5.17218C4.64282 9.5774 4.34082 10.7553 4.34082 12C4.34082 13.2447 4.64282 14.4226 5.17218 15.4643L7.7834 13.4657Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask2_295_7052)'%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_6' d='M12.125 4.24988H0V19.7502H12.125V4.24988Z' fill='%23F9BB00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Clip path group_4'%3E%3Cmask id='mask3_295_7052' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='5' y='4' width='13' height='7'%3E%3Cg id='clippath-3'%3E%3Cpath id='Vector_7' d='M12.1563 7.3535C13.3036 7.3535 14.3336 7.74242 15.1433 8.50741L17.3848 6.29468C16.0311 5.04996 14.2625 4.28583 12.1563 4.28583C9.10165 4.28583 6.45831 6.01455 5.1731 8.53568L7.78432 10.5343C8.39872 8.7113 10.1213 7.3535 12.1572 7.3535H12.1563Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask3_295_7052)'%3E%3Cg id='Group_4'%3E%3Cpath id='Vector_8' d='M21.7265 0H0.831543V14.8201H21.7265V0Z' fill='%23E74133'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center/24px 24px no-repeat;
  margin-right: 1px;
}
.login__line {
  margin: 20px auto;
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .login__line {
    margin: 16px auto;
  }
}
.login__line::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--grayscale---gray40_dddddd);
  position: absolute;
  left: 0;
  top: 12px;
}
.login__line .line__text {
  position: relative;
  font-size: var(--subtitle---subtitle2);
  color: var(--grayscale---gray90_333333);
  padding: 0 16px;
  background: #fff;
}
.login__input {
  margin-bottom: 12px;
}
.login__input .slds-form-element__label {
  font-weight: 500;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .login__input {
    margin-bottom: 8px;
  }
}
.login__input:nth-last-of-type(2) {
  margin-bottom: 0;
}
.login__button {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .login__button {
    margin-top: 20px;
  }
}

.dp-icon {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dp-icon--w48 {
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px 48px;
}
@media (max-width: 480px) {
  .dp-icon--w48 {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
  }
}
.dp-icon--w24 {
  width: 24px;
  height: 24px;
  display: block;
  background-size: 24px 24px;
}
.dp-icon--w16 {
  width: 16px;
  height: 16px;
  display: block;
  background-size: 16px 16px;
}
.dp-icon--w12 {
  width: 12px;
  height: 12px;
  display: block;
  background-size: 12px 12px;
}
.dp-icon__sidabar-menu {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.7' y1='5.07783' x2='19.3' y2='5.07783' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='4.7' y1='11.3' x2='12.1889' y2='11.3' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='4.7' y1='17.5222' x2='12.1889' y2='17.5222' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M20.5673 13.1788C20.7828 13.3387 20.7828 13.6613 20.5673 13.8212L16.3884 16.9232C16.1245 17.1191 15.75 16.9307 15.75 16.602L15.75 10.398C15.75 10.0693 16.1245 9.88086 16.3884 10.0768L20.5673 13.1788Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_12_arrow_down_line'%3E%3Cpath id='arrow' d='M10.2998 4L6.09165 8.25L1.7998 4' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-home {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_home' opacity='0.6'%3E%3Cpath id='Icon' d='M9.33333 20V13.9136C9.33333 13.3534 9.8109 12.8992 10.4 12.8992H13.6C14.1891 12.8992 14.6667 13.3534 14.6667 13.9136V20M11.3818 4.18771L4.44851 8.87647C4.16713 9.06676 4 9.3748 4 9.70316V18.4784C4 19.3188 4.71634 20 5.6 20H18.4C19.2837 20 20 19.3188 20 18.4784V9.70316C20 9.3748 19.8329 9.06676 19.5515 8.87647L12.6182 4.18771C12.2481 3.93743 11.7519 3.93743 11.3818 4.18771Z' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-id {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='2' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M12.9999 17L13 15.5001C13.0001 14.6717 12.3285 14 11.5 14H7.5002C6.67182 14 6.00026 14.6715 6.00017 15.4998L6 17M11.0001 10.5C11.0001 11.3284 10.3285 12 9.50007 12C8.67162 12 8.00004 11.3284 8.00004 10.5C8.00004 9.67157 8.67162 9 9.50007 9C10.3285 9 11.0001 9.67157 11.0001 10.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 8H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M15 11H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M16 14H18' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-store {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M4.47144 11.1665V18.3362C4.47144 19.4408 5.36687 20.3362 6.47144 20.3362H17.4764C18.581 20.3362 19.4764 19.4408 19.4764 18.3362V11.1665' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9738 12.0002C13.4994 12.0002 14.6247 10.7581 14.4747 9.23258L13.9245 3.66406H10.0315L9.47302 9.23258C9.32297 10.7581 10.4483 12.0002 11.9738 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.234 12.0002C18.9179 12.0002 20.1516 10.633 19.9849 8.95748L19.7515 6.66506C19.4514 4.49767 18.6178 3.66406 16.4337 3.66406H13.8912L14.4748 9.50767C14.6165 10.8831 15.8586 12.0002 17.234 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.67213 12.0002C8.04759 12.0002 9.28967 10.8831 9.42304 9.50767L9.60644 7.66539L10.0066 3.66406H7.46406C5.28 3.66406 4.44639 4.49767 4.1463 6.66506L3.92122 8.95748C3.7545 10.633 4.98824 12.0002 6.67213 12.0002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15C10.664 15 10 15.83 10 17.5V20H14V17.5C14 15.83 13.336 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-person {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_My Job' opacity='0.6'%3E%3Cg id='Icon'%3E%3Cpath d='M4 19.0937C4 15.9474 6.62857 13.3968 12 13.3968C17.3714 13.3968 20 15.9474 20 19.0937C20 19.5942 19.6348 20 19.1843 20H4.81569C4.3652 20 4 19.5942 4 19.0937Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M15 7C15 8.65685 13.6569 10 12 10C10.3431 10 9 8.65685 9 7C9 5.34315 10.3431 4 12 4C13.6569 4 15 5.34315 15 7Z' stroke='white' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-stock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M3.69995 9.2002V5.7002C3.69995 4.59563 4.59538 3.7002 5.69995 3.7002H18.2C19.3045 3.7002 20.2 4.59563 20.2 5.7002V9.2002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.2 14.7002L20.2 18.2002C20.2 19.3048 19.3045 20.2002 18.2 20.2002L5.69995 20.2002C4.59538 20.2002 3.69995 19.3048 3.69995 18.2002L3.69995 14.7002' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.2 6.40415C11.6332 6.15406 12.1669 6.15406 12.6 6.40415L16.3962 8.59585C16.8293 8.84594 17.0962 9.30812 17.0962 9.80829V14.1917C17.0962 14.6919 16.8293 15.1541 16.3962 15.4041L12.6 17.5959C12.1669 17.8459 11.6332 17.8459 11.2 17.5959L7.40387 15.4041C6.97071 15.1541 6.70387 14.6919 6.70387 14.1917V9.80829C6.70387 9.30812 6.97071 8.84594 7.40387 8.59585L11.2 6.40415Z' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M7.40002 9.5L11.2201 11.6223C11.643 11.8572 12.1571 11.8572 12.5799 11.6223L16.4 9.5' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.9 12V17.0773' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-cart {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M18 19.5C18.5523 19.5 19 19.0523 19 18.5C19 17.9477 18.5523 17.5 18 17.5C17.4477 17.5 17 17.9477 17 18.5C17 19.0523 17.4477 19.5 18 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19.5C10.5523 19.5 11 19.0523 11 18.5C11 17.9477 10.5523 17.5 10 17.5C9.44772 17.5 9 17.9477 9 18.5C9 19.0523 9.44772 19.5 10 19.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4.5H6.90909L8.85818 14.3191C8.92469 14.6567 9.10684 14.96 9.37276 15.1758C9.63868 15.3917 9.97142 15.5063 10.3127 15.4997H17.3818C17.7231 15.5063 18.0559 15.3917 18.3218 15.1758C18.5877 14.96 18.7699 14.6567 18.8364 14.3191L20 8.16658H7.63636' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-clock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M12.6 4.00069C12.6 3.66932 12.3313 3.40069 12 3.40069C11.6686 3.40069 11.4 3.66932 11.4 4.00069H12.6ZM12 11.9999H11.4C11.4 12.3313 11.6686 12.5999 12 12.5999V11.9999ZM19.9992 12.5999C20.3306 12.5999 20.5992 12.3313 20.5992 11.9999C20.5992 11.6686 20.3306 11.3999 19.9992 11.3999V12.5999ZM4.00073 11.9999L3.40073 11.9999L4.00073 11.9999ZM10.4399 4.15488L10.5569 4.74336L10.4399 4.15488ZM19.3905 8.93979L19.9448 8.71022L19.9448 8.71021L19.3905 8.93979ZM16.4437 18.6519L16.777 19.1508L16.777 19.1508L16.4437 18.6519ZM6.34336 17.6565L6.76765 17.2323L6.76765 17.2323L6.34336 17.6565ZM11.4 4.00069V11.9999H12.6V4.00069H11.4ZM12 12.5999H19.9992V11.3999H12V12.5999ZM4.60073 12C4.60099 8.47001 7.09474 5.43179 10.5569 4.74336L10.3229 3.5664C6.29922 4.36648 3.40103 7.89743 3.40073 11.9999L4.60073 12ZM10.5569 4.74336C14.0191 4.05493 17.4855 5.90802 18.8361 9.16937L19.9448 8.71021C18.3751 4.91995 14.3466 2.76632 10.3229 3.5664L10.5569 4.74336ZM18.8361 9.16937C20.1868 12.4307 19.0456 16.192 16.1104 18.153L16.777 19.1508C20.1882 16.8718 21.5145 12.5005 19.9448 8.71022L18.8361 9.16937ZM16.1104 18.153C13.1752 20.114 9.26359 19.7285 6.76765 17.2323L5.91908 18.0808C8.8198 20.9818 13.3658 21.4298 16.777 19.1508L16.1104 18.153ZM6.76765 17.2323C5.38006 15.8446 4.60059 13.9624 4.60073 12L3.40073 11.9999C3.40057 14.2806 4.30645 16.468 5.91908 18.0808L6.76765 17.2323Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-repair {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M13.7511 7.58637C13.5984 7.74214 13.5129 7.95157 13.5129 8.1697C13.5129 8.38783 13.5984 8.59726 13.7511 8.75303L15.0844 10.0864C15.2402 10.2391 15.4496 10.3246 15.6678 10.3246C15.8859 10.3246 16.0953 10.2391 16.2511 10.0864L19.3928 6.9447C19.8118 7.87069 19.9387 8.9024 19.7565 9.90232C19.5743 10.9022 19.0917 11.8229 18.373 12.5416C17.6543 13.2603 16.7336 13.7429 15.7337 13.9251C14.7338 14.1073 13.7021 13.9804 12.7761 13.5614L7.01777 19.3197C6.68625 19.6512 6.23661 19.8375 5.76777 19.8375C5.29893 19.8375 4.84929 19.6512 4.51777 19.3197C4.18625 18.9882 4 18.5385 4 18.0697C4 17.6009 4.18625 17.1512 4.51777 16.8197L10.2761 11.0614C9.85707 10.1354 9.7302 9.10367 9.91239 8.10375C10.0946 7.10382 10.5772 6.18316 11.2959 5.46447C12.0146 4.74577 12.9352 4.26318 13.9351 4.08099C14.9351 3.8988 15.9668 4.02567 16.8928 4.4447L13.7594 7.57803L13.7511 7.58637Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-setting {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M12.008 14.6316C13.4508 14.6316 14.6205 13.462 14.6205 12.0192C14.6205 10.5764 13.4508 9.40674 12.008 9.40674C10.5652 9.40674 9.39563 10.5764 9.39563 12.0192C9.39563 13.462 10.5652 14.6316 12.008 14.6316Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.29999 12.7856V11.2529C3.29999 10.3473 4.04017 9.59841 4.95452 9.59841C6.53068 9.59841 7.17507 8.48378 6.38264 7.11662C5.92982 6.33289 6.19977 5.31405 6.9922 4.86123L8.4987 3.99913C9.18663 3.58985 10.0749 3.83368 10.4841 4.52162L10.5799 4.68707C11.3636 6.05423 12.6524 6.05423 13.4449 4.68707L13.5407 4.52162C13.9499 3.83368 14.8382 3.58985 15.5261 3.99913L17.0326 4.86123C17.825 5.31405 18.095 6.33289 17.6422 7.11662C16.8497 8.48378 17.4941 9.59841 19.0703 9.59841C19.9759 9.59841 20.7248 10.3386 20.7248 11.2529V12.7856C20.7248 13.6912 19.9846 14.4401 19.0703 14.4401C17.4941 14.4401 16.8497 15.5547 17.6422 16.9219C18.095 17.7143 17.825 18.7245 17.0326 19.1773L15.5261 20.0394C14.8382 20.4487 13.9499 20.2048 13.5407 19.5169L13.4449 19.3514C12.6611 17.9843 11.3724 17.9843 10.5799 19.3514L10.4841 19.5169C10.0749 20.2048 9.18663 20.4487 8.4987 20.0394L6.9922 19.1773C6.19977 18.7245 5.92982 17.7056 6.38264 16.9219C7.17507 15.5547 6.53068 14.4401 4.95452 14.4401C4.04017 14.4401 3.29999 13.6912 3.29999 12.7856Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-usermanual {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8,3 L8,17 L19,17 L19,3.5 C19,3.22385763 18.7761424,3 18.5,3 L8,3 Z M7,3 L6.5,3 C5.67157288,3 5,3.67157288 5,4.5 L5,17.4998169 C5.41783027,17.1859724 5.93719704,17 6.5,17 L7,17 L7,3 Z M4.15121433,20.3582581 C4.05793442,20.2674293 4,20.1404803 4,20 L4,4.5 C4,3.11928813 5.11928813,2 6.5,2 L18.5,2 C19.3284271,2 20,2.67157288 20,3.5 L20,20.5 C20,21.3284271 19.3284271,22 18.5,22 L6.5,22 C5.42082093,22 4.50134959,21.3162099 4.15121433,20.3582581 L4.15121433,20.3582581 Z M19,18 L6.5,18 C5.67157288,18 5,18.6715729 5,19.5 C5,20.3284271 5.67157288,21 6.5,21 L18.5,21 C18.7761424,21 19,20.7761424 19,20.5 L19,18 Z M10.5,10 C10.2238576,10 10,9.77614237 10,9.5 C10,9.22385763 10.2238576,9 10.5,9 L16.5,9 C16.7761424,9 17,9.22385763 17,9.5 C17,9.77614237 16.7761424,10 16.5,10 L10.5,10 Z M10.5,8 C10.2238576,8 10,7.77614237 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 L14.5,7 C14.7761424,7 15,7.22385763 15,7.5 C15,7.77614237 14.7761424,8 14.5,8 L10.5,8 Z' fill='white' stroke='white' stroke-width='0.1' opacity='0.6'/%3E%3C/svg%3E");
}
.dp-icon__sidebar-inventory {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Part Inventory' opacity='0.6'%3E%3Cpath id='Icon' d='M19.9435 8H4.05653M14.3529 11.5294C12.4003 11.5294 9.64706 11.5294 9.64706 11.5294M20 8.47214V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V8.47214C4 8.16165 4.07229 7.85542 4.21115 7.57771L5.58541 4.82918C5.8395 4.321 6.35889 4 6.92705 4H17.0729C17.6411 4 18.1605 4.321 18.4146 4.82918L19.7889 7.57771C19.9277 7.85542 20 8.16165 20 8.47214Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-order {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Order' opacity='0.6'%3E%3Cpath id='Icon' d='M8.4002 7.20002H15.6002M8.4002 10.8H15.6002M8.4002 14.4H12.0002M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-invoice {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Invoice' opacity='0.6'%3E%3Cpath id='Icon' opacity='0.6' d='M3.0933 9.45639H20.9059M6.65582 13.4129H9.62459M4.87501 5.5H19.1247C20.4364 5.5 21.4997 6.51144 21.4997 7.76005L21.5 16.2401C21.5 17.4888 20.4367 18.5 19.125 18.5L4.87525 18.4999C3.5636 18.4999 2.50029 17.4877 2.50025 16.2391L2.5 7.76094C2.49996 6.51227 3.5633 5.5 4.87501 5.5Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-claim {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Claim' opacity='0.6'%3E%3Cpath id='Icon' opacity='0.6' d='M9.60005 11.1875L11.4 12.9875L15.0001 9.38751M4.80005 5.7875L10.3901 2.99249C11.4036 2.48574 12.5965 2.48574 13.61 2.99249L19.2001 5.7875C19.2001 5.7875 19.2001 11.0435 19.2001 13.8155C19.2001 16.5875 16.6377 18.4587 12 21.3875C7.36245 18.4587 4.80005 15.9875 4.80005 13.8155V5.7875Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-sales {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Sales' opacity='0.6'%3E%3Cpath id='Icon' d='M8.4002 18V12.6M12.0002 18V7.20002M15.6002 18V10.8M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-transfer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_Parts Transfer' opacity='0.6'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M20 7.5L12 3L4 7.5V16.5L12 21L20 16.5V7.5ZM12 15C13.7006 15 15.0792 13.6569 15.0792 12C15.0792 10.3431 13.7006 9 12 9C10.2994 9 8.9208 10.3431 8.9208 12C8.9208 13.6569 10.2994 15 12 15Z' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-more {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Crect x='4' y='4' width='16' height='16' rx='4' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M11.9666 12.8669C11.5 12.8669 11.1333 12.4919 11.1333 12.0335C11.1333 11.5752 11.5083 11.2002 11.9666 11.2002C12.425 11.2002 12.8 11.5752 12.8 12.0335C12.8 12.4919 12.4333 12.8669 11.9666 12.8669Z' fill='white'/%3E%3Cpath d='M15.3 12.8669C14.8333 12.8669 14.4666 12.4919 14.4666 12.0335C14.4666 11.5752 14.8416 11.2002 15.3 11.2002C15.7583 11.2002 16.1333 11.5752 16.1333 12.0335C16.1333 12.4919 15.7666 12.8669 15.3 12.8669Z' fill='white'/%3E%3Cpath d='M8.63332 12.8669C8.16665 12.8669 7.79999 12.4919 7.79999 12.0335C7.79999 11.5752 8.17499 11.2002 8.63332 11.2002C9.09165 11.2002 9.46665 11.5752 9.46665 12.0335C9.46665 12.4919 9.09999 12.8669 8.63332 12.8669Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__count--setting {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='8' fill='%23FBECED'/%3E%3Cpath opacity='0.5' d='M10 25.1963V22.8034C10 21.3894 11.1894 20.2201 12.6587 20.2201C15.1914 20.2201 16.2269 18.4798 14.9535 16.3452C14.2259 15.1215 14.6597 13.5308 15.933 12.8237L18.3538 11.4777C19.4593 10.8387 20.8866 11.2194 21.5442 12.2935L21.6982 12.5518C22.9575 14.6864 25.0285 14.6864 26.3018 12.5518L26.4558 12.2935C27.1134 11.2194 28.5407 10.8387 29.6462 11.4777L32.067 12.8237C33.3403 13.5308 33.7741 15.1215 33.0465 16.3452C31.7731 18.4798 32.8086 20.2201 35.3413 20.2201C36.7966 20.2201 38 21.3758 38 22.8034V25.1963C38 26.6103 36.8106 27.7796 35.3413 27.7796C32.8086 27.7796 31.7731 29.5199 33.0465 31.6545C33.7741 32.8918 33.3403 34.4689 32.067 35.1759L29.6462 36.522C28.5407 37.161 27.1134 36.7803 26.4558 35.7062L26.3018 35.4479C25.0425 33.3132 22.9715 33.3132 21.6982 35.4479L21.5442 35.7062C20.8866 36.7803 19.4593 37.161 18.3538 36.522L15.933 35.1759C14.6597 34.4689 14.2259 32.8782 14.9535 31.6545C16.2269 29.5199 15.1914 27.7796 12.6587 27.7796C11.1894 27.7796 10 26.6103 10 25.1963Z' fill='%23EF2F26'/%3E%3Cpath d='M23.9997 28.6663C26.577 28.6663 28.6663 26.577 28.6663 23.9997C28.6663 21.4223 26.577 19.333 23.9997 19.333C21.4223 19.333 19.333 21.4223 19.333 23.9997C19.333 26.577 21.4223 28.6663 23.9997 28.6663Z' fill='%23FBECED'/%3E%3C/svg%3E%0A");
}
.dp-icon__count--check {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='8' fill='%23E6FAF3'/%3E%3Crect x='11' y='11' width='26' height='26' rx='13' fill='%2305CD99'/%3E%3Cpath d='M17.5 23.9998L21.8333 28.3332L30.5 19.6665' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dp-icon__count--dollar {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 15'%3E%3Crect width='48' height='48' rx='8' fill='%23FEF8E7'/%3E%3Cpath id='Vector' d='M28.6443 24L25.8753 23.0578V17.0311H26.5355C28.0208 17.0311 29.2311 18.2933 29.2311 19.84C29.2311 20.5689 29.8545 21.1733 30.6064 21.1733C31.3582 21.1733 31.9817 20.5689 31.9817 19.84C31.9817 16.8178 29.5428 14.3644 26.5355 14.3644H25.8753V13.3333C25.8753 12.6044 25.2518 12 24.5 12C23.7482 12 23.1247 12.6044 23.1247 13.3333V14.3644H21.9328C19.2188 14.3644 17 16.5867 17 19.3067C17 22.4889 18.9071 23.5022 20.3557 24L23.1247 24.9422V30.9511H22.4645C20.9792 30.9511 19.7689 29.6889 19.7689 28.1422C19.7689 27.4133 19.1455 26.8089 18.3936 26.8089C17.6418 26.8089 17.0183 27.4133 17.0183 28.1422C17.0183 31.1644 19.4572 33.6178 22.4645 33.6178H23.1247V34.6667C23.1247 35.3956 23.7482 36 24.5 36C25.2518 36 25.8753 35.3956 25.8753 34.6667V33.6356H27.0672C29.7812 33.6356 32 31.4133 32 28.6933C31.9817 25.4933 30.0746 24.48 28.6443 24ZM21.2726 21.4933C20.3374 21.1733 19.7689 20.8711 19.7689 19.3244C19.7689 18.0622 20.7408 17.0489 21.9511 17.0489H23.143V22.1333L21.2726 21.4933ZM27.0672 30.9689H25.8753V25.8844L27.7274 26.5067C28.6626 26.8267 29.2311 27.1289 29.2311 28.6756C29.2311 29.9378 28.2592 30.9689 27.0672 30.9689Z' fill='%23FDBE00'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__count--check-list {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='8' fill='%23EFF4FF'/%3E%3Cpath d='M34.0002 35.4951H22.6627C22.1002 35.4951 21.6377 34.9093 21.6377 34.1968C21.6377 33.4843 22.1002 32.8984 22.6627 32.8984H34.0002C34.5627 32.8984 35.0252 33.4843 35.0252 34.1968C35.0252 34.9251 34.5627 35.4951 34.0002 35.4951Z' fill='%236194FF'/%3E%3Cpath d='M34.0002 25.5356H22.6627C22.1002 25.5356 21.6377 24.9498 21.6377 24.2373C21.6377 23.5248 22.1002 22.939 22.6627 22.939H34.0002C34.5627 22.939 35.0252 23.5248 35.0252 24.2373C35.0252 24.9498 34.5627 25.5356 34.0002 25.5356Z' fill='%236194FF'/%3E%3Cpath d='M34.0002 15.561H22.6627C22.1002 15.561 21.6377 14.9752 21.6377 14.2627C21.6377 13.5502 22.1002 12.9644 22.6627 12.9644H34.0002C34.5627 12.9644 35.0252 13.5502 35.0252 14.2627C35.0252 14.9752 34.5627 15.561 34.0002 15.561Z' fill='%236194FF'/%3E%3Cpath opacity='0.4' d='M15.1376 17.7144C14.8626 17.7144 14.6001 17.5719 14.4126 17.3344L13.2751 15.8935C12.8751 15.3869 12.8751 14.5635 13.2751 14.0569C13.6751 13.5502 14.3251 13.5502 14.7251 14.0569L15.1376 14.5794L17.8126 11.191C18.2126 10.6844 18.8626 10.6844 19.2626 11.191C19.6626 11.6977 19.6626 12.521 19.2626 13.0277L15.8626 17.3344C15.6626 17.5719 15.4126 17.7144 15.1376 17.7144Z' fill='%236194FF'/%3E%3Cpath opacity='0.4' d='M15.1376 27.689C14.8751 27.689 14.6126 27.5623 14.4126 27.309L13.2751 25.8681C12.8751 25.3615 12.8751 24.5381 13.2751 24.0315C13.6751 23.5248 14.3251 23.5248 14.7251 24.0315L15.1376 24.554L17.8126 21.1656C18.2126 20.659 18.8626 20.659 19.2626 21.1656C19.6626 21.6723 19.6626 22.4956 19.2626 23.0023L15.8626 27.309C15.6626 27.5623 15.4001 27.689 15.1376 27.689Z' fill='%236194FF'/%3E%3Cpath opacity='0.4' d='M15.1376 37.189C14.8751 37.189 14.6126 37.0623 14.4126 36.809L13.2751 35.3681C12.8751 34.8615 12.8751 34.0381 13.2751 33.5315C13.6751 33.0248 14.3251 33.0248 14.7251 33.5315L15.1376 34.054L17.8126 30.6656C18.2126 30.159 18.8626 30.159 19.2626 30.6656C19.6626 31.1723 19.6626 31.9956 19.2626 32.5023L15.8626 36.809C15.6626 37.0623 15.4001 37.189 15.1376 37.189Z' fill='%236194FF'/%3E%3C/svg%3E%0A");
}
.dp-icon__count--key {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='8' fill='%23FAEFFF'/%3E%3Cpath opacity='0.4' d='M34.1245 13.8769C30.2775 10.041 24.039 10.041 20.218 13.8769C17.5277 16.5425 16.7219 20.3784 17.7616 23.7591L11.6532 29.8705C11.2243 30.3126 10.9254 31.1838 11.0164 31.808L11.4063 34.6426C11.5492 35.5788 12.42 36.463 13.3558 36.5931L16.189 36.9831C16.8129 37.0742 17.6837 36.7881 18.1256 36.333L19.1913 35.2667C19.4512 35.0197 19.4512 34.6036 19.1913 34.3435L16.6699 31.821C16.293 31.4439 16.293 30.8197 16.6699 30.4427C17.0468 30.0656 17.6707 30.0656 18.0476 30.4427L20.5819 32.9782C20.8289 33.2253 21.2448 33.2253 21.4917 32.9782L24.247 30.2346C27.6131 31.2878 31.4472 30.4687 34.1245 27.8031C37.9585 23.9672 37.9585 17.7128 34.1245 13.8769ZM27.2492 23.9932C25.4557 23.9932 24.0001 22.5369 24.0001 20.7425C24.0001 18.9481 25.4557 17.4917 27.2492 17.4917C29.0428 17.4917 30.4984 18.9481 30.4984 20.7425C30.4984 22.5369 29.0428 23.9932 27.2492 23.9932Z' fill='%236519A0'/%3E%3C/svg%3E%0A");
}
.dp-icon__refresh {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='vuesax/outline/refresh-2'%3E%3Cg id='refresh-2'%3E%3Cpath id='Vector' d='M14.6666 7.99992C14.6666 11.6799 11.6799 14.6666 7.99992 14.6666C4.31992 14.6666 2.07325 10.9599 2.07325 10.9599M2.07325 10.9599H5.08659M2.07325 10.9599V14.2933M1.33325 7.99992C1.33325 4.31992 4.29325 1.33325 7.99992 1.33325C12.4466 1.33325 14.6666 5.03992 14.6666 5.03992M14.6666 5.03992V1.70659M14.6666 5.03992H11.7066' stroke='%23555555' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__download {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 427318275'%3E%3Cpath id='Vector' d='M15 11V13.6667C15 14.0203 14.8361 14.3594 14.5444 14.6095C14.2527 14.8595 13.857 15 13.4444 15H2.55556C2.143 15 1.74733 14.8595 1.45561 14.6095C1.16389 14.3594 1 14.0203 1 13.6667V11' stroke='%23555555' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M4 6L8 11L12 6' stroke='%23555555' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M8 11V1' stroke='%23555555' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__arrow-right {
  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='M5.5 3L10.5 7.95077L5.5 13' stroke='%23333333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dp-icon__arrow-both {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_24_arrow'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M19.1001 15.7193L22.8201 11.9993L19.1001 8.2793' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M14.1001 11.999H22.1001' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M4.82007 8.2793L1.1001 11.9993L4.82007 15.7193' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M9.1001 11.999H1.1001' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-icon__sidebar-board {
  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='M5.81324 4H14.3999M5.81324 8.32H14.3999M5.81324 12.64H14.3999M2.3999 4V4.00853M2.3999 8.32V8.32853M2.3999 12.64V12.6485' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dp-icon__sidebar-book {
  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='M8.09285 13.658C9.02039 12.9778 11.5804 12.0255 14.4001 13.658V3.45508M1.6001 3.26958V13.658C2.52763 12.9778 5.08763 12.0255 7.90734 13.658V3.64059M1.6001 3.24341C2.52763 2.56322 5.08763 1.61094 7.90734 3.24341M8.09285 3.24341C9.02039 2.56322 11.5804 1.61094 14.4001 3.24341' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dp-icon__sidebar-external-link {
  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='M6.625 2.5L4.5625 2.5C2.5 2.5 2.5 3.42341 2.5 4.56249V11.4375C2.5 13.5 3.42341 13.5 4.5625 13.5H11.4375C13.5 13.5 13.5 12.5766 13.5 11.4375V9.375M10.0622 2.50017L13.5 2.5M13.5 2.5V5.59382M13.5 2.5L7.65575 8.34355' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.board {
  padding: 20px 20px;
}
@media (max-width: 768px) {
  .board {
    padding: 20px 0;
    padding: 0;
    width: 800px;
  }
  .board--wrap {
    position: relative;
    overflow: hidden;
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  .board--wrap.board__caption--remove {
    overflow-x: auto;
  }
  .board--wrap.board__caption--remove .board__caption--mobile {
    opacity: 0;
    visibility: hidden;
  }
}
.board__caption--mobile {
  display: none;
}
@media (max-width: 768px) {
  .board__caption--mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
  }
  .board__caption--mobile .caption__info {
    background: var(--mobileTableDimLayerBackground);
    color: var(--white);
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 10px;
    border-radius: 8px;
  }
  .board__caption--mobile .caption__info .dp-icon {
    margin-right: 10px;
  }
}
.board__item {
  background: var(--white);
  border-radius: 8px;
  margin-bottom: 20px;
}
.board__item:last-child {
  margin-bottom: 0;
}
.board__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: var(--grayscale---gray30_e8e8e8);
  padding: 0 12px;
}
.board__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--grayscale---gray60_999999);
  padding: 0 12px;
}
.board__th {
  padding: 12px 0;
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray60_999999);
  font-weight: 500;
  padding-right: 10px;
}
.board__td {
  padding: 12px 0;
  font-size: var(--subtitle---subtitle3);
  color: var(--grayscale---gray90_333333);
  padding-right: 10px;
}
.board__subject {
  width: 85%;
}
.board__subject a {
  color: var(--grayscale---gray90_333333);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board__subject a:hover {
  text-decoration: underline;
}
.board__writer {
  width: 22.5%;
  text-align: center;
}
.board__date {
  width: 15%;
  text-align: center;
  color: var(--grayscale---gray60_999999);
}

/*csv upload 커스텀*/
.dp__container .tabulator {
  /*css에서 강제로 높이값 설정 | 추후 문제 시 height, max-height만 제거 예정*/
  min-height: 600px;
  background: none;
  border: 0;
  background: var(--white);
  border-radius: 8px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
  overflow: auto;
}
.dp__container .tabulator .tabulator-header {
  border-bottom: 1px solid #d4d4d4;
  background: none;
}
.dp__container .tabulator .tabulator-header div.tabulator-col {
  background: none;
  border-right: 0;
  font-size: 13px;
}
.dp__container .tabulator .tabulator-header div.tabulator-col:nth-last-of-type(1) {
  border-right: 0;
}
.dp__container .tabulator .tabulator-header div.tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
  background: none;
}
.dp__container .tabulator .tabulator-header div.tabulator-col .tabulator-col-content {
  padding: 6.5px 5px;
}
.dp__container .tabulator .tabulator-row {
  border-bottom: 1px solid #d4d4d4;
  position: relative;
}
.dp__container .tabulator .tabulator-row div.tabulator-cell {
  font-size: 13px;
  border-right: 0;
  padding: 8px 5px;
  height: 38px;
  text-align: left !important;
}
.dp__container .tabulator .tabulator-row div.tabulator-cell[tabulator-field=No], .dp__container .tabulator .tabulator-row div.tabulator-cell[tabulator-field="No."] {
  text-align: center !important;
}
.dp__container .tabulator .tabulator-row div.tabulator-cell:nth-last-of-type(1) {
  border-right: 0;
}
.dp__container .tabulator .tabulator-row div.tabulator-cell:hover {
  background: #fff;
}
.dp__container .tabulator .tabulator-row.tabulator-row-even {
  background-color: #fff;
}
.dp__container .tabulator .tabulator-row.tabulator-selectable:hover {
  background-color: var(--primary---primary20);
}
.dp__container .tabulator .tabulator-row.tabulator-selectable:hover div.tabulator-cell {
  -webkit-box-shadow: var(--slds-g-color-border-base-1, var(--lwc-colorBorder, #D4D4D4)) 0 calc(-1 * var(--lwc-borderWidthThin, 1px)) 0 inset, var(--slds-g-color-border-base-1, var(--lwc-colorBorder, #D4D4D4)) 0 1px 0 inset;
          box-shadow: var(--slds-g-color-border-base-1, var(--lwc-colorBorder, #D4D4D4)) 0 calc(-1 * var(--lwc-borderWidthThin, 1px)) 0 inset, var(--slds-g-color-border-base-1, var(--lwc-colorBorder, #D4D4D4)) 0 1px 0 inset;
}
.dp__container .tabulator .tabulator-col-resize-handle:hover {
  cursor: col-resize;
}

/*custom listpage(csv upload)와 standard listpage UI 맞추기 위함*/
.dp__container .slds-resizable__divider::before {
  background: none;
}

lightning-input.dp-input .slds-form-element__label,
.dp-input .slds-form-element__label {
  font-size: 14px;
  color: var(--grayscale---gray90_333333);
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}
lightning-input.dp-input .slds-input,
.dp-input .slds-input {
  height: 32px;
  border: 1px solid var(--grayscale---gray40_dddddd);
  color: var(--grayscale---gray90_333333);
  font-size: var(--subtitle---subtitle3);
}
lightning-input.dp-input .slds-input::-webkit-input-placeholder, .dp-input .slds-input::-webkit-input-placeholder {
  color: var(--grayscale---gray50_bbbbbb);
}
lightning-input.dp-input .slds-input::-moz-placeholder, .dp-input .slds-input::-moz-placeholder {
  color: var(--grayscale---gray50_bbbbbb);
}
lightning-input.dp-input .slds-input:-ms-input-placeholder, .dp-input .slds-input:-ms-input-placeholder {
  color: var(--grayscale---gray50_bbbbbb);
}
lightning-input.dp-input .slds-input::-ms-input-placeholder, .dp-input .slds-input::-ms-input-placeholder {
  color: var(--grayscale---gray50_bbbbbb);
}
lightning-input.dp-input .slds-input::placeholder,
.dp-input .slds-input::placeholder {
  color: var(--grayscale---gray50_bbbbbb);
}
lightning-input.dp-input .slds-input:focus,
.dp-input .slds-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--primary---primary70);
}
lightning-input.dp-input.slds-has-error .slds-input,
.dp-input.slds-has-error .slds-input {
  border-color: var(--red---red70_e50f18);
  -webkit-box-shadow: none;
          box-shadow: none;
}
lightning-input.dp-input.slds-has-error .slds-form-element__help,
.dp-input.slds-has-error .slds-form-element__help {
  margin-top: 2px;
  font-size: var(--subtitle---subtitle4);
  color: var(--red---red70_e50f18);
}
lightning-input.dp-input.dp-input--login .slds-input,
.dp-input.dp-input--login .slds-input {
  height: 48px;
}

lightning-button.dp-button .slds-button,
.dp-button .slds-button {
  height: 32px;
  padding: 0 16px;
  color: var(--grayscale---gray90_333333);
  font-size: 12px;
  border-radius: 4px;
  line-height: normal;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
lightning-button.dp-button .slds-button:hover,
.dp-button .slds-button:hover {
  color: var(--primary---primary70);
  background: var(--grayscale---gray20_f5f5f5);
}
lightning-button.dp-button .slds-button:disabled,
.dp-button .slds-button:disabled {
  color: var(--grayscale---gray50_bbbbbb) !important;
}
lightning-button.dp-button .slds-button:disabled:focus,
.dp-button .slds-button:disabled:focus {
  background: none;
}
lightning-button.dp-button .slds-button.slds-button_brand:disabled, lightning-button.dp-button .slds-button.slds-button--brand:disabled, lightning-button.dp-button .slds-button.slds-button--destructive:disabled, lightning-button.dp-button .slds-button.slds-button_destructive:disabled, lightning-button.dp-button .slds-button.slds-button--success:disabled, lightning-button.dp-button .slds-button.slds-button_success:disabled,
.dp-button .slds-button.slds-button_brand:disabled,
.dp-button .slds-button.slds-button--brand:disabled,
.dp-button .slds-button.slds-button--destructive:disabled,
.dp-button .slds-button.slds-button_destructive:disabled,
.dp-button .slds-button.slds-button--success:disabled,
.dp-button .slds-button.slds-button_success:disabled {
  background-color: var(--grayscale---gray30_e8e8e8) !important;
  border-color: var(--grayscale---gray30_e8e8e8) !important;
}
lightning-button.dp-button .slds-button.slds-button--neutral:disabled, lightning-button.dp-button .slds-button.slds-button_neutral:disabled, lightning-button.dp-button .slds-button.slds-button_outline-brand:disabled,
.dp-button .slds-button.slds-button--neutral:disabled,
.dp-button .slds-button.slds-button_neutral:disabled,
.dp-button .slds-button.slds-button_outline-brand:disabled {
  background-color: var(--grayscale---gray30_e8e8e8) !important;
  border-color: var(--grayscale---gray40_dddddd) !important;
}
lightning-button.dp-button .slds-button:focus,
.dp-button .slds-button:focus {
  -webkit-box-shadow: var(--component_-focused_-primary);
          box-shadow: var(--component_-focused_-primary);
}
lightning-button.dp-button .slds-button.slds-button--neutral, lightning-button.dp-button .slds-button.slds-button_neutral,
.dp-button .slds-button.slds-button--neutral,
.dp-button .slds-button.slds-button_neutral {
  background-color: var(--white);
  border-color: var(--grayscale---gray40_dddddd);
  color: var(--grayscale---gray90_333333);
}
lightning-button.dp-button .slds-button.slds-button--neutral:hover, lightning-button.dp-button .slds-button.slds-button_neutral:hover,
.dp-button .slds-button.slds-button--neutral:hover,
.dp-button .slds-button.slds-button_neutral:hover {
  background-color: var(--grayscale---gray40_dddddd);
}
lightning-button.dp-button .slds-button.slds-button--neutral:focus, lightning-button.dp-button .slds-button.slds-button_neutral:focus,
.dp-button .slds-button.slds-button--neutral:focus,
.dp-button .slds-button.slds-button_neutral:focus {
  -webkit-box-shadow: var(--component_-focused_-gray);
          box-shadow: var(--component_-focused_-gray);
}
lightning-button.dp-button .slds-button.slds-button_brand, lightning-button.dp-button .slds-button.slds-button--brand,
.dp-button .slds-button.slds-button_brand,
.dp-button .slds-button.slds-button--brand {
  background-color: var(--primary---primary70);
  border-color: var(--primary---primary70);
  color: var(--white);
}
lightning-button.dp-button .slds-button.slds-button_brand:hover, lightning-button.dp-button .slds-button.slds-button--brand:hover,
.dp-button .slds-button.slds-button_brand:hover,
.dp-button .slds-button.slds-button--brand:hover {
  background-color: var(--primary---primary80);
  border-color: var(--primary---primary80);
}
lightning-button.dp-button .slds-button.slds-button_outline-brand,
.dp-button .slds-button.slds-button_outline-brand {
  background-color: var(--white);
  border-color: var(--primary---primary70);
  color: var(--primary---primary70);
}
lightning-button.dp-button .slds-button.slds-button_outline-brand:hover,
.dp-button .slds-button.slds-button_outline-brand:hover {
  background: var(--primary---primary20);
}
lightning-button.dp-button .slds-button.slds-button--destructive, lightning-button.dp-button .slds-button.slds-button_destructive,
.dp-button .slds-button.slds-button--destructive,
.dp-button .slds-button.slds-button_destructive {
  background-color: var(--red---red70_e50f18);
  border-color: var(--red---red70_e50f18);
  color: var(--white);
}
lightning-button.dp-button .slds-button.slds-button--destructive:hover, lightning-button.dp-button .slds-button.slds-button_destructive:hover,
.dp-button .slds-button.slds-button--destructive:hover,
.dp-button .slds-button.slds-button_destructive:hover {
  background-color: var(--red---red80_b4151b);
  border-color: var(--red---red80_b4151b);
}
lightning-button.dp-button .slds-button.slds-button--destructive:focus, lightning-button.dp-button .slds-button.slds-button_destructive:focus,
.dp-button .slds-button.slds-button--destructive:focus,
.dp-button .slds-button.slds-button_destructive:focus {
  -webkit-box-shadow: var(--component_-focused_-error);
          box-shadow: var(--component_-focused_-error);
}
lightning-button.dp-button .slds-button.slds-button--success, lightning-button.dp-button .slds-button.slds-button_success,
.dp-button .slds-button.slds-button--success,
.dp-button .slds-button.slds-button_success {
  background-color: var(--green---green70_06a228);
  border-color: var(--green---green70_06a228);
  color: var(--white);
}
lightning-button.dp-button .slds-button.slds-button--success:hover, lightning-button.dp-button .slds-button.slds-button_success:hover,
.dp-button .slds-button.slds-button--success:hover,
.dp-button .slds-button.slds-button_success:hover {
  background-color: #04791d;
  border-color: #04791D;
}
lightning-button.dp-button .slds-button.slds-button--success:focus, lightning-button.dp-button .slds-button.slds-button_success:focus,
.dp-button .slds-button.slds-button--success:focus,
.dp-button .slds-button.slds-button_success:focus {
  -webkit-box-shadow: var(--component_-focused_-success);
          box-shadow: var(--component_-focused_-success);
}
lightning-button.dp-button .slds-button:has(.slds-button__icon.slds-button__icon_left) .slds-button__icon,
.dp-button .slds-button:has(.slds-button__icon.slds-button__icon_left) .slds-button__icon {
  margin-right: 4px;
}
lightning-button.dp-button .slds-button:has(.slds-button__icon.slds-button__icon_right) .slds-button__icon,
.dp-button .slds-button:has(.slds-button__icon.slds-button__icon_right) .slds-button__icon {
  margin-left: 4px;
}
lightning-button.dp-button.dp-button--login .slds-button,
.dp-button.dp-button--login .slds-button {
  width: 100%;
  height: 48px;
  font-size: var(--subtitle---subtitle2);
  font-weight: 500;
}
.siteforceStarterBody > .cCenterPanel:has(.dp) {
  max-width: 100% !important;
  padding: 0;
  margin: 0 auto;
}

.dp-header .header__search .inputWrapper {
  padding-left: 0;
}

.dp-header .header__buttons .cProfileMenu {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dp-header .header__buttons .cProfileMenu .triggerDownArrow {
  border: 0;
}

.dp-header .header__buttons .cNotifications .unsNotificationsCounter .tooltipTrigger {
  position: static;
}
.dp-header .header__buttons .cNotifications .unsNotificationsCounter .slds-icon-utility-notification {
  width: auto;
  height: auto;
}

.dp-header .header__buttons .cProfileMenu .trigger-link {
  padding: 0;
}

.dp__content .test-listViewManager {
  background: none;
}
.dp__content .test-listViewManager .slds-page-header_object-home {
  border-bottom: 0;
}
.dp__content .test-listViewManager .listDisplays {
  padding: 16px 24px;
  background: var(--white);
  border-radius: 8px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
  overflow: hidden;
}
@media (max-width: 768px) {
  .dp__content .test-listViewManager .listDisplays {
    padding: 12px 16px;
  }
}
.dp__content .dp__column {
  margin-bottom: 20px;
  position: relative;
}
.dp__content .dp__column .slds-page-header__detail-row {
  padding: 16px 24px;
  background: var(--white);
  border-radius: 8px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
  overflow: hidden;
}
@media (max-width: 768px) {
  .dp__content .dp__column .slds-page-header__detail-row {
    padding: 12px 16px;
  }
}
.dp__content .dp__content-areas {
  position: relative;
}
@media (max-width: 1400px) {
  .dp__content .dp__content-areas {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.dp__content .dp__content-areas .dp__content-main {
  padding: 16px 24px;
  width: calc(66.67% - 10px);
  border-radius: 8px;
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
  margin-right: 20px;
  background-color: var(--white);
}
@media (max-width: 1400px) {
  .dp__content .dp__content-areas .dp__content-main {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.dp__content .dp__content-areas .dp__content-side {
  padding: 16px 24px;
  width: calc(33.33% - 10px);
  -webkit-box-shadow: var(--commonBoxShadow);
          box-shadow: var(--commonBoxShadow);
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 1400px) {
  .dp__content .dp__content-areas .dp__content-side {
    width: 100%;
  }
}

/*레코드 상세페이지 follow 버튼 삭제를 위함*/
.forceCommunityRecordHeadline .slds-page-header_record-home .forceActionsContainer:has(div[data-target-selection-name$=Follow]) {
  display: none;
}

/*오그에만 적용된 UI 통일을 위한 CSS*/
c-lwc-ufw-container c-lwc-ufw-community-header {
  display: block;
  background: none;
  overflow: hidden;
}
c-lwc-ufw-container c-lwc-ufw-community-header .slds-page-header {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none !important;
}
c-lwc-ufw-container c-lwc-ufw-community-header .slds-page-header .slds-media.slds-m-left--medium {
  margin-left: 0;
}
c-lwc-ufw-container c-lwc-ufw-body {
  display: block;
}
c-lwc-ufw-container c-lwc-ufw-body > lightning-card > .slds-card {
  border: 0;
  background: none;
}
c-lwc-ufw-container c-lwc-ufw-body > lightning-card > .slds-card > .slds-card__header {
  padding: 0;
  margin: 0;
}
c-lwc-ufw-container c-lwc-ufw-body > lightning-card > .slds-card > .slds-card__body {
  margin: 0;
}
c-lwc-ufw-container c-lwc-ufw-body > lightning-card > .slds-card > .slds-card__body:has(slot[name=searchSection]) .slds-form_inline {
  margin: 0;
  margin-bottom: 8px;
}
c-lwc-ufw-container c-lwc-ufw-body > lightning-card > .slds-card > .slds-card__body .slds-p-around_small:has(.tabulator) {
  padding: 0;
}